@font-face{
    font-family: 'PFAgoraSansPro';
    font-weight: normal;
    src: url('../../fonts/PFAgoraSansPro-Thin.eot');
    src: url('../../fonts/PFAgoraSansPro-Thin.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/PFAgoraSansPro-Thin.woff') format('woff'),
    url('../../fonts/PFAgoraSansPro-Thin.ttf') format('truetype'),
    url('../../fonts/PFAgoraSansPro-Thin.svg#webfont') format('svg');
}

@font-face{
    font-family: 'PFAgoraSansPro';
    font-weight: 600;
    src: url('../../fonts/PFAgoraSansPro-Bold.eot');
    src: url('../../fonts/PFAgoraSansPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/PFAgoraSansPro-Bold.woff') format('woff'),
    url('../../fonts/PFAgoraSansPro-Bold.ttf') format('truetype'),
    url('../../fonts/PFAgoraSansPro-Bold.svg#webfont') format('svg');
}

html{overflow-y: auto;overflow-x: hidden;}
body{font: 18px 'PFAgoraSansPro', sans-serif;height: 100%;min-height: 100vh;margin: 0;padding: 0; counter-reset: curshops;overflow: initial;color: #0D0D0D;display: flex;flex-direction: column;}
html.touch body, html.touch body.wh{overflow: auto;overflow-y: initial;}
img {border:0;}
fieldset {margin: 0;padding: 0;border: 0;}
h1, h2{display:block;margin: .5em auto;padding: 0;font-size: 277%;font-weight: 600;position: relative;color:#535353}
ul {padding-left: 1.1em;}
p {display:block;position:relative;margin: 0.625em 0;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;color: #616161}
a {color: #3e3e3e;text-decoration: none;cursor: pointer}
a:hover {color:#000;text-decoration: none;cursor:pointer}
a:hover, input[type="submit"]:hover{filter: brightness(95%);cursor: pointer}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
*{box-sizing: border-box;transition:color .5s, background-color .5s, background-size .1s .1s, filter .1s .1s;}
sup{color:inherit;}
input,textarea{outline: none;font-size:100%;}
.container {width:100%;max-width:810px;margin:0 auto;padding:0 1.25em}
.hidden {display: none !important}
.col_h{text-transform: uppercase;font-size: 111%;font-weight: bold;}
.show_hide{padding-right: 2.5em;position: relative}
.show_hide:before{content: "";position: absolute;top:0;left:0;background-image: url(../../images/caret.svg);background-position: 100% 50%;background-repeat: no-repeat;background-size: 1.5em;width: 100%;height: 100%}
.show_hide.open:before{transform: scale(1, -1)}

/* pagination */
.pagination {margin: 1em 0}
.pagination > ul {margin: 0 auto;background-color: #e6e6e6;display: flex;flex-direction: row;justify-content: end;}
.pagination > ul > li{display: inline-block}
.pagination > ul > li a{display: block;border-left: 1px solid white;padding: .5em;min-width: 2em;text-align: center;}
.pagination > ul > li:hover a, .pagination > ul > li.active a{background: #7d7474;color: #fff;}

/*  Слайдер */
.cycle-slideshow_ img{width: 100% !important;height: auto !important;margin: 0!important;padding: 0!important}

/*  header */
header {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 1.25em;}
header search, header search .search{display: flex;align-items: center}
header search .search{border: 0;border-radius: 1.5em;background: #F7F7F7;padding: 0 .4em;}
header search input[type="text"]{border:0;background: transparent;color:#616161;padding: 1em;margin-right:1em;min-width: 20em}
header search input[type="submit"]{border:0;border-radius:1.5em;background: #CAD012;padding: .6em 1.5em}
header search >a{border: 0;border-radius: 1.5em;background: #F7F7F7;color:#616161;padding: .8em 1.25em;margin-left: 1em;}
header nav >a{display: block;padding: .8em 1.5em .8em 3.5em;background: #ff1554 url(../../images/menu.svg) 1.25em 50% no-repeat;background-size: 1.15em;border-radius: 1.5em;color: #fff;font-weight: 600;text-transform: uppercase;}
header nav >a:hover{color:#fff;}

/*  main */
main {flex: 1;}

/*  breadcrumb */
.breadcrumb {margin: 0;padding: 0 .5em;background: #cb5aff;list-style: none;}
.breadcrumb.green, .breadcrumb.breadcrumb-museum {background-color: #3aac17}
.breadcrumb.breadcrumb-author {background-color: #a12f2f}
.breadcrumb.breadcrumb-country {background-color: #1a93b3}
.breadcrumb.breadcrumb-genre {background-color: #ffcb4e}
.breadcrumb.breadcrumb-style {background-color: #ff49e3}
.breadcrumb li {display: inline-block;margin: 0 .5em 0 0;padding:.5em;}
.breadcrumb li, .breadcrumb li a {text-decoration: none;color: #fff;}
.breadcrumb li:after {content: '>';display: inline-block;margin: 0 0 0 .5em;}
.breadcrumb li:last-child:after {content: '';}

/*  menu */
#sbm_close{position: absolute;top:3em;right: 1em;height:2em;width: 2em;}
header nav menu{display:flex;flex-direction:column;position: fixed;left:0;top:0;bottom: 0;overflow-y: auto;width: 100%;min-height: 100%;z-index: 500;background-color: #299fab;color:#fff;margin: 0;padding: .5em;}
header nav menu >div:first-child{margin-right: 5em}
header nav menu >div{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin-top: 1.5em;padding-top: 1.5em}
header nav menu >div + div{border-top: 1px solid #fff;}
header nav menu >div >div{padding: 0 1.5em;}
header nav menu a{color:#fff}
header nav menu a:hover{color:#fff;text-decoration: underline}
header nav menu ul{list-style: none;padding: 0;}
header nav menu ul li{padding: .5em 0;}
header nav menu ul li > ul{padding: .5em 0 .5em 1.5em;}
header nav menu ul li > ul li{padding: .25em 0;}

/*  main menu */
nav#main-menu {display: flex;flex-wrap: wrap;padding: .75em}
nav#main-menu >a{flex: 1 1 25%;padding: .5em;overflow: hidden;position: relative}
nav#main-menu >a:nth-child(5), nav#main-menu >a:nth-child(6), nav#main-menu >a:nth-child(7){flex: 1 1 33%;}
nav#main-menu >a:nth-child(1n + 8){flex: 1 1 20%;}
nav#main-menu >a >img{display: block;max-width: 100%;}
nav#main-menu >a >span{display:block;color:#fff;text-shadow: #616161 1px 0 5px;font-size: 155%;position: absolute;top: .5em;left: .75em;width: 100%;font-weight: 600;}

/*  catalog menu */
.cat_menu{display: flex;flex-wrap: wrap;border:1px solid #c6c6c6;justify-content: end;}
.cat_menu >a{padding: 1em 2.5em}
.cat_menu >a:hover{background: #ececec}
footer .cat_menu{border:1px solid #ececec}
main .cat_menu{background: #ececec;}
main .cat_menu >a{font-weight: 600}
.cat_menu + .popup{margin-top: 1.5em;}

/*  list groups */
.genres .item{background: #E6E6E6;padding: 2em .75em .75em;margin: 1em 0 2em}
.genres h2{margin: 0 .3em .5em .3em;background-image: url(../../images/link.svg);background-position: 0 50%;background-repeat: no-repeat;background-size: .75em;padding-left: 1.25em;}
.genres .my{margin: 0 .75em 1em .75em;display: block;font-size: 133%;}

/*  list gallery */
.gallery-list {display: flex;flex-wrap: wrap}
.gallery-list .gallery-item {flex: 1 1 calc(100% / 6);max-width: 22.5%;position: relative;}
.gallery-list .gallery-item >a {display: flex;flex-direction: column;align-items: center;height: 100%;padding: .75em;overflow: hidden;}
.gallery-list .gallery-item >a:hover{filter: none}
.gallery-list .gallery-item >a:hover div:not(.title){filter: brightness(80%);}
.gallery-list .gallery-item >a >div{height: 280px;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: 50% 0;}
.gallery-list .gallery-item >a >img{min-width: 100%;height: 100%;}
.gallery-list .gallery-item .big {position: absolute;left: 50%;top: 50%;display: none;z-index: 200;border: 1px solid #000;}
.gallery-list .gallery-item:hover .big {display: block}
.gallery-list .gallery-item .title {height: auto;padding: .5em;display: block;background: rgb(29 27 27 / 75%);text-align: center;font-size: 18px;color: #ffffff;flex: 1;}

/*  picture-card */
.picture-card {display: flex;flex-direction: row;}
.picture-card h1{text-align: center;}
.picture-card .info{flex: 1;}
.picture-card .info .props{display: flex;flex-direction: column;justify-content: center;padding: 0 .75em}
.picture-card .info .props .item{display: flex;flex-direction: row;align-items: center;border-bottom: 1px dotted #d7d4d4;}
.picture-card .info .props .item >*{padding: .5em 0}
.picture-card .info .props .item >*:first-child{flex: 0 1 8em}
.picture-card .info .props .item >*:first-child + *{padding-left: .75em}
.picture-card .info .description{padding: .75em;}

/*  footer */
footer{padding: 0 1.25em 0 1.25em;}
#footer {background: #ececec;display: flex;flex-wrap: wrap;align-items: center;padding: 1em}
#footer >*{flex: 1 1 30%;}
#footer .copyright{display: flex;flex: 1 1 70%;align-items: center;justify-content: right;}
#footer .copyright >* {font-size: 77%;}
#footer .copyright .year_in_bottom{font-size: 250%;margin-right: .5em}