@font-face {font-family: 'fontello';
src: url('/wp-content/themes/rec/styless/font/fontello.eot?40478609');
src: url('/wp-content/themes/rec/styless/font/fontello.eot?40478609#iefix') format('embedded-opentype'),
url('/wp-content/themes/rec/styless/font/fontello.woff?40478609') format('woff'),
url('/wp-content/themes/rec/styless/font/fontello.ttf?40478609') format('truetype'),
url('/wp-content/themes/rec/styless/font/fontello.svg?40478609#fontello') format('svg');
font-weight: normal;
font-style: normal;}
[class^="icon-"]:before, [class*=" icon-"]:before {font-size: 18px; font-family: "fontello";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-cancel:before { content: '\e802'; } .icon-phone:before { content: '\e800'; } .icon-link:before { content: '\e801'; } .icon-down-open:before { content: '\e803'; } .icon-facebook:before { content: '\f09a'; } .icon-menu:before { content: '\f0c9'; } .icon-gplus:before { content: '\f0d5'; } .icon-mail-alt:before { content: '\f0e0'; } .icon-youtube-play:before { content: '\f16a'; } .icon-vkontakte:before { content: '\f189'; } .icon-file-pdf:before { content: '\f1c1'; } .icon-vimeo:before { content: '\f27d'; } .icon-instagram:before { content: '\f32d'; }
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/FiraSansCondensed-Regular-Cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/FiraSansCondensed-Regular-Latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/FiraSansCondensed-Medium-Cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/FiraSansCondensed-Medium-Latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/FiraSansCondensed-Bold-Cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/FiraSansCondensed-Bold-Latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, form, label, article, aside, footer, header, nav {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body {overflow-x: hidden;}
body *{-webkit-text-size-adjust:none;}
input:focus, select:focus, textarea:focus, button:focus {outline: none; box-shadow:none;}
input, textarea, select{ -webkit-appearance: none; border-radius: 0; outline: none; border: 0px none; outline: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; background: none;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
.insta:hover {text-decoration: none!important;}
a {text-decoration:none; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
iframe {border: none; outline: none;}
button {background: none; border:0px none;}
ul {list-style: none;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
button {outline: none; border: none; box-shadow: none; background: none;}
body, h1, h2, h3, h4, h5, h6, p, .menu-item {font-family: 'Fira Sans Condensed', sans-serif;}
.logo img {width:240px;padding-top:5px;padding-left: 10px;color:black;}
.log1 {background-blend-mode: difference;}
h1 {font-size: 52px; font-weight: 300; line-height: 52px; text-transform: uppercase;}
h2 {font-size: 46px; line-height: 46px; font-weight: 300; text-transform: uppercase;}
h3 {font-size: 32px; line-height: 32px; font-weight: 300; text-transform: uppercase;}
h4 { font-size: 26px; line-height: 26px; font-weight: 300; text-transform: uppercase;}
h5 {font-size: 16px; line-height: 20px; font-weight: 300; text-transform: uppercase;}
h6 {font-size: 13px; line-height: 16px; font-weight: 300; text-transform: uppercase;}
h9 {border-radius: 5px;padding: 1px 5px 1px;font-size: 11px;border: 1px solid #d2d2d2;}
p {font-size: 15px; line-height: 24px; font-weight: 300; font-family: 'Lato', sans-serif;}
a { color: inherit; font-family: 'Lato', sans-serif;}
p a:hover, .span3 a:hover {color: #909090;text-decoration:none;}
.table-cell {display: table-cell; vertical-align: middle; height: inherit;}
.vertical-align {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; position: absolute; width: 100%; left: 0px;}
.padd-15 {padding: 15px 0;}
.padd-30 {padding: 0 30px;}
.miami-header {position: relative; background: #fff; left: 0; top: 0; width: 100%; height: 60px; z-index: 150; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.container , .miami-header .container-fluid {height: inherit;}
.miami-header .close-menu{display: none;}
nav {height: inherit; position: relative; float: left;}
.header {position: relative; width: 100%; display: inline-block; height: inherit;}
.navigation {position: relative; float: right; height: inherit;}
.logo {position: relative; float: left; height: inherit; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.logo a {font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: 2px; color: inherit;}
.logo a:hover {color: inherit;}
.clip {clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}
.table-cell {text-transform: uppercase;margin-top: 0;margin-bottom: 10px;letter-spacing: 1.5px;}
.menu .menu-item:hover {color:black;font-style:bold;}
.award-ab a, .lk {color:#a5620e;}
li.menu-item {list-style: none;font: inherit;float: left;display: block;margin-right: 10px;padding: 6px 12px;}
li a{font-weight: 400;font-family:"Fira Sans Condensed", sans-serif;}
nav ul .menu-item:hover:before { position: absolute; left: -10px; top: -7px; transition: content 1s ease;}
nav ul .menu-item:hover:after {position: absolute; right: -10px; top: -7px; transition: content 1s ease;}
nav ul .menu-item.active:hover:after {position: absolute; right: -10px; top: -7px; transition: content 1s ease;}
nav > ul > .logo:hover {background: transparent;}
nav > ul > li:hover > a {color: #333;}
nav > ul > li:hover {background:#f5f5f5;}
nav {height: inherit; position: relative; float: left;}
.menu ul > li > ul > li:hover {background-color: rgba(255,255,255,0.95);}
.menu ul > li:hover .sub-menu {opacity: 1; visibility: visible;}
.menu ul > li > ul > li:hover ul {opacity: 1; visibility: visible;}
.menu ul > li > ul > li > a:hover {color: #333;}
li.menu-item {color:gray;}
li.menu-item:active {color:black;}
.active {color:black!important;}
.menu .menu-item: {color:gray;}
.menu .menu-item:active {color:black!important;}
.nav-menu-icon {position: relative; float: right; text-align: center; width: 24px; height: inherit; z-index: 600; display: none; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a {cursor: pointer;text-decoration: none; width: 24px;}
.nav-menu-icon a i {top: -3px; position: relative;display: inline-block; border-radius: 50%; width: 3px;height: 3px;color:#000;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #000;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a i:before, .nav-menu-icon a i:after {content:''; width: 3px;height: 3px; border-radius: 50%;background: #262626;position: absolute;left:0;transition:all .2s ease-out;}
.nav-menu-icon a i:before {top: -7px;}
.nav-menu-icon a i:after {bottom: -7px;}
.nav-menu-icon a:hover i:before {top: -10px;}
.nav-menu-icon a:hover i:after {bottom: 10px;}
@media screen and (max-width: 992px) {.full-scr-header{position: absolute;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);background: transparent !important;}
.full-scr-header .menu{margin-right: initial;}.full-scr-burger{display: block;}
.nav-menu-icon{width: auto;}
.nav-menu-icon a i{display: inline-block;width: 30px;height: 2px;position: relative;float: none;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;border-radius: 0;}
.nav-menu-icon a i:before {content: '';position: absolute;left: 0px;top: -6px;height: 2px;width: 100%;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}
.nav-menu-icon a i:after {content: '';position: absolute;left: 0px;top: 6px;height: 2px;width: 100%;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}
.nav-menu-icon a i:before, .nav-menu-icon a i:after{border-radius: 0;}
.nav-menu-icon.active a i::before, .nav-menu-icon.active a i::after{background: #222;top: 0;}
.nav-menu-icon.active a i::before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.nav-menu-icon.active a i::after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg););}
.nav-menu-icon a:hover i:before {top: -10px;}
.nav-menu-icon a:hover i:after {top: 10px;}}
.main-title .miami-fillter-wrap ul li {position: relative;}
.miami-fillter-wrap ul li:after {content: url("../images/left-arrow.png"); color: #fff; position: absolute; top: 13px; right: 20px;}
.miami-fillter-wrap ul > li:hover {background-color: #000; transition: background-color .2s ease-out;}
.miami-fillter-wrap ul li:hover .but {color: #fff;}
@media screen and (max-width: 992px) {.slide-prev, .slide-next {display: none;}}
.slider-filter {opacity: 0; height: 0;}
.slider-filter.active {opacity: 1; height: auto; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s;}
.swiper-container {margin:0 auto; height: inherit; width: 100%; text-align: center; position:relative; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; overflow: hidden;}
.swiper-wrapper{position:relative;width:100%; -webkit-transition-property: -webkit-transform,left,top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property: -moz-transform,left,top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property: -o-transform,left,top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property: -ms-transform,left,top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform,left,top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}
.swiper-slide {position:relative; float: left; width: 100%; text-align: center;}
.swiper-h { min-height: 587px;}
.slider-wrap {overflow: hidden; position: relative; width: 100%;}
.slider-wrap .swiper-container {width: 100%; height: inherit;}
.slider-wrap .swiper-wrapper {width: 100%; height: 100%;}
.bg-slide {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background: no-repeat center center; background-size: cover;}
.main-title a:hover {color: #000; background-color: #fff;}
.count { position: absolute; top: 40px; right: 40px; z-index: 102; color: #f9f9f9;}
.main-slider .swiper-slide .slide-title {width: 100%; position: absolute; top: 80%; color: #fff;}
 .fs-item-slide-col,  .item-slide-col{position: relative; height: calc(50%); padding-left: inherit; padding-right: inherit;}
 .fs-item-slide-col img, .item-slide-col img {display: block; width: 100%; height: 100%;}
.content-slider-hover .fs-item-slide-col:hover .hover-text-slider, .content-slider-hover .item-slide-col:hover .hover-text-slider{opacity: 1; transition: opacity .4s ease-out;}
 .fs-item-slide-col .hover-text-slider,  .item-slide-col .hover-text-slider{opacity: 0; background-color: rgba(40, 38, 37, 0.7); width: 100%; height: 100%; text-align: left; position: absolute; top: 0; left: 0; padding-left: 50px; padding-top: 100px;}
 .fs-item-slide-col .hover-text-slider h3, .fs-item-slide-col .hover-text-slider p, .item-slide-col .hover-text-slider h3,  .item-slide-col .hover-text-slider p  {color: #fff;}
 .fs-item-slide-col .hover-text-slider .text-hover, .item-slide-col .hover-text-slider .text-hover{width: 200px;}
.pagination-index {display: none;}
.full-main-title-2, .full-main-title-2 {text-align: left;position: absolute;bottom: 3%;top: inherit;left: 3%; border: none;transform: translate(0);color: #fff;padding: 40px;max-width: 300px; max-height: 300px;}
.miami-footer {margin-top:150px;position: relative; text-align: center; display: block; width: 100%; background: #000; color: #fff;}
.footer {position: relative; width: 100%; min-height: 100px;}
.footer-link {position: relative; float: left; height: inherit; ;}
.footer-link a { font: 400 14px 'Fira Sans Condensed', sans-serif; float: left; font-size: 15px; line-height: 21px; margin: 10px 10px; color: #999; }
.footer-link a:hover {color: #fff;}
.footer-folow {position: relative; float: right;}
.footer-folow a { float: left; font-size: 16px; margin: 10px 5px; font-weight: 100;}
.footer-folow a:hover {color: #999;}
@media screen and (max-width: 1170px) {.audio-button {bottom: 150px;}.stopAutoplay {bottom: 50px;}}
@media screen and (max-width: 992px) {.nav-menu-icon {display: block;}.second-menu {margin-right: 10px;}.contact-info, .social-media-widget {margin-bottom: 30px;}.miami-categories {max-width: 100%;}.miami-header.close-menu{display: block}

.menu {overflow:  hidden;position:fixed;overflow-y: auto; position: fixed; right: 0%; top: 0px; padding: 0; background: #fff; margin-right: -15px; max-width: 400px; height: 100%; z-index: 140; transform: translateX(100%); -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%); transition: transform .6s cubic-bezier(.6,0,.3,1); -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1);-moz-transition: transform .6s cubic-bezier(.6,0,.3,1);-ms-transition: transform .6s cubic-bezier(.6,0,.3,1);}

nav.slide-menu {transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
nav ul > li ul, .menu ul > li > ul > li > ul {position: static;}
.menu.dl-menuwrapper {padding-top: 50px;}
nav ul > li ul {min-width: 330px; top: 0;}
nav > ul > li {padding: 0; margin-right: 0;}
.menu ul > li > ul > li:hover {background-color: rgba(0,0,0,0.1);}
.menu ul > li > ul > li > a {padding: 20px 20px 20px 35px;}
.menu ul li a{ line-height: 16px;}
.menu ul > li .multi-menu, .menu  ul > li .multi-menu li {width: inherit;}
.menu ul li > ul li a {font-size: 14px; line-height: 16px;}
nav > ul > li > a > .fa {display: block; position: absolute; right: 12px; line-height: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.menu .close-menu {position: absolute; left: 30px; top: 15px; height: 25px; width: 30px; cursor: pointer; text-align: center; z-index: 55;margin-top: -10px;}
.menu .close-menu i {display: block; color: #333; font-size: 20px;}
.dl-back{display: block !important;}}
@media screen and (max-width: 992px) {
nav ul > li ul {min-width: 100%; top: 0; left: 0; right: 0;}.dl-menuwrapper .dl-menu.dl-menuopen { width: 992px;padding-top: 30px;}.menu .menu-item.active {width: 100%;text-align: center;}li.menu-item {padding: 20px 12px; width: 100%;text-align: center;}.menu li a {font-size: 19px;}}
@media screen and (max-width: 979px) { .miami-categories {text-align: center;} .miami-fillter-wrap ul li {display: block; width: 100%;}}
@media screen and (max-width: 768px) {
 .main-slider .swiper-slide .full-main-title {left: inherit;}
.slide-prev-hover .prew-desc {left: 70px; top: -40px; height: 40px; padding: 10px;}
.slide-next-hover .prew-desc {right: 70px; top: -40px; height: 40px; padding: 10px;}
.slide-next-hover img {height: 40px; top: -40px;}
.slide-prev-hover img {height: 40px; top: -40px;}
.miami-fillter-wrap ul li .but {text-align: center;}
.footer-folow {float: none; text-align: center; width: 100%; display: inline-block;}
.footer-folow a {float: none;}
.footer-link {width: 100%; text-align: center; display: none; padding-bottom: 15px;}
.footer-link a {float: none; display: block;}
 footer {padding: 10px 0px;}
.footer{display: table;}
footer .vertical-align{-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0);top: 0; position: static;width: 100%;left: 0px;display: table-cell;vertical-align: middle;height: 30px;}.footer {min-height: 30px;}
}
@media screen and (max-width: 630px) {.main-slider .swiper-slide .main-title {max-width: 250px; max-height: 250px; padding: 29px 22px;}.main-title img {margin-bottom: 15px; margin-top: 15px;}.main-slider .swiper-slide .slide-title h2 {font-size: 24px;}}
@media screen and (max-width: 480px) {
.main-slider .swiper-slide .main-title {border-width: 5px;}.slide-prev, .slide-next {width: 40px; height: 40px;}.slide-prev i, .slide-next i {line-height: 40px;}.item {width: 100%;}.slide-prev-hover, .slide-next-hover {display: none;}.slide-prev {top: 45%;}.slide-next {left: inherit; top: 45%; right: 0;}.slide-next-full {left: inherit;}}
.arrow-prev-onload {position: absolute; left: 50px; top: 45%;}
.arrow-next-onload {position: absolute; left: inherit; right: 50px; top: 45%;}
.arrow-prev-onload {background-image: url(/wp-content/themes/rec/img/arrow.svg); width: 50px; height: 50px; cursor: pointer;}
.arrow-next-onload {background-image: url(/wp-content/themes/rec/img/arrow.svg); width: 50px; height: 50px; cursor: pointer; transform: scale(-1, 1);}
.arrow-prev-hover {margin-left: -310px;}
.arrow-next-hover {margin-right: -310px;}
.arrow-prev-onload:hover .arrow-prev-hover {opacity: 1; margin-left: 0;}
.arrow-next-onload:hover .arrow-next-hover {opacity: 1; margin-right: 0;}
.sec-title {text-align: center;padding-bottom: 60px;}
.sec-title img {margin: 25px 0;}
.categories {position: relative; width: 100%;}
.izotope-container .item:hover .item-content {opacity: 1; cursor: pointer; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; transition: opacity .4s ease;}
.izotope-container .item .item-content {position: absolute; top: 0; left: 0; opacity: 0; background-color: #000000b0; width: 100%; height: 100%; padding-top: 85px; padding-left: 35px;}
.item-content h2 {color:#fff;margin-bottom:20px;width:90%;}
.item-content h6 {color: #fff;}
.content-categories .izotope-container .item-marg {width: 33.3333%; height: 350px; margin: 0; -webkit-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out;}
.content-categories .izotope-container .item-marg:hover {-webkit-transform: scale(.9); -moz-transform: scale(.9); transform: scale(.9);}
@media screen and (max-width: 1170px) {.main-slider .swiper-slide.slide-res {min-height: 800pxNONE;}}
@media screen and (max-width: 992px) {.content-categories .izotope-container .item-marg {width: 50%;}}
@media screen and (max-width: 638px) {.content-categories .izotope-container .item-marg {width: 100%;}}
@media screen and (min-width: 1900px) {.content-categories .izotope-container .item-marg {width: 25%;}}
@media screen and (min-width: 2550px) {.saboute {background-position: center 42%;background-repeat: no-repeat;}}
.s-back-switch{background-position: center;background-size: cover;background-repeat: no-repeat;}
.izotope-container{overflow: hidden;}
.dl-menuwrapper .dl-menu {margin: 0 !important;}

@media (min-width: 1024px) and (orientation : landscape) { /* ПЛАНШЕТ ГОРИЗОНТАЛЬНО */
.container {width:1024px!imporant;}
.galleria-image {
width: 376px!imporant;
height: 250px!imporant;}

img.galleria-image {
width: 376px!imporant;
height: 250px!imporant;}
}

@media (min-width: 768px) and (orientation : portrait){ /* ПЛАНШЕТ ВЕРТИКАЛЬНО */
.container {width:768px!imporant;}
.galleria-image {
width: 376px!imporant;
height: 250px!imporant;}

img.galleria-image {
width: 376px!imporant;
height: 250px!imporant;}
}
/* .galleria-thumbnails {margin-left: 4%;} */
.galleria-plus:hover {
background-color: rgba(0, 0, 0, 0.368627);
}

#toTop {
    z-index: 99999;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: 100%;
    background: url(/wp-content/themes/rec/img/ui-top.svg) no-repeat left top;
}

#galleria {
    height: 800px;
}

.hidden {
    display: none;
}

#loading-info {
    width:270px;
    height:150px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-75px 0 0 -135px;
    text-align: center;
    font: 17px Verdana;
}

#loading-info-more {
    margin-top: 10px;
    color: #aaa;
    font-size: 11pt;
}

.s1 {background: no-repeat 50% 17%;background-size:cover;}
.s2 {background: no-repeat 50% 27%;background-size:cover;}
.s3 {background: no-repeat 50% 15%;background-size:cover;}
.s4 {background: no-repeat 50% 20%;background-size:cover;}
.s5 {background: no-repeat 50% 15%;background-size:cover;}
.s6 {background: no-repeat 50% 48%;background-size:cover;}

#albums-list .album {
border: 1px solid rgb(195, 195, 195);
  float: left;
  margin: 10px;
  width: 200px;
  height: 130px;
  padding: 0px;
  color: white;
  overflow: hidden;
  text-decoration: none;
  }
  #albums-list .album .title {
font-family: tahoma, arial;
  font-size: 12px;
  margin-top: 0px;
  top: 0px;
  font-weight: bold;
  color: white;
  border: 1px white solid;
  position: relative;
  max-width: 150px;
  margin-left: 15px;
  opacity: 1;
  text-align: center;
  /* z-index: 9999; */
  padding: 10px;
  /* background-color: rgba(0, 0, 0, 0.32); */
  text-transform: capitalize;
     }
	 a.album h1{
    white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    padding: 5px; /* Поля */
    position: relative; /* Относительное позиционирование */
   }
   a.album h1::after {
    content: ''; /* Выводим элемент */
    position: absolute; /* Абсолютное позиционирование */
    right: 0; top: 0; /* Положение элемента */
  margin-top: 10px;
  width: 50px;
  height: 20px;
   }

#albums-list .album img {
    clear: both;
  width: 200px;
  }

.album-block{max-width: 190px;margin-top: 90px;border-right: 20px solid transparent;border-top: 25px solid black;position: absolute;}
.album-block h1.albumtitle {text-transform: capitalize;font-size: 10px;color: white;font-weight: normal;margin-top: -30px;padding:10px;text-align: left;max-width: 150px;padding-left: 5px;}
#albums-list .album:hover {
    background-color: rgba(0,0,0,0.8)
}

#login-block-wrapper {
    border: 10px solid rgba(200, 200, 200, 0.2);
	border-radius: 200px;
    margin: 15% auto;
padding: 0;
    width: 500px;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}


#login-block {
    font-family: Verdana;
    font-size: 9pt;
    color: #333;
    border: 2px solid #D0D0D0;
border-radius: 200px;
    background: #FAFAFA;
    padding: 20px 20px 40px 20px;
    text-align: center;
}

#login-block input[type=text] {
width: 330px;
height: 21px;
border-radius: 50px;
border: 1px solid gray;
padding: 5px 5px 5px 15px;
margin-top: 7px;
}

#login-block input[type=image] {
    position: absolute;
margin: 11px 0 0 -30px;
}

#login-block a {
    font-style: italic;
    color: #111b5e;
}

#back-to-albums {
    color: #111b5e;
    text-decoration: none;
    margin-bottom: 10px;
    background-color: #eeeeee;
    padding: 5px;
}

#back-to-albums:hover {
    background-color: #cccccc;
}

@media screen and (min-width:1920px) and (max-width:1922px) {
.galleria-thumbnails {/* width: 94.59%; */
margin: 0 auto;
padding: 0;}

#albums-list{/*width: 94.59%;*/
margin: 0 auto;}
}

@media screen and (max-width:1400px) {
.galleria-thumbnails {width: 89%;
margin: 0 auto;
padding: 0;}

#albums-list{width: 89%;
margin: 0 auto;}
}


@media screen and (max-width:900px) {
.galleria-thumbnails {width: 100%!important;
height:30000px;
margin: 0 auto;
padding: 0;}

#albums-list{width: 100%!important;;
margin: 0 auto;}

.container {
padding-right: 0px!important;
padding-left: 0px!important;
margin-right: 0px!important;
margin-left: 0px!important;
height:30000px;}

.galleria-thumbnails .galleria-image {
    margin: 0 5px 5px 0;
}}

@media screen and (max-width:700px) {
.galleria-image {line-height:0;margin: 0 0px 0px 0!important;overflow: visible!important;width:100%!important;padding-bottom:66.66%;height:auto;min-height: 260px!important;border-bottom: 5px solid white;}
.galleria-plus span {max-width:100%;line-height:0!important;padding:0;margin:0 auto;}
.galleria-image img {width:100%!important;max-width:900px!important;height:auto!important;}
}
/*------------Адаптивный дизайн-----------*/

@media screen and (max-width: 2560px) {
#albums-list {margin: 0 auto;}
#albums-list .album {margin:6px;width:264.9px;height: 177px;background-color: rgb(202, 202, 202);}
.album-block {max-width: 250px;margin-top: 130px;}
.album-block h1.albumtitle {margin-top: -30px;padding: 10px;text-align: left;max-width: 210px;padding-left: 5px;}
#albums-list .album img {width: 264.9px;}
}

@media screen and (max-width: 1920px) {
#albums-list {margin: 0 auto;width: 97.4%;}
#albums-list .album {margin:11px;width:254px;height: 169px;background-color: rgb(202, 202, 202);}
.album-block {max-width: 240px;margin-top: 130px;opacity: 1;}
.album-block:hover {max-width: 240px;margin-top: 130px;opacity: 1;}
.album-block h1.albumtitle {margin-top: -30px;padding: 10px;text-align: left;max-width: 210px;padding-left: 5px;}
#albums-list .album img {width: 254px;}
}

@media screen and (max-width: 1680px) {
#boxes {max-width:90%;margin:0auto;left:17px;}
}

@media screen and ( max-width: 1366px ) {
/* .bg-slide {background-position: 70% bottom;} */
#albums-list {margin: 0 auto;}
#albums-list .album {margin:6px;width:200px;height: 133px;background-color: rgb(202, 202, 202);}
.album-block {max-width: 170px;margin-top: 95px;}
.album-block h1.albumtitle {margin-top: -30px;padding: 10px;text-align: left;max-width: 210px;padding-left: 5px;}
#albums-list .album img {width: 200px;}
}

@media screen and ( max-width: 1024px ) {
/*#albums-list .album {margin:6px;width:234px;height: 156px;background-color: rgb(202, 202, 202);}
#albums-list .album img {width: 234px;}*/
#albums-list {margin: 0 auto;width: 100%;}
#albums-list .album {margin:6px;width:400px;height: 256px;background-color: rgb(202, 202, 202);}
.album-block {max-width: 170px;margin-top: 110px;}
.album-block h1.albumtitle {margin-top: -30px;padding: 10px;text-align: left;max-width: 210px;padding-left: 5px;}
#albums-list .album img {width: 400px;}

.box h1 {font-size: 15px;}
.box p {font-size: 13px;}
.menu li a {font-size:14px;}
#boxes {max-width:75%;margin:0auto;left:8px;}
}

@media screen and ( max-width: 950px ) {
.s1 {background-position: 50% bottom;}
.s2 {background-position: 50% bottom;}
.s3 {background-position: 40% bottom;}
.s4 {background-position: 65% bottom;}
.s5 {background-position: 90% bottom;}
.s6 {background-position: 70% bottom;}
.saboute {background-position: 75% bottom;}
.about-container {margin-top: -100px;}
#post-content, .post-about {padding-top:20px!important;}
.about-h1 {padding: 10px 15px 0 15px!important;}


.box h1 {font-size: 15px;}
.box p {font-size: 13px;}
.menu li a {font-size:14px;}
#boxes {max-width:80%;margin:0auto;left:8px;}
}

@media screen and ( max-width: 768px ) {
#albums-list {margin: 0 auto;}
#albums-list .album {margin:6px;width:31.7%;height: 155px;background-color: rgb(202, 202, 202);}
.album-block {max-width: 170px;margin-top: 110px;}
.album-block h1.albumtitle {margin-top: -30px;padding: 10px;text-align: left;max-width: 210px;padding-left: 5px;}
#albums-list .album img {width:100%;}

.box h1 {font-size: 17px;}
.box p {font-size: 15px;}
.menu li a {font-size:16px;}
#boxes {max-width:61%;margin:0auto;left:8px;}
}

@media screen and ( max-width: 640px ) {
#albums-list {margin: 0 auto;}
#albums-list .album {margin:6px;width:48%;height: 195px;background-color: rgb(202, 202, 202);}
.album-block {max-width: 170px;margin-top: 140px;}
.album-block h1.albumtitle {margin-top: -30px;padding: 10px;text-align: left;max-width: 210px;padding-left: 5px;}
#albums-list .album img {width:100%;}
body {font-size: 15px;}

.box h1 {font-size: 17px;}
.box p {font-size: 15px;}
.menu li a {font-size:18px;}
#boxes {max-width:61%;margin:0auto;left:8px;}
}