/* Layout styles
   ========================================================================== */

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

html,
body {
  height: 100%;
}

html {
  font-size: 62.5%;
  
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  position: relative;
  background-color: #fff;
  color: #1f1b1b;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.28571429;
}

a {
  color: #21baab;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #21baab;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.opera a:focus {
  outline: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}

p {
  margin: 14px 0;
}

ul,
ol {
  margin-top: 0;
  /*margin-bottom: 10px;*/
  margin-bottom: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled,
.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.show {
  display: block !important;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
   white-space: nowrap;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.error {
  color: #ff5555;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  background-color: #fff;
  border: 1px solid #ccc;

  -webkit-appearance: none;
          border-radius: 0;
}

/* Common styles (container, wraps, headers, tabs etc.)
   ========================================================================== */

.menu-open {
  background-color: #f5f3ef;
}

.container {
  background-color: #f5f3ef;
  position: relative;
  min-height: 100%;
}

.menu-open .container {
  display: none;
}

.wrap {
  padding: 0 10px;
  margin: 0 auto;
}

.icon,
.icon-inline {
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
}

.icon {
  display: block;
  position: absolute;
}

.icon-inline {
  display: inline-block;
  vertical-align: middle;
}

.social-share {
  margin-top: 10px;
}

.social-share > span,
.social-share > div {
  display: inline-block;
  vertical-align: middle;
}

.social-share > div {
  height: 24px;
}

.mobile-menu,
.mobile-sections {
  position: relative;
  padding: 20px;
}

.mobile-menu-list {
  border-top: 1px solid #ccc;
  margin: 24px -20px 0;
  padding: 24px 20px 0;
}

.mobile-menu .top-menu {
  pointer-events: none;
}

.mobile-menu .top-menu-section {
  pointer-events: auto;
}

.mobile-menu a,
.mobile-sections a {
  color: #1f1b1b;
}

.mobile-menu a.active,
.mobile-sections a.active {
  color: #21baab;
}

.mobile-menu > ul > li,
.mobile-sections > ul > li {
  margin-top: 15px;
  font-size: 17px;
  font-weight: 700;
}

.mobile-menu > .mobile-menu-list > li {
  font-size: 15px;
}

.mobile-menu > ul > li:first-child,
.mobile-sections > ul > li:first-child {
  margin-top: 0;
}

.mobile-menu > ul > li > ul > li {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
}

.mobile-menu .top-menu + ul {
  margin-top: 7px;
}

.mobile-close {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 15px;
  right: 15px;
}

.mobile-close:before,
.mobile-close:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #1f1b1b;
  height: 2px;
  top: 9px;
  left: 0;
  right: 0;
}

.mobile-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mobile-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* Pages styles
   ========================================================================== */

/* ERROR PAGE */

.error-page .container {
  background-color: #21baab;
}

.error-page .main-content {
  color: #fff;
}

.error-content {
  padding: 30px 0 60px;
}

.error-content h1 {
  height: 300px;
  margin: 0;
  color: #1b978b;
  font-size: 300px;
  font-weight: 700;
  line-height: 1;
}

.error-content p {
  font-size: 26px;
}

.error-content a {
  color: #fff;
  text-decoration: underline;
}

.error-content a:hover,
.error-content a:focus {
  text-decoration: none;
}

.error-page footer {
  border-top: 1px solid #fff;
}

/* first-header */
#first-header-bg {
  position: relative;
  height: 32px;
  background: #e9e6e0;
  z-index: 2;
}

#first-header .out {
  display: none;
}

.menu-toggle {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 7px;
  color: #1f1b1b;
  vertical-align: top;
}

.menu-toggle:hover,
.menu-toggle:focus {
  color: #21baab;
  text-decoration: none;
}

.menu-toggle i {
  display: inline-block;
  position: relative;
  width: 18px;
  margin-right: 6px;
  margin-top: 8px;
  vertical-align: top;
}

.menu-toggle i:before,
.menu-toggle i:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
}

.menu-toggle i,
.menu-toggle i:before,
.menu-toggle i:after {
  background-color: #1f1b1b;
  width: 100%;
  height: 2px;
}

.menu-toggle i:before {
  top: -5px;
}

.menu-toggle i:after {
  bottom: -5px;
}

.menu-toggle:hover i,
.menu-toggle:hover i:before,
.menu-toggle:hover i:after,
.menu-toggle:focus i,
.menu-toggle:focus i:before,
.menu-toggle:focus i:after {
  background-color: #21baab;
}

/* social */

.social {
  padding: 7px 0;
  margin-left: 20px;
}

.social li {
  margin-left: 8px;
}

.social a {
  display: inline-block;
  background-color: #969591;
  width: 16px;
  height: 16px;
  vertical-align: top;
  border-radius: 50%;
}

.facebook-btn:hover,
.facebook-btn:focus {
  background-color: #3b5998;
}

.twitter-btn:hover,
.twitter-btn:focus {
  background-color: #55acee;
}

.gplus-btn:hover,
.gplus-btn:focus {
  background-color: #db4437;
}

.instagram-btn:hover,
.instagram-btn:focus {
  background-color: #005686;
}

.social .icon-inline {
  width: 16px;
  height: 16px;
  vertical-align: top;
}

.icon-facebook {
  background-position: 0 0;
}

.icon-gplus {
  background-position: -21px 0;
}

.icon-youtube {
  background-image: url(../images/youtube.svg);
  background-size: 80% 80%;
  background-position: 50% 50%;
}

.icon-vk {
  background-position: -42px 0;
}

.icon-instagram {
  background-position: -63px 0;
}

/* language */

.language li {
  margin-left: 4px;
}

.language a,
.language span.active {
  display: inline-block;
  padding: 8px 7px;
  font-size: 13px;
  vertical-align: top;
}

.language a {
  color: #1f1b1b;
}

.language span.active {
  background-color: #f5f3ef;
}

/* second-header */

#second-header-bg {
  background: #f5f3ef;
}

#second-header > div > ul,
#second-header > div > .menu-overlay {
  display: none;
}

/* logo home */

.logo {
  margin: 14px 0;
  width: 30px;
}

.logo a,
.logo span {
  display: block;
  background: url(../images/logo.svg) no-repeat;
  background-size: 100%;
  padding-bottom: 54%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* second-header ul */
#second-header ul {
  margin: 70px 0 0px 40px;
}

#second-header li {
  position: relative;
  margin-right: 22px;
  display: inline;
}

#second-header a {
  font-size: 15px;
  color: #1f1b1b;
  text-decoration: none;
}

#second-header a:hover {
  text-decoration: underline;
}

#second-header a.active {
  position: relative;
  font-size: 15px;
  color: #21baab;
}

#second-header a.active:before,
#second-header a.active:after {
  content: '';
  display: block;
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  margin-top: 20px;
  top: 100%;
  left: 50%;
  pointer-events: none;
}

#second-header a.active:before {
  border-width: 11px 10px 0 10px;
  border-color: #d5d5d5 transparent transparent transparent;
  margin-left: -10px;
  margin-top: 21px;
}

#second-header a.active:after {
  border-width: 11px 10px 0 10px;
  border-color: #f5f3ef transparent transparent transparent;
  margin-left: -10px;
}

.sections-toggle,
.search {
  display: inline-block;
  vertical-align: top;
}

#second-header .sections-toggle {
  margin-top: 23px;
  margin-right: 14px;
  color: #1f1b1b;
  font-size: 16px;
}

#second-header .sections-toggle:hover,
#second-header .sections-toggle:focus {
  color: #21baab;
  text-decoration: none;
}

.sections-toggle i {
  display: inline-block;
  position: relative;
  margin-right: 6px;
  margin-top: 9px;
  vertical-align: top;
}

.sections-toggle i:before,
.sections-toggle i:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
}

.sections-toggle i,
.sections-toggle i:before,
.sections-toggle i:after {
  background-color: #1f1b1b;
  width: 2px;
  height: 2px;
  border-radius: 50%;
}

.sections-toggle i:before {
  top: -4px;
}

.sections-toggle i:after {
  bottom: -4px;
}

