/* Start:/local/components/justlook/oldbrowser/templates/.default/style.css?1688465408364*/
.oldbrowser-bar {
	background: #fff4f4;
	height: 38px;
	line-height: 38px;
	position: relative;
	z-index: 99999;
	text-align: center;
}
.oldbrowser-bar .close {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 13px;
    height: 12px;
    text-indent: -99999px;
    background: url(/local/components/justlook/oldbrowser/templates/.default/../../images/old-close.png);
	z-index: 999999;
}
/* End */


/* Start:/local/templates/museum/template_styles.css?169173368535191*/
.top-strip {
    font-size: 14px;
    position: fixed;
    width: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 1);

}

.page-wrapper {
    padding-top: 69px;
}

/*.page-wrapper:before {
    content: '';
    display: block;
    height: 69px;
}*/

.top-strip .container {
    height: 100%;
    background: rgba(255, 255, 255, 1);
}

.logo-wrap {
    width: 214px;
    height: 100%;
    position: absolute;
}

.logo {
    background: url(/local/templates/museum/images/logo.png);
    width: 130px;
    height: 60px;
    display: block;
    text-decoration: none;
    position: relative;
    top: 50%;
    left: 40%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    transition: height .2s;
}

.main-menu {
    margin-left: 175px;
    float: left;
}

.main-menu > .item {
    float: left;
    position: relative;
    padding: 25px 0;
    transition: padding .2s;
}

.main-menu > .item > .link,
.main-menu > .item > span {
    font-weight: 700;
    text-transform: uppercase;
}

.main-menu > .item + .item {
    margin-left: 18px;
}

.main-menu .item.parent .sub-menu {
    z-index: 5;
    position: absolute;
    top: 66px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s linear, visibility 0s .3s linear;
    transition: opacity .3s linear, visibility 0s .3s linear;
    left: -30px;
}

.main-menu .item.parent .sub-menu:before {
    left: 40px;
    margin-left: 0;
}

.bubble-pad {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    padding: 22px 30px;
    box-sizing: border-box;
    position: relative;
}

.bubble-pad:before,
.select2-dropdown:before {
    content: '';
    width: 15px;
    height: 15px;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    background: rgba(255, 255, 255, 1);
    /*z-index: -1;*/
    top: -7px;
    left: 50%;
    margin-left: -9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    display: block;
}

.bubble-pad:after,
.select2-dropdown:after {
    content: '';
    background: rgba(255, 255, 255, 1);
    width: 100%;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
}

.main-menu .item.parent:hover > .link {
    color: rgba(0, 147, 255, 1);
}

.main-menu .item.parent:hover .sub-menu {
    visibility: visible;
    -webkit-transition: opacity .3s linear, visibility 0s linear;
    transition: opacity .3s linear, visibility 0s linear;
    opacity: 1;
}

.main-menu .item.parent .link {
    position: relative;
    z-index: 10;
}

.main-menu .sub-menu .item:first-child {
    margin-top: 0;
}

.main-menu .sub-menu .item {
    margin: 17px 0 0 0;
}

/*.main-menu .sub-menu .item .link {
    line-height: 1.1;
}*/

.top-strip .phone,
.top-strip .order-ticket {
    margin: 25px 0;
}

.top-strip .phone,
.top-strip .order-ticket,
.top-strip .invalid,
.top-strip .lng-link{
    transition: margin .2s;
}

.main-menu span,
.main-menu .link.active {
    color: rgba(186, 167, 109, 1);
}

.top-strip .phone {
    float: left;
    margin-left: 25px !important;
}
.len-block{
    position: relative;
    top: 20px;
    right: 28px;
    float: right;
}
.len-block .select2-container{
    max-width: 56px;
}
.select2-dropdown{
    min-width: 145px;
}
.len-block .clr-fix .select2-container--open .bubble-pad:before,.select2-dropdown:before  {
    right: 78%;
}
.top-strip .order-ticket {
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    margin-left: 20px !important;
    position: relative;
}

