/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #2c313b;
    font-size: 1em;
    line-height: 1.4;
    font-family: 'gilroy', Arial, sans-serif;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

*{
    font-weight: 400;
    font-family: 'gilroy', Arial, sans-serif;
    box-sizing: border-box;
}
img{
    max-width: 100%;
    vertical-align: bottom;
}
a, button{
    transition: all .6s ease-in-out;
}
a{color:#2c313b}
a:hover{color:#009db9;text-decoration:none}
button:focus{
    outline: 0;
}
.wrapper{
    margin: auto;
}

header{background:#f5f7fa}
header .region{background:#282b47;color:#e5e6f766}
header .region > .wrapper{height:48px}
header .selectric{background:none;border:0}
header .selectric .label,
header .selectric .button{height:48px;line-height:48px}
header .selectric .label{color:inherit;font-size:15px;text-decoration:underline}
header .selectric .button{background:none}
header .selectric .button:after{width:14px;height:6px;border:0;background:url(/images/img/icon-arrow-down.svg) no-repeat left top}
header .logo{text-align:center}
header .region-phone{padding-left:10px;color:#2c313b;line-height:20px;min-height:37px}
header .region-phone .number{font-weight:600;font-size:17px;line-height:1}
header .region-phone-landline{font-weight:600;font-size:17px;line-height:1;display:flex;margin-right:20px;margin-left:20px;}
header .region-phone-landline a{font:inherit;display:flex;align-items:center;}
header .region-phone-landline picture{width:32px;height:32px;display:flex;margin-right:10px;}
header .social-tg a{display:flex;align-items:center;}
header .social-tg picture{width:32px;height:27px;display:block}
header .social-viber{padding-left:10px;}
header .social-viber picture{width:38px;height:38px;display:block}

.mobile-header .header-region-phone-landline{padding-left:10px;padding-right:20px}
.mobile-header .region-phone{min-height:1px;padding-left:0}

.header-row{display:flex;justify-content:space-between;font-size:15px;line-height:15px}
.justify-end{justify-content:flex-end}
.align-center{align-items:center}
.login-form-top{padding-right:14px}
.login-form-top .authorized{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.a-flex{display:flex;align-items:center;color:inherit}
.a-flex picture{margin-right:9px}

.menu-albums{padding:15px 0 17px;}
.menu-albums .wrapper{padding:0 13px;}
.menu-albums ul{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.menu-albums li{margin:0;padding:0}
.menu-albums a{display:block;padding:.25rem .5999rem;color:#009db9;font-size:18px;font-weight:500;border:2px solid transparent;border-radius:19px;text-decoration:none}
.menu-albums a.active{border-color:#009db9}

.main-albums-filter{padding:15px 0;background:#f7f9fb}
.main-albums-filter .wrapper{padding:0 13px}
.main-albums-filter .main-albums-filter-flex{display:flex;flex-wrap:wrap;margin-left:-4px;margin-right:-4px}
.main-albums-filter button{display:flex;align-items:center;background:transparent;border:1px solid #addde7;border-radius:15px;color:#009db9;font-size:17px;font-weight:300;padding:.157rem .86rem;margin:5px 4px;}
.main-albums-filter button svg{margin-right:5px}
.main-albums-filter button.active{color:#ffffff;background:#009db9;border-color:#009db9}

.svg-star-1{fill:#ff624b}
.svg-star-2{fill:#ff4b34}
.svg-star-3{fill:#ffc34c}
.svg-star-4{fill:#fce575}
.svg-star-5{fill:#fff4c1}
.svg-star-6{fill:#ffd551}
.active .svg-star-1{fill:#ffffff}
.active .svg-star-2{fill:#ffffff}
.active .svg-star-3{fill:#009db9}
.active .svg-star-4{fill:#009db9}
.active .svg-star-5{display:none}
.active .svg-star-6{display:none}

.main-section-albums{background:#f9f9f9;padding-bottom:24px}
.main-albums-list .album{background:#ffffff;border-top:1px solid #ececec;}
.main-albums-list .album + .album{margin-top:24px}

.album h2{margin:0;color:#fb1a26;font-size:33px;font-weight:700;line-height:1;text-transform:uppercase}
.album .album-name h3{margin:0;color:#fb1a26;text-transform:uppercase;font-weight:700;font-size:16px;line-height:1;}
.album-top-wrap{padding-bottom:15px}
.album-top{padding:35px 15px 0} 
.album-top-mobile{display:flex;justify-content:space-between;flex-wrap:wrap}
.album-top-mobile .album-btn-top,
.album-btns .album-btn-big{border-radius:14px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background-color:#4c516e;text-transform:uppercase;color:#ffffff;text-decoration:none}
.album-btns .album-btn-order,
.album-top-mobile .album-btn-order{background-color:#fb1a26;}
.album-top-mobile .album-btn-top{width:108px;height:28px;font-size:12px}
.album-top-mobile .album-btn-order{margin-top:3px}
.album-top-mobile .album-top-bottom{width:100%;display:flex;align-items:end;flex-wrap:wrap}
.album-top-mobile .album-more{margin-left:10px}
.album-top-mobile .album-more a{text-decoration:none;display:block;text-transform:lowercase;position:relative}
.album-top-mobile .album-more a:after{content:'';position:absolute;width:100%;height:1px;background:#2c313b;left:0;bottom:0}
.album-btns{margin-top:38px}
.album-btns .album-btn-big{width:212px;height:54px;font-size:25px}
.album-btns .album-btn-order{margin-top:15px}
.album-btns + .album-title{margin-top:40px}
.album-type{font-size:25px;font-weight:300;line-height:1}
.album-type h1{color:inherit;font:inherit;}
.album-name a{color:inherit;font:inherit;text-decoration:none}
.album-options{height:45px;position:relative;margin-bottom:45px;padding:0 15px;z-index:6;}
.album-size{margin:0;padding:0;list-style:none}
.album-size li{position:relative;display:flex;align-items:center;margin:0;padding:0;font-size:18px;font-weight:300;height:auto;min-height:45px;border:1px solid transparent;cursor:pointer;flex-wrap:wrap;}
.album-size-item.hit,
.album-size-item.hit *{font-weight:bold}
.album-size li.active,
.album-size li:hover{background:#f6f9ff}
.album-size.open li.active:hover,
.album-size.open li.active{background:#5497b9;color:#ffffff;}
.album-size:not(.open) li.active{border-radius:23px;border-color:#dce7fc}
.album-size:not(.open) li:not(.active){display:none}
.album-size .album-page,
.album-size .album-departure,
.album-size .album-size-item-label,
.album-size .album-video-review{display:flex;align-items:center}
.album-size .album-page{width:160px;padding-left:20px;white-space:nowrap}
.album-size .album-departure{width:170px;padding-left:10px;white-space:nowrap;}
.album-size .album-size-item-label{display:none;}
.album-size.open .album-size-item-label{display:flex;padding-left:10px;padding-right:60px;white-space:nowrap;margin-top:10px;margin-bottom:10px;}
.album-size .album-page svg,
.album-size .album-video-review svg,
.album-size .album-size-item-label svg,
.album-size .album-departure svg{margin-right:7px;}
.album-size .album-video-review{width:100%;padding:0 20px;color:#fb1926}
.album-size .album-video-review a{text-decoration:none;color:inherit}
.album-size .btn-toggle{display:flex;align-items:center;justify-content:center;background:#67738a;color:#ffffff;width:30px;height:30px;border-radius:50%;border:0;position:absolute;right:8px;top:50%;transform:translate(0, -50%);}
.album-size .btn-toggle svg{color:#ffffff;margin-top:4px}
.album-size.open{position:absolute;z-index:5;overflow:hidden;background:#ffffff;width:calc(100% - 30px);border-radius:22px;box-shadow:0 10px 20px rgba(0,0,0,.4);}
.album-size.open .btn-toggle{background:#ffffff;color:#5497b9;}
.album-size.open .btn-toggle svg{transform:rotate(180deg);margin-top:0;color:#5497b9;}
.album-slider-photo.custom{width:700px;}
.album-slider-photo-btn{position:relative;text-align:center;background:#f1f2f4;width:670px;height:450px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.album-slider-photo-btn svg{width:100px;display:block;margin:0 auto 10px;}
.album-slider-photo.custom .album-slider-photo-btn.yt iframe{pointer-events:none;}
.album-slider-photo.custom .album-slider-photo-btn.yt .yt-btn-play-toggle{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;border:0;}
.album-slider-nav.mobile{padding-bottom:5px}
.album-slider-photo.mobile .album-slider-photo-btn{width:360px;height:235px;}
.album-slider-photo-label{color:#72778a;font-size:17px;}
.album-slider-photo-label a{border-radius:14px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background-color:#4c516e;text-transform:uppercase;color:#ffffff;text-decoration:none;width:212px;height:36px;}
.album-slider-photo-label a:hover{background:#717689;}
.album-size .album-design-options{padding-left:20px}
.album-slider .tns-nav, .album-slider-nav{padding-top:5px;}
.album-slider .tns-nav button, .album-slider-nav-dot{width:14px;height:14px;border-radius:50%;margin:2px;border:1px solid #67738a;background:#f6f9ff;cursor:pointer;}
.album-slider .tns-nav .tns-nav-active,
.album-slider-nav-dot.tns-nav-active{background:#67738a;}
.album-design{font-size:18px}
.d-flex{display:flex;}
.flex-wrap{flex-wrap:wrap}
.ml-auto{margin-left:auto}
.ml-1{margin-left:4px}
.ml-2{margin-left:8px}
.mr-auto{margin-right:auto}
.mr-0{margin-right:0}
.mr-1{margin-right:4px}
.mr-2{margin-right:8px}
.pr-2{padding-right:8px}
.align-items-center{align-items:center}
.album-content{position:relative;}
.album-price-wrap{padding-bottom:20px}
.album-price{display:flex;justify-content:center;line-height:48px;width:140px;height:50px;color:#ffffff;font-size:32px;font-weight:700;background:url(/images/img/price-tag.svg) no-repeat left top;z-index:3;}
.album-price *{font:inherit}
.album-price-old{text-decoration:line-through;text-align:right;width:100%;padding:0 10px 0 0;font-weight:400;color:#6b708a;font-size:26px;}
.album-slider{position:relative;width:360px;height:239px;background:#dedede}
.album-slider-content{position:relative;width:100%;height:100%}
.album-btn,
.album-slider .tns-controls button{position:absolute;background-color:transparent;background-repeat:no-repeat;background-position:left top;border:0;}
.album-fullscreen{width:30px;height:30px;background-image:url(/images/img/icon-full-screen.svg?1);top:20px;right:14px;z-index:3;background-color:#ffffff;border:3px solid #ffffff;border-radius:3px;}
.album-copy-btn{position:absolute;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:0;color:#fb1a26;z-index:5;left:inherit;right:56px;top:19px;background:#ffffff;border-radius:5px;}
.album-slider .tns-controls button[data-controls="prev"]{width:12px;height:16px;background-image:url(/images/img/icon-play.svg);top:50%;left:14px;transform:translate(0,-50%) rotate(180deg)}
.album-slider .tns-controls button[data-controls="next"]{width:12px;height:16px;background-image:url(/images/img/icon-play.svg);top:50%;right:14px;transform:translate(0,-50%)}
.album-like-panel{position:relative;padding:17px 15px 22px;display:flex;align-items:center;}
.album-like-panel .msg{overflow:hidden;background:#ffffff;width:90%;border-radius:22px;box-shadow:0 10px 20px rgba(0,0,0,.4);position:absolute;padding:10px 12px 10px 20px;display:flex;align-items:center;justify-content: space-between;}
.album-like-panel .msg.success{background:#8BC34A;color:#ffffff;}
.album-like-panel .msg.error{background:#FFC107;}
.album-like-panel .msg .msg-close{position:relative;justify-content:center;background:#67738a;color:#ffffff;width:30px;height:30px;border-radius:50%;border-color:#67738a;}
.album-like-panel .msg .msg-close svg{margin:0;position:absolute;}
.album-like-panel .msg .msg-close svg.top{top:7px;}
.album-like-panel .msg .msg-close svg.bottom{transform:rotate(180deg);top:13px;}
.album-like-panel label{width:150px;display:block;margin-right:auto;font-size:18px;font-weight:300;line-height:20px;}
.album-like-panel button{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:24px;padding:6px 8px;background:none}
.album-like-panel button svg{margin-right:10px}
.album-like-panel button.album-like{margin-left:10px}
.album-like-panel button .count{font-size:18px;font-weight:300;line-height:20px}
.album-like-panel button.inactively svg{opacity:.3}
.album-like-panel button.inactively .count{opacity:.7}
.album-side-left{position:relative}
.detail-album .album-btns{display:flex;align-items:center;justify-content:center;}
.detail-album .album-btns .album-btn-order{margin-top:0;margin-left:15px}
.detail-album .album-price-old{left:0;transform:none;text-align:center;top:100%;background:#ffffff;border-radius:10px;width:auto;padding:0 20px;}
.video-btn{margin-top:15px}
.video-btn a{border-radius:14px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background-color:#4c516e;text-transform:uppercase;color:#ffffff;text-decoration:none;width:212px;height:36px;}
.album-btns .album-btn-big.video-btn2{width:290px;}
.video-btn2 a{color:inherit;font:inherit;text-decoration:none;}
.detail-album .album-title{margin-bottom:10px;text-align:center;font-size:23px;text-transform:uppercase;font-weight:700;font-family:Helvetica,'Open Sans',sans-serif;line-height:1;}
.detail-album .album-video-presentation{margin-top:40px;margin-bottom:40px;}
.album-video{width:100%;margin-top:40px;margin-left:auto;margin-right:auto;position:relative;padding-bottom:56.25%;height:0;}
.album-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.detail-album .album-video + .album-video{margin-top:10px}
.detail-album .album-options{height:70px;}
.detail-album .gallery-wrapper{position:relative;margin-top:30px;}
.detail-album .gallery-wrapper + .album-title{margin-top:30px}
.yt-chanel{margin:0 auto 30px;text-align:center;}
.album-side-left-link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;}
.album-client-reviews{display:flex;flex-wrap:wrap;gap:10px}
.album-client-reviews .album-video-wrap{width:calc((100% - 30px)/3);position:relative;}

.order-presentation{margin:0 0 45px;padding:34px 0 0;border-top:1px solid #ececec}
.order-presentation .wrapper{padding:0 16px}
.order-presentation a,
.form-button-submit,
.form-order-presentation{display:block;height:45px;margin:0 auto;text-transform:uppercase;background:#009db9;color:#ffffff;font-size:15px;text-align:center;border-radius:23px;text-decoration:none;line-height:46px;border:0}
.order-presentation a:hover,
.form-button-submit:hover,
.form-order-presentation:hover{opacity:.8}
.form-button-submit.inactive,
.form-button-submit.inactive:hover{background:#f7f9fb;cursor:default;pointer-events:none}

.sitemap h1{font-size:25px;padding:0 20px}
.sitemap ul{margin:0;padding:0;list-style:none}
.sitemap ul li{margin:0;padding:0;}
.sitemap .sitemap-list{margin-bottom:40px}
.sitemap-list > .sitemap-item{}
.sitemap-list > .sitemap-item + .sitemap-item{margin-top:3px}
.sitemap-list > .sitemap-item a{position:relative;display:block;color:inherit;font:inherit}
.sitemap-list > .sitemap-item > a{padding:11px 14px 11px 18px;color:#009db9;font-size:19px;font-weight:600;line-height:26px;background:#f7f9fb}
.sitemap-list > .sitemap-item a svg{position:absolute;top:50%;right:14px;transform:translate(0,-50%)}
.sitemap-list > .sitemap-item.active a svg{transform:translate(0,-50%) rotate(180deg)}
.sitemap-sublist{display:none}
.sitemap-item{}
.sitemap-item > a{text-decoration:none}
.sitemap-sublist > .sitemap-item a{padding:11px 21px;font-size:17px;line-height:24px}

footer{background:#282b47}
footer .wrapper{padding:0 44px}
footer .selectric{display:flex;align-items:center;color:#e5e6f7;border:1px solid rgb(255 255 255 / 30%);border-radius:22px;background:none;}
footer .selectric .label{height:auto;color:inherit;font-size:15px;font-weight:300;line-height:18px;white-space:normal;text-overflow:initial;text-align:center;margin-left:38px}
footer .selectric .button{height:100%;background:none}
footer .selectric .button:after{width:16px;height:8px;border:0;background:url(/images/img/icon-arrow-down.svg) no-repeat left top}

.footer-logo{text-align:center}
.footer-copyright{margin-top:10px;text-align:center;color:#53556c;font-weight:300;line-height:20px}
.footer-line{margin-bottom:17px}
.footer-link{display:block;height:44px;line-height:44px;text-align:center;font-size:16px;font-weight:300;color:#ffffff;text-decoration:none;text-transform:uppercase}
.footer-link.round{border:2px solid #ffffff;border-radius:22px}
.footer-row,.footer-row a{color:#53556c;}
.footer-link{color:#53556c;}
.footer-region-phone,
.footer-region-phone-landline{margin-top:15px;padding-bottom:5px;text-align:center;color:#ffffff}
.header-region-phone-landline{font-weight:600;margin-left:18px;padding-bottom:5px;text-align:center;font-size:17px}
.footer-region-phone a,
.header-region-phone-landline a,
.footer-region-phone-landline a{display:flex;align-items:center;color:inherit;font:inherit;text-decoration:none}
.footer-region-phone a picture,
.header-region-phone-landline a picture,
.footer-region-phone-landline a picture{display:flex;margin-right:10px}
.header-region-phone-landline a picture,
.footer-region-phone-landline a picture{width:32px;height:32px;}
.footer-wrap-desktop .yt-chanel{margin-bottom:0}
.footer-wrap-desktop .footer-line{margin-bottom:0}
.footer-social-list{margin-right:15px}
.footer-social{margin-right:10px}

.ui-selectmenu-menu.ui-front ul{margin:0}

.detail-album .album-type h1{margin-top:0;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.d-flex{display:flex}
.align-content-center{align-content:center}
.align-items-center{align-items:center}
.align-items-baseline{align-items:baseline}
.align-items-end{align-items:flex-end}
.justify-content-end{justify-content:flex-end}
.justify-content-between{justify-content:space-between}
.justify-content-center{justify-content:center}
.justify-content-start{justify-content:flex-start}
.text-center{text-align:center}
.flex-wrap{flex-wrap:wrap}
.ml-10px{margin-left:10px}

.unselectable{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * 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 receive the `clearfix` class.
 * 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;
}

/* ==========================================================================
   Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* Mobile S - 320px */
@media only screen and (min-width: 20em) {
    .header-row a{text-decoration:none}
}
/* Mobile S - 320px ~ Desktop M < 1280px */
@media only screen and (min-width: 20em) and (max-width: 79.999em) {
    .login-form-top{width:114px;color:#282b47}
    .login-form-top .a-flex picture{width:32px}
    .login-form-top .a-flex-label{width:58px}
    header{padding-bottom:5px}
    header .logo{margin-top:16px;margin-bottom:20px;padding-left:20px;padding-right:20px;}
    .header-row{padding:16px 0 0}
    .main-albums-filter{border-top:1px solid #dfe1e6}
    .fancybox-content iframe{max-width:100%;height:auto}
    footer{padding:32px 0 20px}
    .footer-copyright{font-size:14px}
    .footer-region-phone,
    .footer-region-phone-landline{font-size:22px}
    footer .selectric{height:50px}
    .footer-link{font-size:13px;}
    .footer-link + .footer_copyright{margin-top:15px}
    .footer_copyright + .footer-link{margin-top:15px}
    .detail-album .album-btns{margin-bottom:20px;}
    .detail-album .album-options{margin-bottom:45px}
    .album-top-panel{justify-content:center}
    .detail-album .album-top-panel{position:relative;}
    .detail-album .album-top-panel .album-options{position:static;padding:0;width:100%;}
    .detail-album .album-design-options{}
    .detail-album .album-size.open{width:100%;left:0}
    .album-panel-order{display:flex;align-items:center;justify-content:center;padding-bottom:20px;flex-wrap:wrap}
    .album-panel-order.album-btns .album-btn-order{margin-top:0}
    .album-panel-order .video-btn{width:100%;}
    .album-panel-order .video-btn a{margin-left:auto;margin-right:auto;}
}
/* Mobile S - 320px ~ Tablet M < 768px */
@media only screen and (min-width: 20em) and (max-width: 47.999em) {
    .menu-albums .wrapper{padding:0}
    .menu-albums a{padding:4px 5px;font-size:16px}
    .album-options{padding:0 5px}
    .album-price-wrap{padding-left:5px;padding-right:5px}
    .album-size .album-page{padding-left:10px}
    .album-size .album-departure{padding-left:15px}
    .album-size .album-page svg,
    .album-size .album-video-review svg,
    .album-size .album-departure svg{flex:0 0 auto}
    .album-size.open{width:calc(100% - 10px)}
    .fancybox-content{padding:44px 5px 5px}
    header .region > .wrapper{height:auto}
    .album-top{padding-top:0;}
    .main-albums-list .album-top{padding-top:12px;margin-bottom:12px}
    .detail-album .album-options{margin-bottom:0;height:auto;}
    .detail-album .album-video-presentation{margin-top:20px;}
    .detail-album .album-video-presentation .album-video{margin-top:10px;}
}
/* Mobile S - 320px ~ Mobile M < 360px */
@media only screen and (min-width: 20em) and (max-width: 22.499em) {
    .wrapper{max-width:100%}
    .album-slider{width:100%}
    header .region-phone{padding-left:10px}
    .header-region-phone-landline{margin-left:10px}
    .menu-albums .wrapper{padding:0 10px}
    .menu-albums a{font-size:13px}
    .main-albums-filter button{font-size:15px}
    .album-size li{font-size:15px}
    .album-size .album-page{width:auto;padding-left:10px;flex:1}
    .album-size .album-departure{width:auto;flex:1}
    .album-slider-photo.mobile .album-slider-photo-btn{width:320px;height:235px;}
    .album-slider-photo.mobile iframe{width:100%}
}
/* Mobile S - 320px ~ Mobile M - 360px */
@media only screen and (min-width: 20em) and (max-width: 22.500em) {}
/* Mobile M - 360px */
@media only screen and (min-width: 22.500em) {

}
/* Mobile S - 320px ~ Desktop < 1024px */
@media only screen and (min-width: 20em) and (max-width: 64.000em) {
    .album-price-old{left:0;transform:none;text-align:center;top:100%;background:#ffffff;border-radius:10px;width:auto;padding:0 20px;}
}
/* Mobile M - 360px ~ Desktop M < 1280px */
@media only screen and (min-width: 22.500em) and (max-width: 79.999em) {
    .wrapper{max-width:360px}
}
/* Desktop M - 1280px */
@media only screen and (min-width: 80.000em) {
    .login-form-top{color:#ffffff;margin-left:30px}
    .login-form-top .a-flex{text-decoration:none}
    .login-form-top .a-flex-label{font-weight:300}
    header{border-bottom:1px solid #e0e0e0}
    header .logo{width:300px}
    .header-row{padding:20px 0 30px}

    footer{padding:32px 0 40px}
    .footer-logo a{display:block;width:200px;margin:auto}
    .footer-copyright{font-size:17px}
    .footer-region-phone,
    .footer-region-phone-landline{font-size:28px}
    .footer-line-small{width:274px}
    .footer-line-lk{order:3}
    footer .selectric{height:44px}

    .order-presentation a,
    .form-button-submit,
    .form-order-presentation{max-width:360px}

    .album-side-left{width:480px;flex:0 0 auto;position:relative}
    .album-top-wrap{padding-bottom:40px}
    .album-top{padding-left:0;padding-top:74px;}
    .album-top:after{content:'';display:block;width:100px;height:1px;margin-top:20px;background:#000000}
    .album-type{font-size:30px}
    .album h2{font-size:50px}
    .album .album-name h3{font-size:28px;}
    .album-options,
    .album-like-panel{width:420px}
    .album-options{height:99px;padding:0 0 44px;margin:0;border-bottom:1px solid #cccccc}
    .album-size li{height:55px;font-size:22px;flex-wrap:nowrap;}
    .album-size .album-page{width:200px}
    .album-size .btn-toggle{width:40px;height:40px}
    .album-size .btn-toggle svg{width:18px;height:10px}
    .album-size.open{min-width:100%;width:auto;}
    .album-size.open .album-size-item-label{margin-top:0;margin-bottom:0;}
    .album .album-content{flex:1 1 auto;margin:42px 0 28px}
    .album .album-slider{width:800px;height:auto;background:#ffffff}
    .album-fullscreen{top:inherit;bottom:8px;right:190px}
    .album-copy-btn{top:inherit;right:230px;bottom:6px}
    .album-slider .tns-controls button{background:#000000}
    .album-slider .tns-controls button[data-controls="next"],
    .album-slider .tns-controls button[data-controls="prev"]{top:inherit;bottom:0;width:46px;height:46px;background-image:none;transform:none;}
    .album-slider .tns-controls button[data-controls="next"]{right:83px}
    .album-slider .tns-controls button[data-controls="prev"]{left:inherit;right:130px}
    .album-slider .tns-controls button[data-controls="next"]:before,
    .album-slider .tns-controls button[data-controls="prev"]:before{content:'';position:absolute;top:50%;left:50%;display:block;width:20px;height:10px;background:url(/images/img/icon-arrow-down-white.svg) no-repeat left top;}
    .album-slider .tns-controls button[data-controls="next"]:before{transform:rotate(270deg) translate(6px, -8px)}
    .album-slider .tns-controls button[data-controls="prev"]:before{transform:rotate(90deg) translate(-4px, 10px)}

    .detail-album .album-top{padding-top:0;padding-bottom:15px;}
}
@media only screen and (min-width: 79.999em) and (max-width: 81.000em) {
    .wrapper{padding-left:15px;padding-right:15px}
}
/* Desktop M - 1280px ~ Desktop L - 1360 */
@media only screen and (min-width: 80.000em) and (max-width: 85.000em) {
    .wrapper{max-width:1280px}
}
/* Desktop M - 1360px ~ Desktop L - 1920 */
@media only screen and (min-width: 85.000em) and (max-width: 120.000em) {
    .wrapper{max-width:90%}
    .wrapper.detail-album{max-width:100%;}
}
/* Laptop L - 1440px */
@media only screen and (min-width: 90.000em) {
  .album-client-reviews{display:flex;flex-wrap:wrap;gap:10px;}
  .album-client-reviews .album-video{width:240px;height:436px;margin:0;padding:0;}
  .album-client-reviews .album-video + .album-video{margin-top:0}
}
/* Desktop M - 1920 */
@media only screen and (min-width: 120.001em) {
    .wrapper{max-width:1920px}
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}