.sections-toggle:hover i,
.sections-toggle:hover i:before,
.sections-toggle:hover i:after,
.sections-toggle:focus i,
.sections-toggle:focus i:before,
.sections-toggle:focus i:after {
  background-color: #21baab;
}

.search {
  margin-top: 18px;
}

.search-catalog {
  margin-bottom: 4px;
}

.search input,
.search-catalog input,
.search button,
.search-catalog button {
  display: inline-block;
  vertical-align: top;
}

.search input,
.search-catalog input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #5dbaaf;
  width: 140px;
  height: 24px;
  padding: 4px 2px;
  font-size: 13px;
  line-height: normal;
}

.search input:focus,
.search-catalog input:focus {
  outline: 0;
}

.search button,
.search-catalog button {
  background-color: transparent;
  border: 0;
  width: 20px;
  height: 19px;
  padding: 0;
  margin: 4px 0 0;
}

.search button:focus,
.search-catalog button:focus {
  outline: 0;
}

.icon-search {
  background-position: -84px 0;
  width: 14px;
  height: 15px;
  margin-top: 2px;
  vertical-align: top;
}

/* SUB MENU */

.sub-menu {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #e4e1db;
  background-color: #e9e6e0;
  padding: 12px 0;
  font-size: 15px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sub-menu li {
  margin-right: 20px;
}

.sub-menu .active {
  color: #1f1b1b;
}

/* PROMO EXHIBITIONS */

.promo-exhibitions-slider {
  position: relative;
}

.pe-bg,
.pe-bg-full {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 400px;
  overflow: hidden;
  
  -webkit-background-size: cover;
          background-size: cover;
}

.pe-bg:before,
.pe-bg-full:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: bottom;
}

.pe-info {
  display: inline-block;
  position: relative;
  padding-bottom: 60px;
  color: #fff;
  text-align: left;
  vertical-align: bottom;
}

.pe-info p {
  line-height: 1;
}

.pei-lastweek {
  position: absolute;
  left: 0;
  background-color: #14b1e7;
  padding: 4px 8px;
  margin-top: -38px;
}

.pei-place {
  margin: 0 0 28px;
  font-size: 16px;
  text-transform: capitalize;
}

.pei-title {
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.pei-author {
  margin: 0;
  font-size: 20px;
}

.pe-bg:hover .pei-title,
.pe-bg:hover .pei-author {
  text-decoration: underline;
}

.pei-dates {
  margin: 20px 0 0;
  font-size: 18px;
}

.icon-calendar {
  background-position: -132px 0;
  width: 21px;
  height: 23px;
}

.pei-dates span {
  display: inline-block;
  margin-left: 6px;
  margin-top: 2px;
  vertical-align: middle;
}

.pe-bg > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pe-additional {
  background-color: #fff;
  padding-bottom: 14px;
}

.pe-additional .wrap {
  position: relative;
}

.pe-additional .wrap:before {
  content: '';
  display: block;
  position: absolute;
  left: 28px;
  top: -15px;
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
}

.pea-author {
  padding: 30px 0 18px;
}

.pe-bg-full + .pe-additional .pea-author {
  padding-top: 14px;
}

.pea-author > a,
.pea-multi-authors {
  display: none;
}

.pea-short {
  margin-top: 3px;
}

.pea-short p {
  margin: 0;
}

.pea-tags a,
.pea-tags span {
  display: inline-block;
  line-height: 18px;
  margin-right: 4px;
}

.pea-tags a {
  background-color: #21baab;
  padding: 1px 5px;
  color: #fff;
}

.icon-clock {
  background-position: -103px 0;
  width: 24px;
  height: 23px;
}

.pea-worktime span {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}

.promo-btns {
  position: relative;
}

.promo-btns > div {
  top: -364px;
}

.promo-exhibitions-slider .promo-dots.yg-pagination {
  position: absolute;
  top: 400px;
  left: 0;
  right: 0;
}

/* HOME NEWS */

.home-news {
  border-top: 1px solid #e4e1db;
  background-color: #fff;
  padding: 20px 0;
}

.news-slider {
  position: relative;
}

.news-slider .slider-arrow {
  margin-top: -32px;
}

.news-preview-list {
  margin-left: -22px;
}

.hn-item {
  display: inline-block;
  width: 25%;
  margin-bottom: 20px;
  vertical-align: top;
}

.news-slider .hn-item {
  margin-bottom: 10px;
}

.news-preview-list {
  margin-left: -6px;
  margin-right: -6px;
}

.news-preview-list .hn-item {
  width: 50%;
  padding: 0 6px;
}

.hn-img a {
  display: block;
  background-color: #f5f3ef;
}

.hn-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.hn-pub {
  margin: 8px 0 4px;
  color: #707070;
  font-size: 12px;
}

.hn-title {
  font-size: 13px;
  line-height: 15px;
}

.hn-title a {
  color: #1f1b1b;
}

/* EXHIBITIONS */

.exhibition-menu {
  position: relative;
  background-color: #21baab;
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
}

.em-nav,
.em-download {
  padding: 12px 0;
}

.em-nav li {
  margin-right: 12px;
}

.em-download {
  padding-left: 2px;
  padding-right: 10px;
}

.em-download li {
  margin-left: 10px;
}

.exhibition-menu a {
  color: #fff;
}

.exhibition-annotation {
  padding: 20px 0;
}

.exhibition-works,
.exhibition-expositions,
.exhibition-openings {
  position: relative;
  padding: 20px 0 10px;
}

.exhibition-works.hide,
.exhibition-expositions.hide,
.exhibition-openings.hide {
  height: 0;
  padding: 0;
  overflow: hidden;
}

.exhibition-works .slider-arrow {
  margin-top: -72px;
}

.exhibition-sub-nav {
  background-color: #e9e6e0;
  padding: 10px 0;
  font-size: 15px;
  font-style: italic;
  line-height: 1.2;
}

.exhibition-sub-nav li {
  margin: 0 5px;
}

.exhibition-sub-nav a {
  color: #1f1b1b;
}

.exhibition-sub-nav a.active {
  color: #21baab;
  font-weight: 700;
}

.exhibition-description {
  margin: 30px 0;
}

.ed-left {
  float: none;
}

.ed-content,
.ed-author,
.ed-authors {
  background-color: #fff;
  border-bottom: 2px solid #e6e3de;
  padding: 20px 20px 6px;
}

.ed-content {
  overflow: hidden;
}

.ed-authors-small {
  background-color: #fff;
  border-bottom: 2px solid #e6e3de;
  padding: 20px;
}

.ed-content p:first-child {
  margin-top: 0;
}

.ed-content img {
  max-width: 100%;
  height: auto;
}

.ed-right {
  float: none;
  margin-top: 30px;
}

.ed-author-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.ed-author-small {
  margin-top: 10px;
}

.ed-author-small:first-child {
  margin-top: 0;
}

.ed-author-small-img {
  float: left;
}

.ed-author-small-name {
  padding-top: 10px;
  margin-left: 54px;
}

.ed-author-title {
  margin: 2px 0 10px;
  color: #21baab;
  font-size: 20px;
  line-height: 1;
}

.ed-author-name {
  margin: 14px 0 10px;
  font-size: 26px;
  line-height: 1;
}

.ed-authors .ed-author-name:first-child {
  margin-top: 0;
}

.ed-author .author-pdf {
  margin-bottom: 14px;
}

.exhibition-tags {
  margin-top: 10px;
}

.exhibition-tags-title {
  margin: 0 0 4px;
}

.exhibition-tags a {
  display: inline-block;
  background-color: #fff;
  padding: 1px 5px;
  margin-right: 3px;
  margin-bottom: 5px;
  color: #949494;
  vertical-align: top;
}

.exhibition-videos {
  padding: 20px 0;
}

.exhibition-virtual {
  padding: 20px 0;
}

.ev-title {
  position: relative;
  margin: 0 0 30px;
  color: #707070;
  font-size: 20px;
  line-height: 1.1;
  text-align: center;
}

.ev-title:before {
  content: '';
  display: block;
  position: absolute;
  background: url(../images/virtual.png) no-repeat;
  background-size: 100%;
  height: 29px;
  top: 11px;
  left: 0;
  right: 0;
}

.ev-title span {
  display: inline-block;
  position: relative;
  background-color: #f5f3ef;
  padding: 0 8px;
}

.ev-content {
  overflow: hidden;
}

/* AUTHORS, BOOKS */

.author-groups,
.book-types {
  margin: 26px 0 20px;
}

.book-types {
  display: none;
}

.mobile-filter {
  position: relative;
  background-color: #fff;
  height: 34px;
  padding: 1px 20px 1px 10px;
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 2;
}

.mobile-filter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3.5px 0 3.5px;
  border-color: #000 transparent transparent transparent;
  right: 10px;
  top: 14px;
}