.top-strip .invalid {
    float: left;
    background-image: url(/local/templates/museum/images/inv.png);
    width: 20px;
    height: 19px;
    margin-top: 23px;
    position: relative;
    margin-left: 23px!important;
}
.top-strip .lng-link{
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    margin-left: 21px !important;
    position: relative;
    margin: 25px 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.top-strip .lng-link::before {
    left: -10px;
}
.top-strip .lng-link:hover{
    cursor: pointer
}
.top-strip .lng-link::before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 1px;
    height: 20px;
    background: #d1d1d1;
}
.lng-container {
    margin-top: 15px;
    border: none;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    width: 194px;
    height: 105px;
    position: absolute;
    right: 0px;
    top: 50px;
}
.lng-container ul{
    padding: 22px 30px;
}
.lang-link{
    text-decoration: none;
    font-size: 16px;
    color: #000;
}
.lang-link-active{
    text-decoration: none;
    font-size: 16px;
    color: rgba(0, 147, 255, 1);
}
.sp-line{
    position: absolute;
    right: 0;
    background: rgba(255, 255, 255, 1);
    width: 100px;
    height: 20px;
    top: 66px;
    right: 3px;
    z-index: 10;
}
.lng-container li{
    padding: 5px 0;
}
.lng-container:before {
    content: '';
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    background: rgba(255, 255, 255, 1);
    top: -7px;
    left: 85%;
    margin-left: -9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    display: block;
}
.icon-eng{
    float: left;
    background-image: url(/local/templates/museum/images/eng.png);
    width: 24px;
    height: 16px;
    position: relative;
    margin-right: 15px;
    margin-top: 2px;
}
.icon-rus{
    float: left;
    background-image: url(/local/templates/museum/images/rus.png);
    width: 24px;
    height: 16px;
    position: relative;
    margin-right: 15px;
    margin-top: 2px;
}
.top-strip .order-ticket::before,
.top-strip .order-ticket::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 1px;
    height: 20px;
    background: #d1d1d1;
}

.top-strip .order-ticket::before {
    left: -10px;
}
.top-strip .order-ticket::after {
    right: -10px;
}

.top-strip .invalid:hover {
    background-position: -20px 0;
}

.top-strip.narrow .logo {
    height: 27px;
}

.top-strip.narrow .lng-link,
.top-strip.narrow .phone,
.top-strip.narrow .order-ticket{
    margin: 13px 0;
}

.top-strip.narrow .main-menu > .item {
    padding: 13px 0;
}

.top-strip.narrow .main-menu .item.parent .sub-menu {
    top: 44px;
}

.top-strip.narrow .invalid {
    margin-top: 12px;
}

/* ========================================
			#top-slider-wrap
======================================== */
.top-slider-wrap {
    margin-bottom: 50px;
    height: 550px;
    position: relative;
}

.top-slider-wrap .slide {
    color: rgba(35, 31, 32, 1);
    height: 100%;
    left: 50%;
    margin-left: -480px;
    position: absolute;
    display: none;
}

.top-slider-wrap .slide .container {
    height: 100%;
}

.top-slider-wrap .image.vert {
    background: url(/local/templates/museum/images/vert-border.png);
    width: 1984px;
    height: 586px;
    margin-top: 30px;
    margin-left: -20px;
}

.top-slider-wrap .image.horz {
    background: url(/local/templates/museum/images/horz-border.png);
    width: 1984px;
    height: 476px;
    margin-top: -5px;
    margin-left: -20px;
}

