.about .page-content{text-align: center;}
.about .page-content .more-content{display: none;}
.about .page-content .show-more{padding-top: 16px;padding-bottom: 1px;border-bottom: 1px solid #333;display: inline-block;}
.about .page-content .show-more:hover{border-color: transparent;}

.about .page-content img{display: block;max-width: 100%;}
.about .page-image img{display: block;max-width: 100%;}
.about .container-collections{padding-top: 74px;}

.about .wrapper-banner{padding-bottom: 121px;}
.about .wrapper-banner .image{position: relative;background-size: 0;background-position: center center;background-repeat: no-repeat;}
.about .wrapper-banner .image:not(:first-child){margin-top: 24px;}
.about .wrapper-banner .image img{display: block;width: 100%;}
.about .wrapper-banner .description{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 15px 118px;overflow-y: auto;}
.about .wrapper-banner .description > div{display: table;width: 100%;height: 100%;}
.about .wrapper-banner .description > div > div{display: table-cell;}
.about .wrapper-banner .description.top > div > div{vertical-align: top;}
.about .wrapper-banner .description.middle > div > div{vertical-align: middle;}
.about .wrapper-banner .description.bottom > div > div{vertical-align: bottom;}
.about .wrapper-banner .description.left{text-align: left;}
.about .wrapper-banner .description.center{text-align: center;}
.about .wrapper-banner .description.right{text-align: right;}
.about .wrapper-banner .description .content{display: inline-block;max-width: 448px;padding: 57px 68px;background-color: rgba(255,255,255,0.9);}
.about .wrapper-banner .description .content.left{text-align: left;}
.about .wrapper-banner .description .content.center{text-align: center;}
.about .wrapper-banner .description .content.right{text-align: right;}
.about .wrapper-banner .description .content .item-content{padding-top: 55px;}
.about .wrapper-banner .description .content .button{margin-top: 15px;}
.about #timeline{width: 100%;max-width: 1172px;margin: 0 auto;overflow: hidden;}
.about #timeline .head{position: relative;margin-bottom: 41px;}
.about #timeline .head::before, .about #timeline .head::after{content: '';position: absolute;top: 0;width: 210px;height: 100%;z-index: 1;}
.about #timeline .head::before{left: 0;background-image: linear-gradient(270deg, rgba(250, 250, 250, 0) 3%, #FFF 100%);}
.about #timeline .head::after{right: 0;background-image: linear-gradient(-270deg, rgba(250, 250, 250, 0) 3%, #FFF 100%);}
.about #timeline .head #dates{margin-left: 0;}
.about #timeline .head #dates li{list-style: none;float: left;width: 115px;text-align: center;background: url(../../sysimages/ruler-timeline.png) left bottom repeat-x;}
.about #timeline .head #dates li a{position: relative;display: block;padding-bottom: 31px;}
.about #timeline .head #dates li a::after{content: '';position: absolute;bottom: 0;left: 50%;width: 1px;height: 20px;background-color: #de1b38;}
body.isEdge .about #timeline .head #dates li a::after, body.isFirefoxMac .about #timeline .head #dates li a::after, body.isSafariMac .about #timeline .head #dates li a::after{left: 49.9%;}
.about #timeline .head #dates li a:not(.selected)::after{background-color: #ec7a8b;}
.about #timeline .description{background: #FFF;}
.about #timeline .description #issues > li{float: left;width: 1172px;min-height: 350px;list-style: none;}
.about #timeline .description .image{float: left;width: 28.925%;padding: 8px;}
.about #timeline .description .image img{display: block;width: 100%;}
.about #timeline .description .desc{float: left;width: 42.15%;padding: 45px 57px 31px;text-align: center;}
.about #timeline .description .desc.no-images{width: 100%;}
.about #timeline .description .desc .title-year{position: relative;max-width: 269px;margin: 0 auto 42px;}
.about #timeline .description .desc .title-year .h1{position: relative;}
.about #timeline .description .desc .h3{padding-bottom: 22px;}
.about #timeline .prev, .about #timeline .next{position: absolute;top: calc(50% - 9px);width: 21px;height: 21px;background: url(../../sysimages/icon-arrows-timeline.png) left top/42px no-repeat;z-index: 1;}
.about #timeline .prev{left: 0;background-position: left top;}
.about #timeline .next{right: -2px;background-position: right top;}
.about #timeline .prev:hover{background-position: left bottom;}
.about #timeline .next:hover{background-position: right bottom;}
.about #timeline-mobile .dates{padding: 0 37px;}
.about #timeline-mobile .dates a{display: block;text-align: center;text-decoration: none;}
.about #timeline-mobile .dates .slick-arrow{position: absolute;top: calc(50% - 18px);width: 37px;height: 37px;background: url(../../sysimages/icon-arrows-timeline.png) left top/74px no-repeat;z-index: 10;}
.about #timeline-mobile .dates .slick-arrow.slick-prev{left: 0;}
.about #timeline-mobile .dates .slick-arrow.slick-next{right: 0;background-position: right top;}
.about #timeline-mobile .dates .slick-arrow.slick-prev:hover{background-position: left bottom;}
.about #timeline-mobile .dates .slick-arrow.slick-next:hover{background-position: right bottom;}
.about #timeline-mobile .dates .slick-arrow.slick-disabled{display: none !important;}
.about #timeline-mobile .description{margin-top: 20px;background: #FFF;}
.about #timeline-mobile .description .image img{display: block;width: 100%;padding-top: 5px;}
.about #timeline-mobile .description .image img:first-child{padding-top: 0;}
.about #timeline-mobile .description .desc{padding: 15px;text-align: center;}
.about #timeline-mobile .description .desc .title-year{position: relative;max-width: 267px;margin: 0 auto 42px;}
.about #timeline-mobile .description .desc .title-year .h1{position: relative;}
.about #timeline-mobile .description .desc .h3{padding-bottom: 20px;}

.about #timeline .description #issues:not(.slick-initialized) li:not(:first-child){display: none;}
.about #timeline .description #issues.slick-initialized li{display: block;}


.about #timeline .head #dates:not(.loaded) .year{display: none;}
.about #timeline .head #dates:not(.loaded) .year:first-child,
.about #timeline .head #dates:not(.loaded) .year:first-child + li,
.about #timeline .head #dates:not(.loaded) .year:first-child + li + li,
.about #timeline .head #dates:not(.loaded) .year:first-child + li + li + li,
.about #timeline .head #dates:not(.loaded) .year:first-child + li + li + li + li,
.about #timeline .head #dates:not(.loaded) .year:first-child + li + li + li + li + li,
.about #timeline .head #dates:not(.loaded) .year:first-child + li + li + li + li + li + li,
.about #timeline .head #dates:not(.loaded) .year:first-child + li + li + li + li + li + li + li,
.about #timeline .head #dates:not(.loaded) .year:first-child + li + li + li + li + li + li + li + li,
.about #timeline .head #dates.loaded .year{display: block;}

@media screen and (max-width: 768px){
	.about .container-collections{padding-top: 30px;}
	.about .container-collections{padding-top: 15px;}
	.about .wrapper-banner{padding-bottom: 40px;}
	.about .wrapper-banner .image{background-size: cover;}
	.about .wrapper-banner .image img{display: none;}
	.about .wrapper-banner .image:not(:first-child){margin-top: 15px;}
	.about .wrapper-banner .description{padding: 10px;position: static;}
	.about .wrapper-banner .description .content{padding: 15px;width: 100%;max-width: 100%;}
	.media .wrapper-banner .description .content .item-number{margin-bottom: 5px;}
	.about .wrapper-banner .description .content .item-title{font-size: 28px;}
	.about .wrapper-banner .description .content .item-content{padding-top: 5px;}
	.container-collections #timeline-mobile{padding: 40px 0;}
}