.mobile-filter span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mobile-filter select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.author-groups {
  text-transform: capitalize;
}

.author-groups li,
.book-types li {
  margin-right: 8px;
  margin-bottom: 8px;
}

.author-groups a,
.book-types a {
  display: inline-block;
  padding: 2px 6px;
  font-size: 15px;
}

.author-groups a:hover,
.author-groups a:focus,
.author-groups a.active,
.book-types a:hover,
.book-types a:focus,
.book-types a.active {
  background-color: #21baab;
  color: #fff;
  text-decoration: none;
}

.authors-list {
  margin-bottom: 50px;
}

.csscolumns .authors-list {
  -webkit-columns: 235px 4;
     -moz-columns: 235px 4;
          columns: 235px 4;
  
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.authors-list li {
  width: 25%;
  margin-bottom: 12px;
  font-size: 13px;
  vertical-align: top;
}

.csscolumns .authors-list li {
  width: 100%;
}

.authors-list a {
  display: inline-block;
  color: #1f1b1b;
  vertical-align: middle;
}

.authors-list span {
  display: inline-block;
  max-width: 180px;
  padding-left: 10px;
  vertical-align: middle;
}

.authors-list a:hover span,
.authors-list a:focus span {
  text-decoration: underline;
}

.authors-list .author-new,
.book-sticker-new,
.book-sticker-soldout {
  display: inline-block;
  padding: 1px 4px;
  margin-top: -1px;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  vertical-align: top;
}

.authors-list .author-new {
  background-color: #21baab;
  margin-top: -4px;
  vertical-align: middle;
}

.book-sticker-new {
  background-color: #14b1e7;
}

.book-sticker-soldout {
  background-color: #f06d6d;
}

.author,
.book-page {
  padding-top: 26px;
}

.book-content {
  padding-bottom: 30px;
}

.book-img {
  float: none;
}

.book-info {
  margin-top: 20px;
}

.book-gallery {
  margin-left: -6px;
}

.book-img li {
  margin-left: 6px;
  margin-bottom: 6px;
  vertical-align: top;
}

.book-img .book-main-img {
  display: block;
  margin-bottom: 6px;
}

.book-thumb img {
  width: auto;
  max-height: 45px;
}

.author-img {
  display: none;
}

.author-info h1,
.book-info h1 {
  margin: 8px 0 20px;
  font-size: 26px;
  font-weight: 600;
}

.book-info h1 {
  margin-bottom: 14px;
  font-size: 22px;
}

.bp-row {
  margin-bottom: 4px;
}

.bp-value {
  font-weight: 700;
}

.bp-price {
  margin-top: 12px;
  color: #21baab;
  font-size: 28px;
}

.book-tags {
  margin: 14px 0 0;
}

.book-tags li {
  margin-right: 4px;
  margin-bottom: 6px;
  vertical-align: top;
}

.book-tags a {
  display: inline-block;
  background-color: #fff;
  padding: 3px 6px;
  color: #949494;
}

.book-intro {
  margin-top: 12px;
}

.book-description {
  border-top: 1px solid #e4e1db;
  padding-top: 18px;
  margin: 18px 0;
}

.book-description p,
.book-description ul,
.book-description ol {
  margin: 0 0 14px;
}

.book-description img {
  max-width: 100%;
  height: auto;
}

.book-related {
  border-top: 1px solid #e4e1db;
  background-color: #fff;
  padding: 20px 0 0;
}

.br-title {
  margin: 0 0 30px;
  color: #707070;
  font-size: 20px;
  line-height: 1.1;
}

.show-full-bio {
  margin: 10px 0;
}

.author-full-bio,
.no-js .show-full-bio {
  display: none;
}

.no-js .author-full-bio {
  display: block;
}

.author-tags {
  margin: 20px 0 0;
}

.author-tags li {
  margin-top: 6px;
  margin-right: 4px;
  vertical-align: top;
}

.author-tags a {
  display: inline-block;
  background-color: #fff;
  padding: 3px 6px;
  color: #949494;
}

.author-pdf {
  margin-top: 20px;
}

.book-pdf {
  margin-top: 15px;
}

.icon-catalog {
  background-position: -96px -31px;
  width: 24px;
  height: 23px;
  margin-right: 8px;
}

.author-pdf a,
.book-pdf a {
  display: inline-block;
  color: #1f1b1b;
  text-decoration: underline;
  vertical-align: middle;
}

.author-pdf a:hover,
.author-pdf a:focus,
.book-pdf a:hover,
.book-pdf a:focus {
  color: #21baab;
}

.author-nav {
  padding-bottom: 15px;
  margin-top: 30px;
  font-size: 16px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.author-nav li {
  margin-right: 14px;
}

.author-works,
.author-videos {
  background-color: #e9e6e0;
  border-top: 1px solid #e4e1db;
  padding: 20px 0;
}

.author-works .wrap {
  position: relative;
}

.author-exhibitions,
.author-bibliography,
.actual-exhibitions,
.best-exhibitions,
.best-exhibitions-white,
.actual-events,
.next-events,
.archive-exhibitions,
.archive-authors,
.archive-news,
.archive-events,
.archive-digest {
  background-color: #fff;
  border-top: 1px solid #e4e1db;
  padding: 20px 0;
}

.author-bibliography,
.actual-exhibitions,
.best-exhibitions,
.actual-events,
.archive-exhibitions,
.archive-events {
  background-color: transparent;
}

.author-section-title {
  margin: 0 0 20px;
  color: #707070;
  font-size: 20px;
  line-height: 1.1;
}

.author-bibliography {
  padding-bottom: 0;
}

.author-bibliography .author-section-title {
  margin-bottom: 30px;
}

.author-section-title a {
  color: #707070;
}

.author-section-title a:hover,
.author-section-title a:focus {
  color: #21baab;
  text-decoration: none;
}

.works-sort,
.sort-btn {
  display: inline-block;
  margin-left: 18px;
  font-size: 14px;
}

.works-sort-list {
  margin-left: 4px;
}

.works-sort.active,
.sort-btn.active {
  cursor: default;
  color: #707070;
  font-weight: 600;
  text-decoration: none;
}

.works-slider.hidden,
.works-list.hidden {
  display: none;
}

.icon-sort {
  display: inline-block;
  margin-right: 4px;
  vertical-align: top;
}

.icon-list {
  width: 16px;
  line-height: 8px;
}

.icon-row:before,
.icon-row:after,
.icon-list:before,
.icon-list:after,
.icon-list i:before,
.icon-list i:after {
  content: '';
}

.icon-row:before,
.icon-row:after,
.icon-row > i,
.icon-list:before,
.icon-list:after,
.icon-list i:before,
.icon-list i:after {
  display: inline-block;
  background-color: #21baab;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  vertical-align: top;
}

.icon-row:before,
.icon-row:after,
.icon-row i {
  margin-top: 4px;
}

.active .icon-row:before,
.active .icon-row:after,
.active .icon-row i,
.active .icon-list:before,
.active .icon-list:after,
.active .icon-list i:before,
.active .icon-list i:after {
  background-color: #707070;
}

.works-slider {
  position: relative;
}

.slider-arrow {
  display: block;
  position: absolute;
  background-color: transparent;
  background-image: url(../images/icons.png);
  width: 19px;
  height: 33px;
  margin-top: -16px;
  top: 50%;
  cursor: pointer;
  z-index: 2;

  -webkit-transition: opacity ease .2s;
          transition: opacity ease .2s;

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

.slider-prev {
  background-position: -48px -21px;
  left: -34px;
}

.slider-prev-white {
  background-position: 0 -21px;
}

.slider-next {
  background-position: -72px -21px;
  right: -34px;
}

.slider-next-white {
  background-position: -24px -21px;
}

.slider-arrow.swiper-button-disabled {
  cursor: default;
  opacity: .25;
}

.gallery-slider {
  width: 100%;
  height: 300px;
}

.gallery-img,
.gallery-title {
  text-align: center;
}

.gallery-img:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.gallery-img img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  opacity: 1;
  -webkit-transition: opacity ease .5s;
          transition: opacity ease .5s;

  -webkit-backface-visibility: hidden;
}

.gallery-img img.fade {
  opacity: 0;
}

.gallery-title {
  position: absolute;
  background-color: #f5f3ef;
  padding-top: 6px;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  line-height: 1.25;
}

.works-slider .gallery-title {
  background-color: #e9e6e0;
}

.e-galleries .gallery-title {
  background-color: #f5f3ef;
}

.thumbs-slider {
  width: 100%;
  height: 80px;
  margin-top: 10px !important;
}

.thumbs-slider .swiper-slide {
  width: auto;
  /*margin-right: 5px;*/
}

.thumbs-slider a {
  background-color: rgba(0,0,0,.07);
  display: block;
  height: 100%;
}

.thumbs-slider a:after {
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(33,186,171,0);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  -webkit-transition: background-color ease .2s;
          transition: background-color ease .2s;
}

.thumbs-slider .active-thumb a:after {
  background-color: rgba(33,186,171,.5);
}

.thumbs-slider img {
  width: auto;
  max-height: 80px;
  vertical-align: top;
  opacity: 0;

  -webkit-transition: opacity ease .5s;
          transition: opacity ease .5s;

  -webkit-backface-visibility: hidden;
}

.thumbs-slider img.thumb-loaded {
  opacity: 1;
}

.works-list .works-zoom-tip {
  display: block;
  font-size: 13px;
}

.works-list li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.works-list a {
  display: inline-block;
}

.works-list img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 120px;
  vertical-align: top;
}

.exhibitions-slider {
  position: relative;
  width: 100%;
}

.exhibitions-slider .exhibitions-slide {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.exhibitions-slider .slider-arrow,
.videos-slider .slider-arrow {
  margin-top: -46px;
}

.yg-pagination.swiper-pagination {
  position: relative;
  min-height: 20px;
  margin-top: 10px;
}

.yg-pagination .swiper-pagination-bullet {
  background-color: #fff;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  opacity: 1;

  -webkit-transition: background-color ease .3s;
          transition: background-color ease .3s;
}

.yg-pagination-white .swiper-pagination-bullet {
  background-color: #e9e6e0;
}

.yg-pagination .swiper-pagination-bullet-active {
  background-color: #21baab;
}

.section-list.hidden {
  display: none;
}

.exhibitions-list {
  margin-left: -10px;
  margin-right: -10px;
}

.exhibitions-list .exhibitions-slide {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
  vertical-align: top;
}

.es-img a {
  display: block;
  position: relative;
  overflow: hidden;
}

.es-img img {
  max-width: 100%;
  height: auto; 
  vertical-align: top;
}

.es-lastweek {
  position: absolute;
  background-color: #14b1e7;
  padding: 4px 8px;
  margin-top: -13px;
  left: 0;
  top: 50%;
  color: #fff;
}

.es-author {
  margin-top: 10px;
}

.es-author a {
  color: #6d6e71;
}

.es-title {
  margin: 4px 0 8px;
  color: #1f1b1b;
  font-size: 18px;
  font-weight: 600;
}

.es-title a {
  color: #1f1b1b;
}

.es-dates {
  margin-bottom: 6px;
  font-size: 13px;
}

.icon-calendar-sm {
  background-position: -158px 0;
  width: 11px;
  height: 14px;
  vertical-align: top;
}

.es-info {
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 18px;
}

.es-info a {
  display: inline-block;
  background-color: #21baab;
  padding: 2px 5px 1px;
  margin-right: 4px;
  color: #fff;
}

.es-info .es-event {
  background-color: #14b1e7;
}

.videos-slider {
  position: relative;
  width: 100%;
}

.videos-list {
  margin-left: -10px;
  margin-right: -10px;
}

.video-slide {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.videos-slider .video-slide:first-child {
  margin-left: 0;
}

.videos-list .video-slide {
  padding: 0 10px;
  margin-bottom: 20px;
}

.vs-video {
  margin-bottom: 10px;
}

.vs-author,
.vs-director,
.vs-info {
  color: #6d6e71;
}

.vs-title {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
}

.vs-info {
  margin-top: 6px;
  font-size: 13px;
  font-style: italic;
}

.author-media {
  background-color: #e9e6e0;
  padding: 40px 0;
}

/* EVENTS */

.events {
  padding-top: 20px;
}

.event-page {
  padding: 20px 10px 60px;
}

.events .exhibitions-section:first-child {
  border-top: 0;
  margin-top: -20px;
}

.te-bg {
  max-height: 520px;
  margin: 0 -10px;
  overflow: hidden;
}

.te-bg a {
  display: block;
}

.te-bg img {
  display: block;
  width: 100%;
  height: auto;
}

.te-details {
  position: relative;
  background-color: rgba(33,186,171,.85);
  padding: 20px;
  margin-top: -80px;
  margin-bottom: 20px;
  color: #fff;
  z-index: 1;
}

.te-details a {
  color: #fff;
  text-decoration: none;
}

.te-details a:hover,
.te-details a:focus {
  text-decoration: underline;
}

.te-title {
  font-size: 18px;
  font-weight: 600;
}

.te-place {
  font-size: 18px;
}

.te-date {
  margin-top: 10px;
}

.te-date .icon-calendar {
  margin-right: 10px;
}

.te-date span {
  display: inline-block;
  margin-top: 6px;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}

.event-content {
  float: none;
  position: relative;
  background-color: #fff;
  border-bottom: 2px solid #e6e3de;
  padding: 20px 20px 14px;
}

.event-side {
  margin-top: 20px;
}

.event-tags {
  margin-bottom: 12px;
}

.event-tags a {
  display: inline-block;
  background-color: #fff;
  padding: 1px 5px;
  margin-right: 3px;
  margin-bottom: 5px;
  color: #949494;
  vertical-align: top;
}

/* BOOKS */

.books {
  padding-bottom: 20px;
}

.books__head {
  margin-bottom: 20px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-end;
}

.books h1 {
  margin-bottom: 0;
  font-size: 36px;
  line-height: 1;
}

.book {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  margin-bottom: 40px;
  text-align: center;
  vertical-align: top;
}

.book.hidden {
  display: none;
}

.book-image {
  margin-bottom: 10px;
}

.book-image img {
  max-width: 100%;
  max-height: 190px;
  width: auto;
  height: auto;
}

.book-image > a,
.book-image > span {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}

.book-image > span {
  background-color: #e9e6e0;
  width: 120px;
  height: 160px;
}

.book-stickers {
  position: absolute;
  top: 10px;
  left: 0;
  text-align: left;
}

.book-sticker {
  display: block;
  margin-bottom: 6px;
}

.book-sticker ins {
  display: inline-block;
  padding: 2px 6px;
  color: #fff;
  font-size: 13px;
  line-height: 1.38461538;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

.book-new ins {
  background-color: #14b1e7;
}

.book-soldout ins {
  background-color: #f06d6d;
}

.book-title {
  margin-bottom: 10px;
  font-weight: 700;
}

.book-title a {
  color: #000;
}

.book-price {
  margin-top: 10px;
  color: #21baab;
  font-size: 16px;
  font-weight: 700;
}

/* NEWS */

.news-list h1 {
  font-size: 36px;
}

.news-all {
  margin-top: -10px;
  margin-bottom: 20px;
}

.news-list {
  padding-bottom: 20px;
}

.news {
  position: relative;
  margin-bottom: 40px;
}

.news-img {
  background-color: #e9e6e0;
  z-index: 1;
}

.news-img a {
  display: block;
}

.news-img img {
  max-width: 100%;
  height: auto;
}

.news-content {
  position: relative;
  background-color: #fff;
  border-bottom: 2px solid #e6e3de;
  padding: 14px 20px 8px;
  z-index: 2;
}

.news-date {
  margin: 0 0 6px;
  font-size: 12px;
}

.news-title {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.16666667;
}

.news-tags {
  margin-top: 10px;
}

.news-tags-title {
  margin: 0 0 4px;
}

.news-tags a,
.news-full-tags a {
  display: inline-block;
  background-color: #fff;
  padding: 1px 5px;
  margin-right: 3px;
  margin-bottom: 5px;
  color: #949494;
  vertical-align: top;
}

.news-full {
  margin-top: 20px;
  margin-bottom: 60px;
}

.news-full-content {
  position: relative;
  background-color: #fff;
  border-bottom: 2px solid #e6e3de;
  padding: 20px 20px 14px;
  margin-top: 20px;
}

.news-full-content h1 {
  margin: 15px 0;
  color: #21baab;
  font-size: 22px;
}

.news-full-article img {
  max-width: 100%;
  height: auto;
}

.news-full-side {
  padding-top: 20px;
}

.static-page .news-full-side {
  display: none;
}

.news-full-tags {
  margin-bottom: 12px;
}

.news-last {
  margin-top: 20px;
}

.hn-list {
  margin-left: -6px;
  margin-right: -6px;
}

.news-full-side .hn-item {
  width: 50%;
  padding: 0 6px;
}

/* CALENDAR */

.calendar {
  padding-top: 24px;
}

.c-years {
  padding-left: 6px;
  margin-bottom: 16px;
}

.c-years a {
  display: inline-block;
  margin-right: 10px;
}

.c-years a.active {
  background-color: #21baab;
  padding: 1px 5px;
  color: #fff;
}

.c-monthes {
  position: relative;
  margin: 0 -15px 20px;
}

.c-month {
  float: left;
  width: 100%;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.c-month:first-child {
  margin-top: 0;
}

.c-month-title {
  margin-bottom: 8px;
  font-size: 15px;
  text-indent: 6px;
}

.c-month table {
  width: 100%;
}

.c-month th,
.c-month td {
  width: 14.29%;
  height: 28px;
  padding: 3px;
  text-align: center;
}

.c-month th {
  font-size: 13px;
}

.c-month .weekend {
  color: #21baab;
}

.c-month a {
  display: inline-block;
  background-color: #e9e6e0;
  width: 24px;
  height: 24px;
  color: #1f1b1b;
  line-height: 1.71428571;
  vertical-align: top;
  border-radius: 50%;
}

.c-month a:hover,
.c-month a:focus,
.c-month a.active {
  background-color: #21baab;
  color: #fff;
  text-decoration: none;
}

.c-result {
  background-color: #fff;
  padding: 20px 0;
}

.crh-day {
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
  vertical-align: middle;
}

.cr-head a {
  display: inline-block;
  background-color: #e9e6e0;
  padding: 2px 5px;
  margin-right: 6px;
  margin-bottom: 6px;
  color: #1f1b1b;
  vertical-align: middle; 
}

.cr-head a.active {
  background-color: #21baab;
  color: #fff;
  text-decoration: none;
}

.c-events {
  margin-top: 20px;
  margin-left: -8px;
  margin-right: -8px;
}

.c-event {
  display: inline-block;
  width: 50%;
  padding: 0 8px;
  margin-bottom: 20px;
  vertical-align: top;
}

.ce-img,
.ce-type {
  margin-bottom: 7px;
}

.ce-img a {
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ce-img a:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.ce-type a {
  display: inline-block;
  background-color: #21baab;
  padding: 2px 5px 1px;
  margin: 0 6px 4px 0;
  color: #fff;
  font-size: 12px;
}

.ce-type .ce-town {
  margin-right: 0;
}

.ce-img a {
  display: block;
  background-color: #f5f3ef;
  overflow: hidden;
}

.ce-img img {
  max-width: 100%;
  height: auto;
}

.ce-date {
  margin: 8px 0 4px;
  color: #707070;
  font-size: 12px;
}

.ce-author {
  margin-bottom: 4px;
  font-style: italic;
}

.ce-author,
.ce-title {
  font-size: 13px;
  line-height: 15px;
}

.ce-author a,
.ce-title a {
  color: #1f1b1b;
}

/* DIGEST */

.digest-card {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
  vertical-align: top;
}

.digest-card-inner {
  position: relative;
  background-color: #e9e6e0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.digest-card-inner:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

/*.digest-card-inner:hover .digest-card-title {
  opacity: 0;
}*/

.digest-card-inner:hover .digest-card-title {
  background-color: rgba(255,255,255,.95);
}

.digest-card-inner:hover .digest-title {
  text-decoration: underline;
}

.digest-card-title {
  position: absolute;
  background-color: rgba(255,255,255,.85);
  padding: 15px;
  top: 25px;
  left: 25px;
  right: 25px;
  bottom: 25px;
  color: #fff;
  text-align: center;
  overflow: hidden;

  -webkit-transition: all ease .35s;
          transition: all ease .35s;
}

.digest-block-green .digest-card-title {
  background-color: rgba(33,186,171,.85);
}

.digest-block-green:hover .digest-card-title {
  background-color: rgba(33,186,171,.95);
}

.digest-block-blue .digest-card-title {
  background-color: rgba(20,177,231,.85);
}

.digest-block-blue:hover .digest-card-title {
  background-color: rgba(20,177,231,.95);
}

.digest-block-purple .digest-card-title {
  background-color: rgba(142,0,142,.85);
}

.digest-block-purple:hover .digest-card-title {
  background-color: rgba(142,0,142,.95);
}

.digest-block-orange .digest-card-title {
  background-color: rgba(255,178,37,.85);
}

.digest-block-orange:hover .digest-card-title {
  background-color: rgba(255,178,37,.95);
}

.digest-block-mustard .digest-card-title {
  background-color: rgba(173,136,0,.85);
}

.digest-block-mustard:hover .digest-card-title {
  background-color: rgba(173,136,0,.95);
}

.digest-card-title:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.digest-card-title-wrap {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.digest-blocks,
.digest-item {
  padding: 26px 0 36px;
}

.digest-block {
  position: relative;
  width: 290px;
  margin-bottom: 40px;
}

.digest-img {
  position: relative;
}

.digest-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.digest-290 .digest-link {
  height: 290px;
  bottom: auto;
}

.digest-620:hover .digest-title a,
.digest-390:hover .digest-title a,
.digest-black:hover .digest-title a,
.digest-blue:hover .digest-title a,
.digest-green:hover .digest-title a {
  text-decoration: underline;
}

.digest-block img {
  vertical-align: top;
}

.digest-390 {
  position: relative;
  width: 290px;
  height: 390px;
}

.digest-620 {
  position: relative;
  width: 620px;
  height: 290px;
}

.digest-390 .digest-preview,
.digest-620 .digest-preview {
  position: absolute;
  bottom: 26px;
  left: 30px;
  right: 30px;
  z-index: 2;
  pointer-events: none;
}

.digest-black .digest-preview,
.digest-blue .digest-preview,
.digest-green .digest-preview {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.digest-preview-black,
.digest-preview-black .digest-title a {
  color: #1f1b1b;
}

.digest-preview-black .digest-date,
.digest-preview-black .digest-title,
.digest-preview-black .digest-intro {
  text-shadow: 0 1px 1px rgba(255,255,255,.35);
}

.digest-preview-white,
.digest-preview-white .digest-title a {
  color: #fff;
}

.digest-preview-white .digest-date,
.digest-preview-white .digest-title,
.digest-preview-white .digest-intro {
  text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

.digest-blue,
.digest-green,
.digest-black {
  padding: 20px;
}

.digest-blue {
  background-color: #14b1e7;
}

.digest-green {
  background-color: #21baab;
}

.digest-black {
  background-color: #353535;
}

.digest-blue,
.digest-green,
.digest-black,
.digest-blue .digest-title a,
.digest-green .digest-title a,
.digest-black .digest-title a {
  color: #fff;
}

.digest-head {
  margin: 0 0 10px;
}

.digest-blue .digest-head,
.digest-green .digest-head,
.digest-black .digest-head {
  margin: 0 0 10px;
}

.digest-head span {
  display: inline-block;
}

.digest-label {
  background-color: #14b1e7;
  padding: 2px 6px;
  margin-right: 4px;
  color: #fff;
  font-size: 13px;
  line-height: 1.38461538;
}

.digest-label-blue {
  background-color: #14b1e7;
}

.digest-label-green {
  background-color: #21baab;
}

.digest-label-red {
  background-color: #f06d6d;
}

.digest-blue .digest-label,
.digest-green .digest-label,
.digest-black .digest-label {
  background-color: rgba(255,255,255,.25);
}

.digest-date {
  font-size: 12px;
}

.digest-title {
  font-size: 18px;
  line-height: 1.11111111;
}

.digest-title a {
  color: #fff;
}

.digest-item-main {
  float: none;
  padding: 0 10px;
}

.digest-intro {
  margin-top: 10px;
  font-size: 12px;
}

.digest-item-img {
  position: relative;
  max-height: 420px;
  margin: 0 -10px;
  overflow: hidden;
}

.digest-item-img .digest-item-head {
  position: absolute;
  left: 30px;
  bottom: 30px;
  right: 26px;
}

.digest-item-img img {
  max-width: 100%;
  height: auto;
}

.digest-item-head h1 {
  margin: 0;
  font-size: 30px;
}

.digest-item-intro {
  margin-top: 12px;
  color: #14b1e7;
}

.digest-item-side,
.digest-item-side .digest-block {
  float: none;
}

.digest-item-side {
  margin-top: 30px;
}

.digest-item-side img {
  width: 260px;
  height: 260px;
}

.digest-item-side .digest-title {
  font-size: 16px;
}

.digest-item-tags {
  margin-top: 16px;
}

.digest-tags-title {
  margin: 0 0 4px;
}

.digest-item-tags a {
  display: inline-block;
  background-color: #fff;
  padding: 1px 5px;
  margin-right: 3px;
  margin-bottom: 5px;
  color: #949494;
  vertical-align: top;
}

/* ARCHIVE */

.archive > :first-child {
  border-top: 0;
}

.archive-all {
  padding-bottom: 20px;
  text-align: center;
}

.archive-all-white {
  background-color: #fff;
}

.archive-all a {
  display: inline-block;
  background-color: #fff;
  padding: 4px 8px;
  color: #949494;
  vertical-align: top;
}

.archive-all-white a {
  background-color: #f5f3ef;
}

.authors-preview-list {
  margin-left: -6px;
  margin-right: -6px;
}

.a-author {
  display: inline-block;
  width: 50%;
  margin-bottom: 20px;
  vertical-align: top;
}

.authors-preview-list .a-author {
  padding: 0 6px;
}

.aa-img a {
  display: block;
  background-color: #f5f3ef;
}

.aa-img img {
  max-width: 100%;
  height: auto;
}

.aa-title {
  margin-top: 8px;
  font-size: 13px;
  line-height: 15px;
}

.aa-title a {
  color: #1f1b1b;
}

/* STATIC PAGE */

.page-content-wrap {
  float: none;
  position: relative;
  background-color: #fff;
  border-bottom: 2px solid #e6e3de;
  padding: 20px 20px 14px;
  margin: 10px 0 20px;
}

.page-content-wrap h1 {
  margin: 0 0 15px;
  color: #21baab;
}

.page-content img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}

/* SEARCH */

.search-page {
  background-color: #fff;
  padding: 20px 0;
}

.search-form {
  max-width: 400px;
  margin: 20px auto 30px;
  text-align: center;
}

.search-form input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #5dbaaf;
  width: calc(100% - 40px);
  height: 41px;
  padding: 3px 6px;
  font-size: 30px;
  line-height: normal;
}

.search-form button {
  background-color: transparent;
  border: 0;
  width: 26px;
  height: 41px;
  padding: 0;
  margin: 4px 0 0;
  vertical-align: top;
}

.search-form button:focus,
.search-form input:focus {
  color: #21baab;
  outline: 0;
}

.search-form .icon-search {
  background-position: -125px -27px;
  width: 26px;
  height: 27px;
  margin-top: 2px;
  vertical-align: top;
}

.search-form button:hover .icon-search,
.search-form button:focus .icon-search {
  background-position: -156px -27px;
}

/* MAIN CONTENT */

.main-content {
  padding-bottom: 186px;
}

/* FOOTER */

footer {
  position: absolute;
  background-color: #fff;
  margin-top: -186px;
  left: 0;
  right: 0;
  top: 100%;
}

#firstnav-wide {
  background: #21baab;
  height: 120px;
}

#firstnav-wide > .wrap {
  position: relative;
}

.scroll-top {
  position: absolute;
  background-image: url(../images/up_arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 21px;
  height: 18px;
  left: 11px;
  top: 76px;
}

.icon-ya-footer {
  background-position: -174px 0;
  width: 21px;
  height: 21px;
  margin-top: 20px;
}

#firstnav {
  display: inline-block;
  margin-top: 22px;
  vertical-align: top;
}

#firstnav ul {
  float: left;
  margin-left: 36px;
}

#firstnav ul:first-child {
  margin-left: 30px;
}

#firstnav li {
  line-height: 17px;
}

#firstnav a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 200;
}

#firstnav a:hover {
  text-decoration: underline;
}

#firstnav li:first-child a {
  font-weight: 400;
  font-size: 15px;
}