.top-slider-wrap .image {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.top-slider-wrap .preview-image {
    position: absolute;
    background-size: cover;
}

.top-slider-wrap .vert .preview-image {
    width: 337px;
    height: 460px;
    left: 565px;
    top: 50px;
}

.top-slider-wrap .horz .preview-image {
    width: 375px;
    height: 258px;
    left: 543px;
    top: 70px;
}

.top-slider-wrap .title {
    font-size: 42px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.top-slider-wrap .title.arrow-after:after {
    width: 7px;
    height: 12px;
    right: -27px;
    bottom: .45em;
}

.top-slider-wrap .slide .info {
    margin-bottom: 10px;
}

.top-slider-wrap .slide .caption {
    position: absolute;
    top: 310px;
    left: 0;
    width: 320px;
    font-size: 36px;
    line-height: 1;
    font-weight: 100;
    text-transform: uppercase;
}

.top-slider-wrap .slide .caption * {
    background-size: 100% 28px;
    background-image: linear-gradient(to top, #fff, #fff);
    background-repeat: no-repeat;
    background-position: center 45%;
}

.top-slider-wrap .slide .caption .location {
    font-weight: 900;
}

.top-slider-wrap .slide .text {
    width: 425px;
    float: right;
    margin-top: 70px;
}

.top-slider-wrap .actions-wrap {
    position: absolute;
    top: 435px;
    width: 425px;
    right: 0;
}

.top-slider-wrap .details {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

.top-slider-wrap .order-wrap {
    float: left;
}

.top-slider-wrap .next-wrap {
    float: right;
    width: 200px;
    text-align: right;
    font-size: 14px;
    color: rgba(140, 146, 161, 1);
    margin-right: 18px;
    position: relative;
}

.top-slider-wrap .next-wrap .link {
    text-transform: uppercase;
    font-weight: 700;
}

.top-slider-wrap .next-wrap:after {
    content: '';
    background: url(/local/templates/museum/images/arrow3.svg);
    width: 10px;
    height: 11px;
    position: absolute;
    right: -18px;
    top: 22px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.action {
    display: inline-block;
    font-size: 22px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    background-image: none !important;
}

.action:before {
    content: '';
    width: 42px;
    height: 20px;
    position: absolute;
    z-index: -1;
    top: -9px;
    left: -18px;
    background-image: url(/local/templates/museum/images/mark-orange.svg);
}

.action.send:before {
    background-image: url(/local/templates/museum/images/plane.svg);
    width: 34px;
    height: 27px;
    top: -10px;
    left: -16px;
}

.main-museum .action:before {
    background-image: url(/local/templates/museum/images/mark-yel.svg);
}

.city-mansion .action:before {
    background-image: url(/local/templates/museum/images/mark-orange.svg);
}

.nature-museum .action:before {
    background-image: url(/local/templates/museum/images/mark-red.svg);
}

.main-museum .location {
    color: rgba(186, 167, 109, 1);
}

.city-mansion .location {
    color: rgba(234, 124, 7, 1);
}

.nature-museum .location {
    color: rgba(237, 66, 36, 1);
}

.monetny-dvor .location {
    color: rgba(149, 93, 38, 1);
}

.museum-of-olympic-glory .location {
    color: rgba(66, 157, 184, 1);
}

.museum-of-siberia .location {
    color: rgba(48, 82, 144, 1);
}

.russia-park .location {
    color: rgba(0, 112, 218, 1);
}

/*.cols2 .h3:first-child {
    margin-top: 0;
}*/

.cols2 {
    margin: 35px 0;

    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 55px;
}

.cols2.line {
    -webkit-column-gap: 110px;
    -moz-column-gap: 110px;
    column-gap: 110px;

    -webkit-column-rule: 2px solid rgba(221, 221, 221, 1);
    -moz-column-rule: 2px solid rgba(221, 221, 221, 1);
    column-rule: 2px solid rgba(221, 221, 221, 1);
}

.cols2.line * {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -moz-page-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

.main-museum .cols2 {
    -webkit-column-rule-color: rgba(186, 167, 109, 1);
    -moz-column-rule-color: rgba(186, 167, 109, 1);
    column-rule-color: rgba(186, 167, 109, 1);
}

.nature-museum .cols2 {
    -webkit-column-rule-color: rgba(237, 66, 36, 1);
    -moz-column-rule-color: rgba(237, 66, 36, 1);
    column-rule-color: rgba(237, 66, 36, 1);
}

.city-mansion .cols2 {
    -webkit-column-rule-color: rgba(234, 124, 7, 1);
    -moz-column-rule-color: rgba(234, 124, 7, 1);
    column-rule-color: rgba(234, 124, 7, 1);
}

.monetny-dvor .cols2 {
    -webkit-column-rule-color: rgba(149, 93, 38, 1);
    -moz-column-rule-color: rgba(149, 93, 38, 1);
    column-rule-color: rgba(149, 93, 38, 1);
}

.museum-of-olympic-glory .cols2 {
    -webkit-column-rule-color: rgba(66, 157, 184, 1);
    -moz-column-rule-color: rgba(66, 157, 184, 1);
    column-rule-color: rgba(66, 157, 184, 1);
}

.museum-of-siberia .cols2 {
    -webkit-column-rule-color: rgba(48, 82, 144, 1);
    -moz-column-rule-color: rgba(48, 82, 144, 1);
    column-rule-color: rgba(48, 82, 144, 1);
}

.russia-park .cols2 {
    -webkit-column-rule-color: rgba(0, 112, 218, 1);
    -moz-column-rule-color: rgba(0, 112, 218, 1);
    column-rule-color: rgba(0, 112, 218, 1);
}

/* ========================================
			    #museum-list
======================================== */
.museum-list {

}

.museum-list .caption {
    display: table-caption;
}

.museum-list .h1 {
    margin-bottom: 5px;
}

.museum-list .image {
    height: 100px;
    background: no-repeat left bottom;
    margin-bottom: 20px;
    display: inline-block;
}

.museum-list .item {
    float: left;
    width: 265px;
    min-height: 392px;
}

.container.text-page .museum-list .item {
    min-height: 706px;
}

.pw.contacts .museum-list .item {
    min-height: 350px;
}

.museum-list .item + .item {
    margin-left: 55px;
}

.museum-list .item:nth-child(3n+1) {
    margin-left: 0;
}

.museum-list .details {
    margin: 7px 0;
}

.museum-list .details table {
    table-layout: fixed;
    border-collapse: collapse;
}

.museum-list .details table .closed {
    color: #ff445a;
}

.museum-list .details td {
    padding: 5px 0;
}

.museum-list .details td:first-child {
    width: 80px;
}

.popup.map .content {
    padding: 0;
}

.popup.map .map-wrap {
    height: 535px;
}

.museum-list .tour::after {
    content: '';
    background-image: url(/local/templates/museum/images/360.png);
    width: 24px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -31px;
    margin-top: -7px;
}

    /* ========================================
                      #news
    ======================================== */
.main-page .news-block .h1 {
    margin-top: 40px;
}

.news-block .items {
    position: relative;
}

.news-block .item {
    width: 425px;
    box-sizing: border-box;
    margin-bottom: 70px;

    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.news-block .caption {
    margin: 25px 0 10px;
}

.news-block .timeline {
    position: absolute;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: calc(100% - 150px);
    top: 30px;
    background: rgba(221, 221, 221, 1);

}

.news-block .datetime {
    color: rgba(140, 146, 161, 1);
    position: absolute;
    top: 16px;
    height: 45px;
    width: 70px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    text-align: center;
    padding-top: 12px;
}

.news-block .datetime:after {
    content: '';
    width: 22px;
    height: 2px;
    position: absolute;
    bottom: 0;
    background: rgba(140, 146, 161, 1);
}

.news-block .item.main-museum .datetime:after {
    background: rgba(186, 167, 109, 1);
}

.news-block .item.city-mansion .datetime:after {
    background: rgba(234, 124, 7, 1);
}

.news-block .item.nature-museum .datetime:after {
    background: rgba(237, 66, 36, 1);
}

.news-block .item.monetny-dvor .datetime:after  {
    background: rgba(149, 93, 38, 1);
}

.news-block .item.museum-of-olympic-glory .datetime:after  {
    background: rgba(66, 157, 184, 1);
}

.news-block .item.museum-of-siberia .datetime:after  {
    background: rgba(48, 82, 144, 1);
}

.news-block .item.russia-park .datetime:after  {
    background: rgba(0, 112, 218, 1);
}

.news-block .item .image {
    width: 310px;
}

.news-block .item.fixed .image {
    width: 661px;
    left: -236px;
}

.news-block .item.fixed {
    width: 100%;
    height: 400px;
    margin-bottom: 70px;
}

.news-block .item.fixed .datetime:before {
    content: '';
    background: url(/local/templates/museum/images/pin.svg);
    width: 17px;
    height: 17px;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 9px;
}

.news-block .item.fixed .datetime {
    height: 60px;
    left: 50%;
    top: 0;
    margin-left: -35px;
    padding-top: 30px;
}

.news-block .item.fixed .datetime:after {
    left: 50%;
    margin-left: -1px;
}

.news-block .item.fixed .text {
    float: right;
    width: 428px;
}

.news-block .flow-items {
    position: relative;
}

.news-block .item.fixed + .flow-items .item:first-child:before {
    content: '';
    background: url(/local/templates/museum/images/waves.svg);
    background-size: cover;
    position: absolute;
    width: 16px;
    height: 9px;
    margin-left: 0;
    top: -36px;
}

.news-block .item.left:first-child:before {
    right: -63px;
}

.news-block .item.right:first-child:before {
    left: -63px;
}

.news-block .item.big {
    width: 425px;
    height: 690px;
}

.news-block .item.left .image {
    left: -236px;
    right: inherit;
}

.news-block .item.left {
    padding-left: 107px;
    float: left;
}

.news-block .item.left .datetime {
    right: -90px;
}

.news-block .item.right.top-padding .datetime {
    top: 112px;
}

.news-block .item.left .datetime:after {
    right: 50%;
    margin-right: -1px;
}

.news-block .item.small {
    height: 310px;
    width: 425px;
}

.news-block .item.right .image {
    right: -236px;
    left: inherit;
}

.news-block .item.right {
    padding-right: 107px;
    float: right;
}

.news-block .item.no-pos {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.news-block .item.right .datetime {
    left: -90px;
}

.news-block .item.right .datetime:after {
    left: 50%;
    margin-left: -1px;
}

.news-block .item .text {
    width: auto;
    float: none;
}

.news-block .items + .more {
    margin-top: -50px;
}

/* ========================================
              #details
======================================== */
.details .h1 {
    margin-bottom: 5px;
}

.details .tags {
    display: inline-block;
    text-transform: none;
    font-weight: 300;
}

.details .datetime {
    text-transform: none;
    font-weight: 300;
}

.details .info {
    margin-bottom: 64px;
}

.details .forms-wrap {
    width: 425px;
    margin: 0 auto;
}

.details .form {
    padding-top: 35px;
}

.details .virtual-btn-wrap {
    margin-top: 30px;
}

.switcher .tabs {
    clear: both;
}

.switcher .captions {
    margin-top: 35px;
}

.switcher .captions .item + .item {
    margin-left: 20px;
}

.switcher .captions .link {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

/* ========================================
                #contacts
======================================== */
.contacts .h1 {
    margin-bottom: 5px;
}

.contacts .museum-list {
    margin-bottom: 50px;
}

.contacts:after {
    padding-top: 0 !important;
}

.contacts .departments {
    margin-bottom: 5px;
}

.contacts .departments .h3 {
    margin-top: 0;
}

.contacts .departments .caption {
    font-size: 16px;
    margin-bottom: 18px;
    line-height: 1.2;
}

.contacts .param {
    font-weight: 500;
}

.contacts .departments .item {
    float: left;
    width: 425px;
    clear: left;
    margin-bottom: 40px;
}

.contacts .departments .item:nth-child(2n) {
    margin-left: 110px;
    clear: none;
}

.contacts .pair {
    margin-bottom: 18px;
}

.contacts .param {
    float: left;
    width: 214px;
}

.contacts .value {
    float: right;
    width: 211px;
    clear: right;
}
.contacts .value + .value {
    margin-top: 10px;
}

.contacts .map-wrap {
    height: 835px;
    position: relative;
}

.map-wrap .map {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.contacts .museums-nav {
    z-index: 1;
    padding: 16px 20px;
    left: -20px;
    top: 30px;
    background: rgba(255, 255, 255, 1);
    text-align: right;
}

.contacts .museums-nav .caption {
    float: left;
    text-transform: none;
}

.contacts .museums-nav .item {
    display: inline-block;
    margin-right: 22px;
    margin-top: 6px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
}

.contacts .museums-nav .item:last-child {
    margin-right: 0;
}

/* ========================================
                #contacts
======================================== */
.feedback .text {
    width: 75%;
}

.feedback .expanding-area .input-textarea,
.feedback .expanding-area pre {
    min-height: 190px;
}

.feedback .checkbox-wrap {
    margin-top: 51px;
}

.feedback .faq-list .item {
    position: relative;
}

.feedback .faq-list .item + .item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-repeat: repeat-x;
    background-size: 3px 1px;
    background-image: linear-gradient(90deg, #a9a8a8 1px, transparent 1px);
}

.feedback .faq-list .item .question {
    padding: 20px 0 20px 20px;
    position: relative;
}

.feedback .faq-list .item .question::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 28px;
    width: 6px;
    height: 6px;
    background-color: #333333;
    transition: background .1s linear;
}

.feedback .faq-list .item .answer {
    background-color: #f9f8f9;
    padding: 18px 40px;
}

.feedback .faq-list .item:hover .question::before,
.feedback .faq-list .item.active .question::before {
    background-color: #ea7c07;
}

.feedback .faq-list .item .question:hover .link,
.feedback .faq-list .item.active .question .link,
.feedback .faq-list .item .question .link:hover {
    color: #ea7c07;
}

.feedback .faq-list .item .arrow {
    transition: transform .3s ease;
}
.feedback .faq-list .item.active .arrow {
    transform: rotate(90deg);
}

.feedback .faq-list .item .arrow polygon {
    transition: fill .1s linear;
}

.feedback .faq-list .item .question:hover .arrow polygon,
.feedback .faq-list .item.active .question .arrow polygon {
    fill: #ea7c07;
}

.paginator {
    list-style: none;
    padding: 20px;
}

.paginator .item {
    float: left;
}
.paginator .item + .item {
    margin-left: 8px;
}

.paginator .item .current,
.paginator .item .link:hover {
    color: #ea7c07
}


/* ========================================
                  #footer
======================================== */
.footer {
    background: rgba(35, 31, 32, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
}

.footer .caption {
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
    min-height: 36px;
    line-height: 18px;
}
.footer .museum-of-olympic-glory .caption {
    padding-right: 10px;
}

.footer .copyright {
    clear: both;
    margin-top: 17px;
    font-size: 14px;
    opacity: 0.4;
}

.footer .contacts .item {
    float: left;
    width: 214px;
    margin-top: 38px;
    margin-right: 15px;
}

.footer .contacts .item > div {
    margin-bottom: 12px;
}

.footer .contacts {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.footer .maker {
    float: right;
    width: 120px;
    line-height: 1.1;
    margin-right: 110px;
}

.footer .maker .link:before {
    content: '';
    position: absolute;
    background: url(/local/templates/museum/images/jl.png);
    width: 30px;
    height: 30px;
    left: -40px;
    top: 50%;
    margin-top: -15px;
}

.footer .social-wrap {
    height: 20px;
}

.footer .social-wrap .social-text {
    float: left;
    padding-right: 10px;
    font-weight: 500;
}

.footer .social-wrap .icon {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/local/templates/museum/images/social-icons.svg?1);
}

.footer .social-wrap .icon:hover {
    opacity: .8;
}

.footer .social-wrap .icon + .icon {
    margin-left: 10px;
}

.footer .social-wrap .icon.vk {
    background-position: 0 0;
}

.footer .social-wrap .icon.instagram {
    background-position: -20px 0;
}

.footer .social-wrap .icon.youtube {
    background: url(/local/templates/museum/images/youtube-icon.png) no-repeat center;
}

.footer .social-wrap .icon.empty {
    background: transparent;
}

/*==============================
        subscription
===============================*/

.subscription .sub-description{
    max-width: 380px;
}
.subscription .e-mail{
    max-width: 300px;
}
.subscription .btn{
    max-width: 280px;
}

/* ========================================
              #text-page
======================================== */
figure:first-child {
    width: 425px;
    margin: 0 110px 85px 0;
}

figure:first-child img {
    max-height: 400px;
}

figure {
    float: left;
    width: 480px;
    margin: 55px 55px 55px 0;
}

figure img {
    float: right;
    max-height: 520px;
}

figure.right {
    float: right;
    margin: 55px 0 55px 55px;
}

figure.right img {
    float: left;
}

.intro {
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
}

.intro:first-letter {
    font-size: 52px;
    font-weight: 100;
    line-height: 32px;
    float: left;
    margin-left: -35px;
    color: rgba(186, 167, 109, 1);
}

table {
    table-layout: fixed;
    border-collapse: collapse;
}

.text-page table {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.text-page table thead tr {
    background-color: rgba(255, 255, 255, 0) !important;
}

.text-page table thead + tbody tr:nth-child(odd) {
    background-color: rgba(35, 31, 32, .03);
}
.text-page table thead + tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0) !important;
}

.text-page table tbody:first-child tr:nth-child(even),
.text-page table colgroup + tbody tr:nth-child(even){
    background-color: rgba(35, 31, 32, .03);
}
.text-page table tbody:first-child tr:nth-child(odd),
.text-page table colgroup + tbody tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0) !important;
}


.text-page table tr td:first-child,
.text-page table tr th:first-child {
    padding-left: 20px;
}

.text-page table tr td:last-child,
.text-page table tr th:last-child {
    padding-right: 20px;
}

th {
    font-weight: 500;
    text-align: left;
    color: rgba(35, 31, 32, 1);
}

tbody tr th {
    vertical-align: top;
}

th, td {
    padding: 10px 0;
}

.text-page .top-image {
    width: 1300px;
    height: 520px;
    position: relative;
    z-index: -1;
    margin-top: -205px;
    margin-left: -236px;
    float: left;
    margin-bottom: 70px;
}
.text-page .incl-img {

    max-width: 100%;

}
.text-page .incl-img img {

    width: 100%;

}
.text-page .preview-wrap {
    width: 425px;
    padding: 60px 80px;
    float: right;
    margin-right: -60px;
    background: rgba(255, 255, 255, 1);
    margin-top: -255px;
}

.text-page ul,
.text-page ol {
    padding-left: 16px;
    margin: 35px 0;
}

.text-page ul:first-child,
.text-page ol:first-child {
    margin-top: 0;
}

.text-page ul {
    list-style-type: square;
}

.text-page ul li,
.text-page ol li {
    padding-left: 4px;

}

.text-page li + li {
    margin-top: 11px;
}

.block {
    margin: 35px 0;
    height: 520px;
}

.block figure {
    margin: 0;
    width: 480px;
    height: 100%;
}

.block figure img {
    max-height: 100%;
    height: 100%;
}

.block .text {
    width: 425px;
    float: right;
    height: 100%;
    display: table;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}

.block .line-decor {
    color: rgba(186, 167, 109, 1);
    font-size: 22px;
    margin-bottom: 15px;
}

.block .line-decor:before {
    background-color: rgba(186, 167, 109, 1);
    width: 425px;
}

.block.right {
    float: none;
}

.block.right figure {
    float: right;
}

.block.right figure img {
    float: left;
}

.block.right .text {
    float: left;
}

.fin {
    background-image: url(/local/templates/museum/images/fin.png);
    width: 130px;
    height: 30px;
    display: block;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 70px;
    float: left;
}

.fin + * {
    clear: both;
}

/* ========================================
              #gallery
======================================== */
.gallery-wrap {
    position: relative;
}

.gallery-wrap .filter,
.gallery-wrap .select2-container {
    position: absolute;
    right: 0;
    top: -55px;
}

.gallery {
    margin: 50px 0 0 !important;
    padding: 0 !important;
}

.gallery .slick-slide {
    height: 510px;
    background-size: cover;
    outline: none;
    margin: 0 50px;
    max-width: 960px;
    background-position: center;
    min-width: 320px;
}

.gallery .slick-slide {
    opacity: .5;
    padding: 0;

    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -webkit-transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .3s;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .3s;
}

.gallery .slick-center {
    opacity: 1;

    filter: none;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.gallery .slick-list {
    overflow: visible;
}

.gallery .arrow {
    position: absolute;
    top: 100%;
    width: 104px;
    height: 100px;
    background: none;
}

.gallery .arrow.slick-disabled {
    opacity: .3;
    cursor: default;
}

.gallery .arrow:before {
    content: '';
    background: url(/local/templates/museum/images/arrow3.svg) no-repeat center;
    width: 100%;
    height: 100%;
    display: block;
}

.gallery .arrow.next:before {
    transform: rotate(180deg);
}

.gallery .arrow.prev {
    left: 107px;
}

.gallery .arrow.next {
    right: 107px;
}

.gallery-empty .gallery {

}

.gallery-desc-wrap {
    width: 480px;
    margin: 0 auto 50px;
    text-align: center;
    color: rgba(35, 31, 32, 1);
}

.gallery-desc-wrap .caption {
    font-size: 16px;
    text-transform: uppercase;
    margin: 38px 0 17px;
}


.tile-wrap {
    margin: 50px 0;
}

.tile-wrap .thumb {
    width: 23%;
    float: left;
    background-image: none;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tile-wrap .thumb + .thumb {
    margin-left: 2.6666%;
}

.tile-wrap .thumb img {
    max-width: 100%;
    max-height: 100%;
}

.tile-wrap .thumb:nth-child(4n + 1) {
    margin-left: 0;
}

/* ========================================
              #form-page
======================================== */
.form.suggest {
    margin-top: 45px;
}

.col50 {
    width: 425px;
    float: left;
}

.col50:nth-child(2n) {
    margin-left: 110px;
}

.col33 {

}

.col60 {
    width: 480px;
    float: left;
    margin-left: 55px;
}

/* ========================================
          #mobile-exhibition
======================================== */
.exhibition .h2 {
    margin-top: 0;
}

.mobile-exhibitions .item {
    margin-top: 25px;
}

.exhibition .expanding-area .input-textarea,
.exhibition .expanding-area pre {
    min-height: 105px;
}

/* ========================================
                #jobs
======================================== */
.jobs .h1 {
    margin-bottom: 10px;
}

.jobs .item .caption {
    font-size: 16px;
    text-transform: none;
    line-height: 1.25;
    float: left;
    width: 214px;
    box-sizing: border-box;
    padding-right: 40px;
}

.jobs .item .value {
    float: left;
    width: 746px;
}

.jobs .inner.btn-wrap {
    text-align: center;
    padding-top: 38px;
    padding-bottom: 38px;
}

.jobs .inner.even {
    background-color: rgba(35, 31, 32, .03) !important;
}

.jobs .inner ul {
    margin: 0;
}

.jobs .toggle-list .name {
    margin-top: 45px;
    margin-bottom: 20px;
}

.jobs .toggle-list .item {
    padding-bottom: 54px;
}

.jobs .toggle-list .toggle {
    margin-top: 2px;
}

/* ========================================
                #lectures
======================================== */

.lectures .h2 {
    margin-top: 0;
}

.lectures .group + .group {
    margin-top: 65px;
}

.lectures .cols2 {
    margin: 0;
}

/* ========================================
                #project
======================================== */
.project .gallery .slick-slide {
    height: 510px;
}

.project .preview-wrap {
    padding-top: 45px;
}

.project .links {
    margin-bottom: 30px;
}

.project .links .link {
    background: none !important;
}

.project .links .link {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.project .links .link + .link {
    margin-left: 15px;
}

.project .toggle-list .name {
    margin-top: 35px;
    margin-bottom: 10px;
}

.project .toggle-list .more-info .name {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
}

.project .toggle-list > .items > .item {
    padding-bottom: 25px;
}

.project .toggle-list .more-info .item.active > .inner .name:before {
    content: '–';
}

.project .toggle-list .more-info .item > .inner .name:before {
    content: '+';
    position: absolute;
    left: -20px;
}

/* ========================================
                #about museum
======================================== */

.museum-info > div {
    width: 214px;
    float: left;
    margin-right: 104px;
    margin-left: 3px;
    margin-bottom: 45px;
}

.museum-info > div:nth-child(3n + 1) {
    margin-left: 0;
    clear: left;
}

.museum-info > div > span {
    font-size: 42px;
    font-weight: 300;
    line-height: 1;
    color: rgba(186, 167, 109, 1);
    border-bottom: 3px solid rgba(140, 146, 161, .3);
    display: inline-block;
    margin-bottom: 16px;
}

/* ========================================
            #museum branches
======================================== */
.museum-info > div > div {
    text-transform: uppercase;
    font-weight: 500;
}

.museum-branches .event-list {
    margin-top: 70px;
}

/* ========================================
               #expositions
======================================== */
.pw.expositions .museum-selector {
    width: 260px;
}

.pw.expositions ~ .select2-container .select2-results__option {
    padding: 8px 30px;
}

.top-strip > .container {
    width: 1090px;
}

.link.order-ticket.instagram:before, .link.order-ticket.youtube:before {
    content: none;
}

.link-pdf {
    margin-bottom: 30px;
}

.link-pdf a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

.link-pdf a:hover {
    color: rgba(0, 147, 255, 1);
}

.files-wrapp {
    margin-bottom: 30px;
}

.files-wrapp .file-about {
    margin-top: 20px;
}

.event-list .item .image-short {
    width: 560px;
}

.event-list .item:nth-child(odd) .image-short {
    left: -80px;
}

.event-list .item:nth-child(even) .image-short {
    right: -80px;
}

.col55 {
    width: 460px;
    float: left;
}

.col55:nth-child(2n) {
    margin-left: 20px;
}

.sc-files-content {
    margin-bottom: 40px;
}
.column-file-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.column-file-wrap a {
    background-image: none;
    display: flex;
    align-items: center;
}
.column-file-wrap a svg {
    margin-left: 30px;

    will-change: transform;
    transition: 0.3s;
}
.column-file-wrap a[aria-expanded="true"] svg {
    transform: rotate(180deg);
}
.subcollapse {
    padding-left: 15px;
}
.subcollapse a {
    margin-top: 10px;
    margin-bottom: 10px;
}
.subcollapse .files {
    padding-top: 10px;
}
.file-wrap .file {
    border: none!important;
    border-bottom: 1px solid #d9d9d9!important;
    display: block;
    background: none;
}
.st-table-tickets{
    display: flex;
}
@media (max-width:978px) {
    .column-file-wrap {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 0;
    }
}
/* End */
/* /local/components/justlook/oldbrowser/templates/.default/style.css?1688465408364 */
/* /local/templates/museum/template_styles.css?169173368535191 */