#firstnav li:first-child {
  margin-bottom: 10px;
}

#secondnav-wide {
  background-color: #f5f3ef;
  height: 32px;
}

#secondnav > div.hover:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #1eab9e;
  height: 32px;
  left: 0;
  right: 0;
  margin-top: -32px;
}

#secondnav .out > li:hover {
  background-color: #1eab9e;
}

#secondnav .out > li {
  float: left;
  margin-right: 0;
}

#secondnav .out a {
  color: #1f1b1b;
}

#secondnav .out a.active {
  color: #21baab;
}

#secondnav .out > li:hover > a,
#secondnav .out a:hover {
  color: #fff;
}

#secondnav .in {
  background-color: #1eab9e;
  padding: 8px;
}

#secondnav .in a,
#secondnav .in a.active {
  color: #fff;
}

.materials {
  padding: 12px 0;
  font-size: 11px;
}

.materials li {
  margin-left: 8px;
}

.materials li:first-child {
  margin-left: 0;
}

.materials a {
  color: #1f1b1b;
  text-decoration: underline;
}

.materials a:hover,
.materials a:focus {
  color: #21baab;
}

#bottom {
  padding-top: 15px;
  padding-bottom: 15px;
}

#bottom p {
  margin: 0;
  font-size: 13px;
}

/* General media rules
   ========================================================================== */


@media (max-width: 549px) {
  .digest-item-img img {
    margin-top: 0 !important;
  }
}

@media (min-width: 550px) {
  .pe-bg,
  .pe-bg-full {
    height: 85vh;
  }

  .promo-exhibitions-slider .promo-dots.yg-pagination {
    top: 85vh;
  }

  .exhibitions-list .exhibitions-slide {
    width: 50%;
  }

  .news-preview-list {
    margin-left: -8px;
    margin-right: -8px;
  }

  .news-preview-list .hn-item {
    width: 33.3333333%;
    padding: 0 8px;
  }

  .exhibition-menu {
    font-size: 16px;
  }

  .video-slide {
    width: 50%;
  }

  .book-img {
    float: left;
    width: 180px;
  }

  .book-info {
    margin-top: 0;
    margin-left: 200px;
  }

  .book {
    width: 33.33%;
  }

  .news-full-side .hn-item {
    width: 33.3333333%;
  }

  .authors-preview-list {
    margin-left: -8px;
    margin-right: -8px;
  }

  .a-author {
    display: inline-block;
    width: 25%;
    margin-bottom: 20px;
    vertical-align: top;
  }

  .authors-preview-list .a-author {
    padding: 0 8px;
  }

  .c-events {
    margin-left: -10px;
    margin-right: -10px;
  }

  .c-event {
    width: 33.3333333%;
    padding: 0 10px;
  }

  .c-month {
    width: 50%;
  }

  .c-month:nth-of-type(2) {
    margin-top: 0;
  }

  .digest-card {
    width: 50%;
  }

  .digest-card-title {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .digest-card .digest-title {
    font-size: 16px;
  }

  #firstnav-wide {
    height: 62px;
  }

  .main-content {
    padding-bottom: 128px;
  }

  footer {
    margin-top: -128px;
  }
}

@media (max-width: 767px) {
  .pea-tags,
  .pea-worktime {
    float: none;
  }

  .pea-worktime {
    margin-top: 10px;
  }

  #firstnav {
    width: calc(100% - 26px);
    padding-left: 30px;
  }

  #firstnav ul,
  #firstnav ul:first-child {
    margin-left: 0;
    margin-right: 20px;
  }

  #firstnav li {
    display: none;
    margin: 0;
  }

  #firstnav li:first-child {
    display: block;
  }

  .news-full-img img {
    max-width: 100%;
    height: auto;
    margin-top: 0 !important;
  }

  .page-content table,
  .page-content tr,
  .page-content th,
  .page-content td {
    display: block;
  }

  .responsive-iframe {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
  }

  .responsive-iframe iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #secondnav-wide {
    display: none;
  }

  #bottom p {
    float: none;
    font-size: 12px;
  }

  #bottom #madeby {
    margin-top: 6px;
  }
}

@media (min-width: 768px) {
  .wrap {
    width: 740px;
    padding-left: 0;
    padding-right: 0;
  }

  header {
    height: 140px;
  }

  /* first-header ul */
  #first-header .out {
    display: block;
  }

  .menu-toggle {
    display: none;
  }

  #first-header .out,
  #secondnav .out {
    position: relative;
    height: 32px;
    margin-left: -10px;
  }

  #secondnav .out {
    height: 40px;
  }

  #first-header .out > li,
  #secondnav .out > li {
    background-color: transparent;
    font-size: 13px;
    font-weight: 400;
  }

  #first-header .out > li:hover {
    background-color: #f5f3ef;
  }

  #first-header .out a {
    color: #1f1b1b;
  }

  #first-header .out a.active {
    color: #21baab;
  }

  #first-header .out > li > a,
  #secondnav .out > li > a {
    display: block;
    padding: 8px;
    cursor: default;
    text-decoration: none;
  }

  #secondnav .out > li > a {
    padding: 12px 10px;
  }

  #first-header .out > li > a.top-menu-section,
  #secondnav .out > li > a.top-menu-section {
    cursor: pointer;
  }

  #first-header .in,
  #secondnav .in {
    display: none;
    position: absolute;
    padding: 10px;
    top: 100%;
    left: 0;
    right: 0;
    white-space: nowrap;
  }

  #secondnav .in {
    top: auto;
    bottom: 100%;
    padding: 8px;
  }

  #first-header .out > li:hover .in,
  #secondnav .out > li:hover .in {
    display: block;
  }
      
  #first-header .in li,
  #secondnav .in li {
    margin-left: 12px;
  }

  #first-header .in li:first-child,
  #secondnav .in li:first-child {
    margin-left: 0;
  }

  .social {
    margin-left: 20px;
  }

  #second-header-bg {
    height: 110px;
  }

  .logo {
    margin: 50px 0 0;
    width: 180px;
    height: 39px;
  }

  .logo a,
  .logo span {
    background: url(../images/logo.png) no-repeat;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
  }

  html[lang="en"] .logo a,
  html[lang="en"] .logo span {
    background: url(../images/logo_en.png) no-repeat;
  }

  #second-header > div {
    position: relative;
    max-width: 550px;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
  }

  #second-header > div > ul,
  #second-header > div > .menu-overlay {
    display: block;
  }

  #second-header ul {
    margin-left: 0;
  }

  #second-header li {
    margin-right: 15px;
  }

  .sections-toggle {
    display: none;
  }

  .search {
    position: absolute;
    margin-top: 64px;
    right: 0;
    top: 0;
  }

  .pe-bg,
  .pe-bg-full {
    height: 450px;
    text-align: center;
  }

  .pei-place {
    font-size: 26px;
  }

  .pei-title {
    font-size: 38px;
  }

  .pei-author {
    margin: 0 260px 0 0;
    font-size: 28px;
  }

  .pea-author > a,
  .pea-multi-authors {
    display: block;
  }

  .pea-multi-authors {
    width: 42px;
  }

  .pea-multi-authors a {
    display: inline-block;
    vertical-align: top;
  }

  .pea-multi-authors img {
    width: 21px;
    height: 21px;
  }

  .pea-authors-list {
    margin-top: -1px;
    margin-bottom: 4px;
  }

  .pea-short {
    margin-left: 62px;
  }

  .promo-exhibitions-slider .promo-dots.yg-pagination {
    top: 450px;
  }

  .exhibitions-list .exhibitions-slide,
  .exhibitions-slider .exhibitions-slide {
    width: 50%;
  }

  .news-preview-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .news-preview-list .hn-item {
    width: 25%;
    padding: 0 10px;
  }

  .ed-left {
    float: left;
    width: 460px;
  }

  .ed-right {
    float: right;
    width: 260px;
    margin-top: 0;
  }

  .author-img {
    display: block;
  }

  .author-info {
    margin-left: 290px;
  }

  .te-title {
    font-size: 26px;
  }

  .te-place {
    margin-right: 200px;
    font-size: 26px;
  }

  .te-date {
    position: absolute;
    margin-top: 0;
    right: 20px;
    bottom: 48px;
  }

  .te-date span {
    margin-top: 3px;
    font-size: 18px;
  }

  .event-page {
    padding: 20px 0 60px;
  }

  .book-types {
    display: block;
  }

  .mobile-filter {
    display: none;
  }

  .book-img {
    width: 300px;
  }

  .book-info {
    margin-left: 320px;
  }

  .news {
    min-height: 320px;
  }

  .news-img {
    position: absolute;
    width: 480px;
  }

  .news-img a {
    max-height: 314px;
    overflow: hidden;
  }

  .news-content {
    border-left: 1px solid #e6e3de;
    margin-left: 300px;
  }

  .news-title {
    font-size: 24px;
  }

  .news-tags {
    margin-top: 20px;
    margin-left: 500px;
  }

  .news-full-img {
    max-height: 386px;
    overflow: hidden;
  }

  .news-full-content h1 {
    font-size: 28px;
  }

  .news-full-side .hn-item {
    width: 25%;
  }

  .authors-preview-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .a-author {
    width: 20%;
  }

  .authors-preview-list .a-author {
    padding: 0 10px;
  }

  .c-event {
    width: 25%;
  }

  .c-month {
    padding: 0 50px;
  }

  .digest-wrap {
    margin: 0 -10px;
  }

  .digest-card-title {
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
  }

  .digest-card .digest-title {
    font-size: 18px;
  }

  .digest-item-img {
    margin: 0;
  }

  #firstnav-wide {
    height: 142px;
  }

  .scroll-top {
    left: 1px;
    top: 79px;
  }

  .main-content {
    padding-bottom: 228px;
  }

  footer {
    margin-top: -228px;
  }
}

@media (min-width: 768px) and (max-width: 989px) {
  #first-header .out > li:last-child {
    display: none;
  }

  .search input {
    width: 0;

    -webkit-transform: scaleX(0) translate3d(0,0,0);
            transform: scaleX(0) translate3d(0,0,0);
  }

  #second-header ul {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);

    -webkit-transition: -webkit-transform ease .3s;
            transition: transform ease .3s;
  }

  #second-header .show-search ul {
    -webkit-transform: translate3d(-160px,0,0);
            transform: translate3d(-160px,0,0);
  }

  .show-search .search input {
    width: 140px;

    -webkit-transform-origin: 100% 50%; 
            transform-origin: 100% 50%; 
    
    -webkit-transition: -webkit-transform ease .3s;
            transition: transform ease .3s;

    -webkit-transform: scaleX(1) translate3d(0,0,0);
            transform: scaleX(1) translate3d(0,0,0);
  }

  .menu-overlay {
    position: absolute;
    width: 0;
    top: 40px;
    right: 164px;
    bottom: 0;
    background-image: url(../images/menu_overlay.png);
    background-repeat: repeat-y;
    background-position: -100% 0;
    background-size: 50%;
    overflow: hidden;

    -webkit-transition: background-position ease .2s;
            transition: background-position ease .2s;
  }

  .show-search .menu-overlay {
    position: absolute;
    width: 380px;
    background-position: 0 0;
  }

  .menu-overlay:after {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #1f1b1b;
    border-left-color: #f5f3ef;
    border-bottom-color: #f5f3ef;
    width: 10px;
    height: 10px;
    margin-top: -14px;
    top: 100%;
    right: 16px;
    cursor: pointer;
    opacity: 0;

    -webkit-transition: all ease .15s .25s;
            transition: all ease .15s .25s;
    
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }

  .show-search .menu-overlay:after {
    opacity: 1;

    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
  }
}

@media (max-width: 989px) {
  .slider-arrow {
    display: none;
  }
}

@media (min-width: 990px) {
  .wrap {
    width: 950px;
  }

  #first-header .out > li,
  #secondnav .out > li {
    margin-right: 4px;
  }

  #first-header .out > li > a,
  #secondnav .out > li > a {
    padding: 8px 10px;
  }

  .social {
    margin-left: 34px;
  }

  #second-header > div {
    max-width: 750px;
    padding-right: 164px;
  }

  #second-header li {
    margin-right: 22px;
  }

  .pe-info {
    padding-bottom: 80px;
  }

  .pei-dates {
    position: absolute;
    margin: 0;
    right: 0;
    bottom: 84px;
  }

  .hn-item {
    width: 20%;
  }

  .news-preview-list {
    margin-left: -11px;
    margin-right: -11px;
  }

  .news-preview-list .hn-item {
    width: 20%;
    padding: 0 11px;
  }

  .te-bg {
    margin-left: -30px;
    margin-right: -30px;
  }

  .event-content {
    float: left;
    width: 608px;
  }

  .event-side {
    margin-left: 638px;
  }

  #firstnav ul {
    margin-left: 70px;
  }

  .ed-left {
    width: 620px;
  }

  .ed-right {
    width: 300px;
  }

  .news {
    min-height: 380px;
  }

  .news-img {
    width: auto;
  }

  .news-img a {
    max-height: 380px;
  }

  .news-content {
    margin-left: 406px;
  }

  .news-tags {
    margin-left: 600px;
  }

  .news-full-content {
    float: left;
    width: 608px;
  }

  .news-full-side {
    margin-left: 638px;
  }

  .news-full-side .hn-item {
    width: 50%;
  }

  .a-author {
    width: 16.6777777%;
  }

  .c-event {
    width: 20%;
  }

  .page-content-wrap {
    float: left;
    width: 608px;
  }

  .static-page .news-full-side {
    display: block;
  }

  .c-month {
    width: 25%;
    padding: 0 10px;
    margin-top: 0;
  }

  .digest-card {
    width: 33.33%;
  }

  .digest-item-main {
    float: left;
    width: 630px;
  }

  .digest-item-side {
    float: right;
  }

  .digest-item-side,
  .digest-item-side .digest-block {
    margin-top: 0;
    width: 300px;
  }

  .digest-item-side .digest-card {
    width: 100%;
  }
}

.catalog-order {
  padding-top: 10px;
}

.catalog-order__price {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
}

.catalog-order__btn {
  display: inline-block;
  border: 0;
  background-color: #21baab;
  height: 36px;
  padding: 0 12px;
  color: #fff;
  line-height: 36px;
  vertical-align: middle;
}

.catalog-order__btn:hover,
.catalog-order__btn:focus {
  color: #fff;
}

.order-popup {
  position: relative;
  background-color: #f5f3ef;
  max-width: 360px;
  margin: 0 auto;
  padding: 20px;
}

.order-popup__title {
  font-size: 22px;
}

.order-popup__form {
  margin-top: 20px;
}

.order-popup__row {
  margin-top: 10px;
}

.order-popup__row:first-child {
  margin-top: 0;
}

.order-popup__row label {
  display: inline-block;
}

.order-popup__row input,
.order-popup__row textarea {
  border: 0;
  width: 100%;
  height: 24px;
  padding: 0 5px;
  margin-top: 4px;
}

.order-popup__row textarea {
  height: auto;
  padding: 5px;
  resize: none;
}

.order-popup__error {
  margin-top: 3px;
  color: #f00;
  font-size: 12px;
}

/* Clearfix
   ========================================================================== */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 * contenteditable attribute is included anywhere else in the document.
 * Otherwise it causes space to appear at the top and bottom of elements
 * that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *`:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: ' '; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* Background images for retina
   ========================================================================== */

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon,
  .icon-inline,
  .slider-arrow {
    background-image: url(../images/icons@2x.png);

    -webkit-background-size: 195px 54px;
            background-size: 195px 54px;
  }

  .icon-youtube {
    background-image: url(../images/youtube.svg);
    background-size: 80% 80%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px), 
       (min-resolution: 1.5dppx) and (min-width: 768px), 
       (min-resolution: 144dpi) and (min-width: 768px) {
  .logo a,
  .logo span {
    background-image: url(../images/logo@2x.png);

    -webkit-background-size: 180px 39px;
            background-size: 180px 39px;
  }

  html[lang="en"] .logo a,
  html[lang="en"] .logo span {
    background-image: url(../images/logo_en@2x.png);

    -webkit-background-size: 180px 39px;
            background-size: 180px 39px;
  }
}

/* Resolutions settings
   ========================================================================== */

/**
 * Swiper 3.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: December 13, 2016
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../images/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../images/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}

.fotorama__stage {
  padding-bottom: 32px;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fotorama__caption {
  background-color: #f5f3ef;
  padding: 3px 10px;
  text-align: center;
}

.author-works .fotorama__caption {
  background-color: #e9e6e0;
}

.fotorama__caption__wrap {
  background: none;
  max-width: 100%;
  padding: 0;
  font-size: 16px;
  line-height: 1.25;
}

.fotorama__thumb-border {
  display: none;
}

.fotorama__thumb:after {
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(33,186,171,0);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  -webkit-transition: background-color ease .2s;
          transition: background-color ease .2s;
}

.fotorama__active .fotorama__thumb:after {
  background-color: rgba(33,186,171,.5);
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
  Background is added as a separate element.
  As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
  stretched thumbnail or div placeholder element (see below)
  style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
  div element that matches size of large image
  large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

  Contents:

  1. Buttons
  2. Share modal and links
  3. Index indicator ("1 of X" counter)
  4. Caption
  5. Loading indicator
  6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
  
  1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus,
  .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../images/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

  2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

  3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
  
  4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(../images/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
      The idea of animating inner circle is based on Polymer ("material") loading indicator 
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
  
  6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar,
.pswp-minimal-white .pswp__top-bar,
.pswp-minimal-white .pswp__caption {
  background: none; }

.pswp-minimal-white .pswp__bg {
  background: #fff;
}

.pswp-minimal-white .pswp__button--arrow--left:before,
.pswp-minimal-white .pswp__button--arrow--right:before {
  background-color: rgba(255,255,255,.3)
}

.pswp-minimal-white .pswp__counter {
  color: #404040;
  opacity: 1;
}

.pswp-minimal-white .pswp__caption__center {
  max-width: 90%;
  color: #404040;
  text-align: center;
}


/* ================== Magnific Popup CSS ================== */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }