@charset "UTF-8";
/* /local/templates/mp/styles/libs/font-awesome.min.css */
/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
 @-webkit-keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@font-face {
	font-display: swap;
	font-family: 'FontAwesome';
	src: url('https://luxsteli.com.ua/styles/fonts/fontawesome-webfont.eot');
	src: url('https://luxsteli.com.ua/styles/fonts/fontawesome-webfont.eot') format("embedded-opentype"), url('https://luxsteli.com.ua/styles/fonts/fontawesome-webfont.woff2') format("woff2"), url('https://luxsteli.com.ua/styles/fonts/fontawesome-webfont.woff') format("woff"), url('https://luxsteli.com.ua/styles/fonts/fontawesome-webfont.ttf') format("truetype"), url('https://luxsteli.com.ua/styles/fonts/fontawesome-webfont.svg') format("svg");
	font-weight: 400;
	font-style: normal;
}
.fa{
    display:inline-block;
    font:14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fa-lg{
    font-size:1.33333em;
    line-height:.75em;
    vertical-align:-15%
}
.fa-2x{
    font-size:2em
}
.fa-3x{
    font-size:3em
}
.fa-4x{
    font-size:4em
}
.fa-5x{
    font-size:5em
}
.fa-fw{
    width:1.28571em;
    text-align:center
}
.fa-ul{
    padding-left:0;
    margin-left:2.14286em;
    list-style-type:none
}
.fa-ul>li{
    position:relative
}
.fa-li{
    position:absolute;
    left:-2.14286em;
    width:2.14286em;
    top:.14286em;
    text-align:center
}
.fa-li.fa-lg{
    left:-1.85714em
}
.fa-border{
    padding:.2em .25em .15em;
    border:solid .08em #eee;
    border-radius:.1em
}
.fa-pull-left{
    float:left
}
.fa-pull-right,.pull-right{
    float:right
}
.fa.fa-pull-left{
    margin-right:.3em
}
.fa.fa-pull-right{
    margin-left:.3em
}
.pull-left{
    float:left
}
.fa.pull-left{
    margin-right:.3em
}
.fa.pull-right{
    margin-left:.3em
}
.fa-spin{
    -webkit-animation:fa-spin 2s infinite linear;
    animation:fa-spin 2s infinite linear
}
.fa-pulse{
    -webkit-animation:fa-spin 1s infinite steps(8);
    animation:fa-spin 1s infinite steps(8)
}
.fa-rotate-90{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.fa-rotate-180{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.fa-rotate-270{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
.fa-flip-horizontal{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform:scale(-1,1);
    transform:scale(-1,1)
}
.fa-flip-vertical{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform:scale(1,-1);
    transform:scale(1,-1)
}
:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{
    -webkit-filter:none;
    filter:none
}
.fa-stack{
    position:relative;
    display:inline-block;
    width:2em;
    height:2em;
    line-height:2em;
    vertical-align:middle
}
.fa-stack-1x,.fa-stack-2x{
    position:absolute;
    left:0;
    width:100%;
    text-align:center
}
.fa-stack-1x{
    line-height:inherit
}
.fa-stack-2x{
    font-size:2em
}
.fa-inverse{
    color:#fff
}
.fa-glass:before{
    content:""
}
.fa-music:before{
    content:""
}
.fa-search:before{
    content:""
}
.fa-envelope-o:before{
    content:""
}
.fa-heart:before{
    content:""
}
.fa-star:before{
    content:""
}
.fa-star-o:before{
    content:""
}
.fa-user:before{
    content:""
}
.fa-film:before{
    content:""
}
.fa-th-large:before{
    content:""
}
.fa-th:before{
    content:""
}
.fa-th-list:before{
    content:""
}
.fa-check:before{
    content:""
}
.fa-close:before,.fa-remove:before,.fa-times:before{
    content:""
}
.fa-search-plus:before{
    content:""
}
.fa-search-minus:before{
    content:""
}
.fa-power-off:before{
    content:""
}
.fa-signal:before{
    content:""
}
.fa-cog:before,.fa-gear:before{
    content:""
}
.fa-trash-o:before{
    content:""
}
.fa-home:before{
    content:""
}
.fa-file-o:before{
    content:""
}
.fa-clock-o:before{
    content:""
}
.fa-road:before{
    content:""
}
.fa-download:before{
    content:""
}
.fa-arrow-circle-o-down:before{
    content:""
}
.fa-arrow-circle-o-up:before{
    content:""
}
.fa-inbox:before{
    content:""
}
.fa-play-circle-o:before{
    content:""
}
.fa-repeat:before,.fa-rotate-right:before{
    content:""
}
.fa-refresh:before{
    content:""
}
.fa-list-alt:before{
    content:""
}
.fa-lock:before{
    content:""
}
.fa-flag:before{
    content:""
}
.fa-headphones:before{
    content:""
}
.fa-volume-off:before{
    content:""
}
.fa-volume-down:before{
    content:""
}
.fa-volume-up:before{
    content:""
}
.fa-qrcode:before{
    content:""
}
.fa-barcode:before{
    content:""
}
.fa-tag:before{
    content:""
}
.fa-tags:before{
    content:""
}
.fa-book:before{
    content:""
}
.fa-bookmark:before{
    content:""
}
.fa-print:before{
    content:""
}
.fa-camera:before{
    content:""
}
.fa-font:before{
    content:""
}
.fa-bold:before{
    content:""
}
.fa-italic:before{
    content:""
}
.fa-text-height:before{
    content:""
}
.fa-text-width:before{
    content:""
}
.fa-align-left:before{
    content:""
}
.fa-align-center:before{
    content:""
}
.fa-align-right:before{
    content:""
}
.fa-align-justify:before{
    content:""
}
.fa-list:before{
    content:""
}
.fa-dedent:before,.fa-outdent:before{
    content:""
}
.fa-indent:before{
    content:""
}
.fa-video-camera:before{
    content:""
}
.fa-image:before,.fa-photo:before,.fa-picture-o:before{
    content:""
}
.fa-pencil:before{
    content:""
}
.fa-map-marker:before{
    content:""
}
.fa-adjust:before{
    content:""
}
.fa-tint:before{
    content:""
}
.fa-edit:before,.fa-pencil-square-o:before{
    content:""
}
.fa-share-square-o:before{
    content:""
}
.fa-check-square-o:before{
    content:""
}
.fa-arrows:before{
    content:""
}
.fa-step-backward:before{
    content:""
}
.fa-fast-backward:before{
    content:""
}
.fa-backward:before{
    content:""
}
.fa-play:before{
    content:""
}
.fa-pause:before{
    content:""
}
.fa-stop:before{
    content:""
}
.fa-forward:before{
    content:""
}
.fa-fast-forward:before{
    content:""
}
.fa-step-forward:before{
    content:""
}
.fa-eject:before{
    content:""
}
.fa-chevron-left:before{
    content:""
}
.fa-chevron-right:before{
    content:""
}
.fa-plus-circle:before{
    content:""
}
.fa-minus-circle:before{
    content:""
}
.fa-times-circle:before{
    content:""
}
.fa-check-circle:before{
    content:""
}
.fa-question-circle:before{
    content:""
}
.fa-info-circle:before{
    content:""
}
.fa-crosshairs:before{
    content:""
}
.fa-times-circle-o:before{
    content:""
}
.fa-check-circle-o:before{
    content:""
}
.fa-ban:before{
    content:""
}
.fa-arrow-left:before{
    content:""
}
.fa-arrow-right:before{
    content:""
}
.fa-arrow-up:before{
    content:""
}
.fa-arrow-down:before{
    content:""
}
.fa-mail-forward:before,.fa-share:before{
    content:""
}
.fa-expand:before{
    content:""
}
.fa-compress:before{
    content:""
}
.fa-plus:before{
    content:""
}
.fa-minus:before{
    content:""
}
.fa-asterisk:before{
    content:""
}
.fa-exclamation-circle:before{
    content:""
}
.fa-gift:before{
    content:""
}
.fa-leaf:before{
    content:""
}
.fa-fire:before{
    content:""
}
.fa-eye:before{
    content:""
}
.fa-eye-slash:before{
    content:""
}
.fa-exclamation-triangle:before,.fa-warning:before{
    content:""
}
.fa-plane:before{
    content:""
}
.fa-calendar:before{
    content:""
}
.fa-random:before{
    content:""
}
.fa-comment:before{
    content:""
}
.fa-magnet:before{
    content:""
}
.fa-chevron-up:before{
    content:""
}
.fa-chevron-down:before{
    content:""
}
.fa-retweet:before{
    content:""
}
.fa-shopping-cart:before{
    content:""
}
.fa-folder:before{
    content:""
}
.fa-folder-open:before{
    content:""
}
.fa-arrows-v:before{
    content:""
}
.fa-arrows-h:before{
    content:""
}
.fa-bar-chart-o:before,.fa-bar-chart:before{
    content:""
}
.fa-twitter-square:before{
    content:""
}
.fa-facebook-square:before{
    content:""
}
.fa-camera-retro:before{
    content:""
}
.fa-key:before{
    content:""
}
.fa-cogs:before,.fa-gears:before{
    content:""
}
.fa-comments:before{
    content:""
}
.fa-thumbs-o-up:before{
    content:""
}
.fa-thumbs-o-down:before{
    content:""
}
.fa-star-half:before{
    content:""
}
.fa-heart-o:before{
    content:""
}
.fa-sign-out:before{
    content:""
}
.fa-linkedin-square:before{
    content:""
}
.fa-thumb-tack:before{
    content:""
}
.fa-external-link:before{
    content:""
}
.fa-sign-in:before{
    content:""
}
.fa-trophy:before{
    content:""
}
.fa-github-square:before{
    content:""
}
.fa-upload:before{
    content:""
}
.fa-lemon-o:before{
    content:""
}
.fa-phone:before{
    content:""
}
.fa-square-o:before{
    content:""
}
.fa-bookmark-o:before{
    content:""
}
.fa-phone-square:before{
    content:""
}
.fa-twitter:before{
    content:""
}
.fa-facebook-f:before,.fa-facebook:before{
    content:""
}
.fa-github:before{
    content:""
}
.fa-unlock:before{
    content:""
}
.fa-credit-card:before{
    content:""
}
.fa-feed:before,.fa-rss:before{
    content:""
}
.fa-hdd-o:before{
    content:""
}
.fa-bullhorn:before{
    content:""
}
.fa-bell:before{
    content:""
}
.fa-certificate:before{
    content:""
}
.fa-hand-o-right:before{
    content:""
}
.fa-hand-o-left:before{
    content:""
}
.fa-hand-o-up:before{
    content:""
}
.fa-hand-o-down:before{
    content:""
}
.fa-arrow-circle-left:before{
    content:""
}
.fa-arrow-circle-right:before{
    content:""
}
.fa-arrow-circle-up:before{
    content:""
}
.fa-arrow-circle-down:before{
    content:""
}
.fa-globe:before{
    content:""
}
.fa-wrench:before{
    content:""
}
.fa-tasks:before{
    content:""
}
.fa-filter:before{
    content:""
}
.fa-briefcase:before{
    content:""
}
.fa-arrows-alt:before{
    content:""
}
.fa-group:before,.fa-users:before{
    content:""
}
.fa-chain:before,.fa-link:before{
    content:""
}
.fa-cloud:before{
    content:""
}
.fa-flask:before{
    content:""
}
.fa-cut:before,.fa-scissors:before{
    content:""
}
.fa-copy:before,.fa-files-o:before{
    content:""
}
.fa-paperclip:before{
    content:""
}
.fa-floppy-o:before,.fa-save:before{
    content:""
}
.fa-square:before{
    content:""
}
.fa-bars:before,.fa-navicon:before,.fa-reorder:before{
    content:""
}
.fa-list-ul:before{
    content:""
}
.fa-list-ol:before{
    content:""
}
.fa-strikethrough:before{
    content:""
}
.fa-underline:before{
    content:""
}
.fa-table:before{
    content:""
}
.fa-magic:before{
    content:""
}
.fa-truck:before{
    content:""
}
.fa-pinterest:before{
    content:""
}
.fa-pinterest-square:before{
    content:""
}
.fa-google-plus-square:before{
    content:""
}
.fa-google-plus:before{
    content:""
}
.fa-money:before{
    content:""
}
.fa-caret-down:before{
    content:""
}
.fa-caret-up:before{
    content:""
}
.fa-caret-left:before{
    content:""
}
.fa-caret-right:before{
    content:""
}
.fa-columns:before{
    content:""
}
.fa-sort:before,.fa-unsorted:before{
    content:""
}
.fa-sort-desc:before,.fa-sort-down:before{
    content:""
}
.fa-sort-asc:before,.fa-sort-up:before{
    content:""
}
.fa-envelope:before{
    content:""
}
.fa-linkedin:before{
    content:""
}
.fa-rotate-left:before,.fa-undo:before{
    content:""
}
.fa-gavel:before,.fa-legal:before{
    content:""
}
.fa-dashboard:before,.fa-tachometer:before{
    content:""
}
.fa-comment-o:before{
    content:""
}
.fa-comments-o:before{
    content:""
}
.fa-bolt:before,.fa-flash:before{
    content:""
}
.fa-sitemap:before{
    content:""
}
.fa-umbrella:before{
    content:""
}
.fa-clipboard:before,.fa-paste:before{
    content:""
}
.fa-lightbulb-o:before{
    content:""
}
.fa-exchange:before{
    content:""
}
.fa-cloud-download:before{
    content:""
}
.fa-cloud-upload:before{
    content:""
}
.fa-user-md:before{
    content:""
}
.fa-stethoscope:before{
    content:""
}
.fa-suitcase:before{
    content:""
}
.fa-bell-o:before{
    content:""
}
.fa-coffee:before{
    content:""
}
.fa-cutlery:before{
    content:""
}
.fa-file-text-o:before{
    content:""
}
.fa-building-o:before{
    content:""
}
.fa-hospital-o:before{
    content:""
}
.fa-ambulance:before{
    content:""
}
.fa-medkit:before{
    content:""
}
.fa-fighter-jet:before{
    content:""
}
.fa-beer:before{
    content:""
}
.fa-h-square:before{
    content:""
}
.fa-plus-square:before{
    content:""
}
.fa-angle-double-left:before{
    content:""
}
.fa-angle-double-right:before{
    content:""
}
.fa-angle-double-up:before{
    content:""
}
.fa-angle-double-down:before{
    content:""
}
.fa-angle-left:before{
    content:""
}
.fa-angle-right:before{
    content:""
}
.fa-angle-up:before{
    content:""
}
.fa-angle-down:before{
    content:""
}
.fa-desktop:before{
    content:""
}
.fa-laptop:before{
    content:""
}
.fa-tablet:before{
    content:""
}
.fa-mobile-phone:before,.fa-mobile:before{
    content:""
}
.fa-circle-o:before{
    content:""
}
.fa-quote-left:before{
    content:""
}
.fa-quote-right:before{
    content:""
}
.fa-spinner:before{
    content:""
}
.fa-circle:before{
    content:""
}
.fa-mail-reply:before,.fa-reply:before{
    content:""
}
.fa-github-alt:before{
    content:""
}
.fa-folder-o:before{
    content:""
}
.fa-folder-open-o:before{
    content:""
}
.fa-smile-o:before{
    content:""
}
.fa-frown-o:before{
    content:""
}
.fa-meh-o:before{
    content:""
}
.fa-gamepad:before{
    content:""
}
.fa-keyboard-o:before{
    content:""
}
.fa-flag-o:before{
    content:""
}
.fa-flag-checkered:before{
    content:""
}
.fa-terminal:before{
    content:""
}
.fa-code:before{
    content:""
}
.fa-mail-reply-all:before,.fa-reply-all:before{
    content:""
}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{
    content:""
}
.fa-location-arrow:before{
    content:""
}
.fa-crop:before{
    content:""
}
.fa-code-fork:before{
    content:""
}
.fa-chain-broken:before,.fa-unlink:before{
    content:""
}
.fa-question:before{
    content:""
}
.fa-info:before{
    content:""
}
.fa-exclamation:before{
    content:""
}
.fa-superscript:before{
    content:""
}
.fa-subscript:before{
    content:""
}
.fa-eraser:before{
    content:""
}
.fa-puzzle-piece:before{
    content:""
}
.fa-microphone:before{
    content:""
}
.fa-microphone-slash:before{
    content:""
}
.fa-shield:before{
    content:""
}
.fa-calendar-o:before{
    content:""
}
.fa-fire-extinguisher:before{
    content:""
}
.fa-rocket:before{
    content:""
}
.fa-maxcdn:before{
    content:""
}
.fa-chevron-circle-left:before{
    content:""
}
.fa-chevron-circle-right:before{
    content:""
}
.fa-chevron-circle-up:before{
    content:""
}
.fa-chevron-circle-down:before{
    content:""
}
.fa-html5:before{
    content:""
}
.fa-css3:before{
    content:""
}
.fa-anchor:before{
    content:""
}
.fa-unlock-alt:before{
    content:""
}
.fa-bullseye:before{
    content:""
}
.fa-ellipsis-h:before{
    content:""
}
.fa-ellipsis-v:before{
    content:""
}
.fa-rss-square:before{
    content:""
}
.fa-play-circle:before{
    content:""
}
.fa-ticket:before{
    content:""
}
.fa-minus-square:before{
    content:""
}
.fa-minus-square-o:before{
    content:""
}
.fa-level-up:before{
    content:""
}
.fa-level-down:before{
    content:""
}
.fa-check-square:before{
    content:""
}
.fa-pencil-square:before{
    content:""
}
.fa-external-link-square:before{
    content:""
}
.fa-share-square:before{
    content:""
}
.fa-compass:before{
    content:""
}
.fa-caret-square-o-down:before,.fa-toggle-down:before{
    content:""
}
.fa-caret-square-o-up:before,.fa-toggle-up:before{
    content:""
}
.fa-caret-square-o-right:before,.fa-toggle-right:before{
    content:""
}
.fa-eur:before,.fa-euro:before{
    content:""
}
.fa-gbp:before{
    content:""
}
.fa-dollar:before,.fa-usd:before{
    content:""
}
.fa-inr:before,.fa-rupee:before{
    content:""
}
.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{
    content:""
}
.fa-rouble:before,.fa-rub:before,.fa-ruble:before{
    content:""
}
.fa-krw:before,.fa-won:before{
    content:""
}
.fa-bitcoin:before,.fa-btc:before{
    content:""
}
.fa-file:before{
    content:""
}
.fa-file-text:before{
    content:""
}
.fa-sort-alpha-asc:before{
    content:""
}
.fa-sort-alpha-desc:before{
    content:""
}
.fa-sort-amount-asc:before{
    content:""
}
.fa-sort-amount-desc:before{
    content:""
}
.fa-sort-numeric-asc:before{
    content:""
}
.fa-sort-numeric-desc:before{
    content:""
}
.fa-thumbs-up:before{
    content:""
}
.fa-thumbs-down:before{
    content:""
}
.fa-youtube-square:before{
    content:""
}
.fa-youtube:before{
    content:""
}
.fa-xing:before{
    content:""
}
.fa-xing-square:before{
    content:""
}
.fa-youtube-play:before{
    content:""
}
.fa-dropbox:before{
    content:""
}
.fa-stack-overflow:before{
    content:""
}
.fa-instagram:before{
    content:""
}
.fa-flickr:before{
    content:""
}
.fa-adn:before{
    content:""
}
.fa-bitbucket:before{
    content:""
}
.fa-bitbucket-square:before{
    content:""
}
.fa-tumblr:before{
    content:""
}
.fa-tumblr-square:before{
    content:""
}
.fa-long-arrow-down:before{
    content:""
}
.fa-long-arrow-up:before{
    content:""
}
.fa-long-arrow-left:before{
    content:""
}
.fa-long-arrow-right:before{
    content:""
}
.fa-apple:before{
    content:""
}
.fa-windows:before{
    content:""
}
.fa-android:before{
    content:""
}
.fa-linux:before{
    content:""
}
.fa-dribbble:before{
    content:""
}
.fa-skype:before{
    content:""
}
.fa-foursquare:before{
    content:""
}
.fa-trello:before{
    content:""
}
.fa-female:before{
    content:""
}
.fa-male:before{
    content:""
}
.fa-gittip:before,.fa-gratipay:before{
    content:""
}
.fa-sun-o:before{
    content:""
}
.fa-moon-o:before{
    content:""
}
.fa-archive:before{
    content:""
}
.fa-bug:before{
    content:""
}
.fa-vk:before{
    content:""
}
.fa-weibo:before{
    content:""
}
.fa-renren:before{
    content:""
}
.fa-pagelines:before{
    content:""
}
.fa-stack-exchange:before{
    content:""
}
.fa-arrow-circle-o-right:before{
    content:""
}
.fa-arrow-circle-o-left:before{
    content:""
}
.fa-caret-square-o-left:before,.fa-toggle-left:before{
    content:""
}
.fa-dot-circle-o:before{
    content:""
}
.fa-wheelchair:before{
    content:""
}
.fa-vimeo-square:before{
    content:""
}
.fa-try:before,.fa-turkish-lira:before{
    content:""
}
.fa-plus-square-o:before{
    content:""
}
.fa-space-shuttle:before{
    content:""
}
.fa-slack:before{
    content:""
}
.fa-envelope-square:before{
    content:""
}
.fa-wordpress:before{
    content:""
}
.fa-openid:before{
    content:""
}
.fa-bank:before,.fa-institution:before,.fa-university:before{
    content:""
}
.fa-graduation-cap:before,.fa-mortar-board:before{
    content:""
}
.fa-yahoo:before{
    content:""
}
.fa-google:before{
    content:""
}
.fa-reddit:before{
    content:""
}
.fa-reddit-square:before{
    content:""
}
.fa-stumbleupon-circle:before{
    content:""
}
.fa-stumbleupon:before{
    content:""
}
.fa-delicious:before{
    content:""
}
.fa-digg:before{
    content:""
}
.fa-pied-piper-pp:before{
    content:""
}
.fa-pied-piper-alt:before{
    content:""
}
.fa-drupal:before{
    content:""
}
.fa-joomla:before{
    content:""
}
.fa-language:before{
    content:""
}
.fa-fax:before{
    content:""
}
.fa-building:before{
    content:""
}
.fa-child:before{
    content:""
}
.fa-paw:before{
    content:""
}
.fa-spoon:before{
    content:""
}
.fa-cube:before{
    content:""
}
.fa-cubes:before{
    content:""
}
.fa-behance:before{
    content:""
}
.fa-behance-square:before{
    content:""
}
.fa-steam:before{
    content:""
}
.fa-steam-square:before{
    content:""
}
.fa-recycle:before{
    content:""
}
.fa-automobile:before,.fa-car:before{
    content:""
}
.fa-cab:before,.fa-taxi:before{
    content:""
}
.fa-tree:before{
    content:""
}
.fa-spotify:before{
    content:""
}
.fa-deviantart:before{
    content:""
}
.fa-soundcloud:before{
    content:""
}
.fa-database:before{
    content:""
}
.fa-file-pdf-o:before{
    content:""
}
.fa-file-word-o:before{
    content:""
}
.fa-file-excel-o:before{
    content:""
}
.fa-file-powerpoint-o:before{
    content:""
}
.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{
    content:""
}
.fa-file-archive-o:before,.fa-file-zip-o:before{
    content:""
}
.fa-file-audio-o:before,.fa-file-sound-o:before{
    content:""
}
.fa-file-movie-o:before,.fa-file-video-o:before{
    content:""
}
.fa-file-code-o:before{
    content:""
}
.fa-vine:before{
    content:""
}
.fa-codepen:before{
    content:""
}
.fa-jsfiddle:before{
    content:""
}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{
    content:""
}
.fa-circle-o-notch:before{
    content:""
}
.fa-ra:before,.fa-rebel:before,.fa-resistance:before{
    content:""
}
.fa-empire:before,.fa-ge:before{
    content:""
}
.fa-git-square:before{
    content:""
}
.fa-git:before{
    content:""
}
.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{
    content:""
}
.fa-tencent-weibo:before{
    content:""
}
.fa-qq:before{
    content:""
}
.fa-wechat:before,.fa-weixin:before{
    content:""
}
.fa-paper-plane:before,.fa-send:before{
    content:""
}
.fa-paper-plane-o:before,.fa-send-o:before{
    content:""
}
.fa-history:before{
    content:""
}
.fa-circle-thin:before{
    content:""
}
.fa-header:before{
    content:""
}
.fa-paragraph:before{
    content:""
}
.fa-sliders:before{
    content:""
}
.fa-share-alt:before{
    content:""
}
.fa-share-alt-square:before{
    content:""
}
.fa-bomb:before{
    content:""
}
.fa-futbol-o:before,.fa-soccer-ball-o:before{
    content:""
}
.fa-tty:before{
    content:""
}
.fa-binoculars:before{
    content:""
}
.fa-plug:before{
    content:""
}
.fa-slideshare:before{
    content:""
}
.fa-twitch:before{
    content:""
}
.fa-yelp:before{
    content:""
}
.fa-newspaper-o:before{
    content:""
}
.fa-wifi:before{
    content:""
}
.fa-calculator:before{
    content:""
}
.fa-paypal:before{
    content:""
}
.fa-google-wallet:before{
    content:""
}
.fa-cc-visa:before{
    content:""
}
.fa-cc-mastercard:before{
    content:""
}
.fa-cc-discover:before{
    content:""
}
.fa-cc-amex:before{
    content:""
}
.fa-cc-paypal:before{
    content:""
}
.fa-cc-stripe:before{
    content:""
}
.fa-bell-slash:before{
    content:""
}
.fa-bell-slash-o:before{
    content:""
}
.fa-trash:before{
    content:""
}
.fa-copyright:before{
    content:""
}
.fa-at:before{
    content:""
}
.fa-eyedropper:before{
    content:""
}
.fa-paint-brush:before{
    content:""
}
.fa-birthday-cake:before{
    content:""
}
.fa-area-chart:before{
    content:""
}
.fa-pie-chart:before{
    content:""
}
.fa-line-chart:before{
    content:""
}
.fa-lastfm:before{
    content:""
}
.fa-lastfm-square:before{
    content:""
}
.fa-toggle-off:before{
    content:""
}
.fa-toggle-on:before{
    content:""
}
.fa-bicycle:before{
    content:""
}
.fa-bus:before{
    content:""
}
.fa-ioxhost:before{
    content:""
}
.fa-angellist:before{
    content:""
}
.fa-cc:before{
    content:""
}
.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{
    content:""
}
.fa-meanpath:before{
    content:""
}
.fa-buysellads:before{
    content:""
}
.fa-connectdevelop:before{
    content:""
}
.fa-dashcube:before{
    content:""
}
.fa-forumbee:before{
    content:""
}
.fa-leanpub:before{
    content:""
}
.fa-sellsy:before{
    content:""
}
.fa-shirtsinbulk:before{
    content:""
}
.fa-simplybuilt:before{
    content:""
}
.fa-skyatlas:before{
    content:""
}
.fa-cart-plus:before{
    content:""
}
.fa-cart-arrow-down:before{
    content:""
}
.fa-diamond:before{
    content:""
}
.fa-ship:before{
    content:""
}
.fa-user-secret:before{
    content:""
}
.fa-motorcycle:before{
    content:""
}
.fa-street-view:before{
    content:""
}
.fa-heartbeat:before{
    content:""
}
.fa-venus:before{
    content:""
}
.fa-mars:before{
    content:""
}
.fa-mercury:before{
    content:""
}
.fa-intersex:before,.fa-transgender:before{
    content:""
}
.fa-transgender-alt:before{
    content:""
}
.fa-venus-double:before{
    content:""
}
.fa-mars-double:before{
    content:""
}
.fa-venus-mars:before{
    content:""
}
.fa-mars-stroke:before{
    content:""
}
.fa-mars-stroke-v:before{
    content:""
}
.fa-mars-stroke-h:before{
    content:""
}
.fa-neuter:before{
    content:""
}
.fa-genderless:before{
    content:""
}
.fa-facebook-official:before{
    content:""
}
.fa-pinterest-p:before{
    content:""
}
.fa-whatsapp:before{
    content:""
}
.fa-server:before{
    content:""
}
.fa-user-plus:before{
    content:""
}
.fa-user-times:before{
    content:""
}
.fa-bed:before,.fa-hotel:before{
    content:""
}
.fa-viacoin:before{
    content:""
}
.fa-train:before{
    content:""
}
.fa-subway:before{
    content:""
}
.fa-medium:before{
    content:""
}
.fa-y-combinator:before,.fa-yc:before{
    content:""
}
.fa-optin-monster:before{
    content:""
}
.fa-opencart:before{
    content:""
}
.fa-expeditedssl:before{
    content:""
}
.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{
    content:""
}
.fa-battery-3:before,.fa-battery-three-quarters:before{
    content:""
}
.fa-battery-2:before,.fa-battery-half:before{
    content:""
}
.fa-battery-1:before,.fa-battery-quarter:before{
    content:""
}
.fa-battery-0:before,.fa-battery-empty:before{
    content:""
}
.fa-mouse-pointer:before{
    content:""
}
.fa-i-cursor:before{
    content:""
}
.fa-object-group:before{
    content:""
}
.fa-object-ungroup:before{
    content:""
}
.fa-sticky-note:before{
    content:""
}
.fa-sticky-note-o:before{
    content:""
}
.fa-cc-jcb:before{
    content:""
}
.fa-cc-diners-club:before{
    content:""
}
.fa-clone:before{
    content:""
}
.fa-balance-scale:before{
    content:""
}
.fa-hourglass-o:before{
    content:""
}
.fa-hourglass-1:before,.fa-hourglass-start:before{
    content:""
}
.fa-hourglass-2:before,.fa-hourglass-half:before{
    content:""
}
.fa-hourglass-3:before,.fa-hourglass-end:before{
    content:""
}
.fa-hourglass:before{
    content:""
}
.fa-hand-grab-o:before,.fa-hand-rock-o:before{
    content:""
}
.fa-hand-paper-o:before,.fa-hand-stop-o:before{
    content:""
}
.fa-hand-scissors-o:before{
    content:""
}
.fa-hand-lizard-o:before{
    content:""
}
.fa-hand-spock-o:before{
    content:""
}
.fa-hand-pointer-o:before{
    content:""
}
.fa-hand-peace-o:before{
    content:""
}
.fa-trademark:before{
    content:""
}
.fa-registered:before{
    content:""
}
.fa-creative-commons:before{
    content:""
}
.fa-gg:before{
    content:""
}
.fa-gg-circle:before{
    content:""
}
.fa-tripadvisor:before{
    content:""
}
.fa-odnoklassniki:before{
    content:""
}
.fa-odnoklassniki-square:before{
    content:""
}
.fa-get-pocket:before{
    content:""
}
.fa-wikipedia-w:before{
    content:""
}
.fa-safari:before{
    content:""
}
.fa-chrome:before{
    content:""
}
.fa-firefox:before{
    content:""
}
.fa-opera:before{
    content:""
}
.fa-internet-explorer:before{
    content:""
}
.fa-television:before,.fa-tv:before{
    content:""
}
.fa-contao:before{
    content:""
}
.fa-500px:before{
    content:""
}
.fa-amazon:before{
    content:""
}
.fa-calendar-plus-o:before{
    content:""
}
.fa-calendar-minus-o:before{
    content:""
}
.fa-calendar-times-o:before{
    content:""
}
.fa-calendar-check-o:before{
    content:""
}
.fa-industry:before{
    content:""
}
.fa-map-pin:before{
    content:""
}
.fa-map-signs:before{
    content:""
}
.fa-map-o:before{
    content:""
}
.fa-map:before{
    content:""
}
.fa-commenting:before{
    content:""
}
.fa-commenting-o:before{
    content:""
}
.fa-houzz:before{
    content:""
}
.fa-vimeo:before{
    content:""
}
.fa-black-tie:before{
    content:""
}
.fa-fonticons:before{
    content:""
}
.fa-reddit-alien:before{
    content:""
}
.fa-edge:before{
    content:""
}
.fa-credit-card-alt:before{
    content:""
}
.fa-codiepie:before{
    content:""
}
.fa-modx:before{
    content:""
}
.fa-fort-awesome:before{
    content:""
}
.fa-usb:before{
    content:""
}
.fa-product-hunt:before{
    content:""
}
.fa-mixcloud:before{
    content:""
}
.fa-scribd:before{
    content:""
}
.fa-pause-circle:before{
    content:""
}
.fa-pause-circle-o:before{
    content:""
}
.fa-stop-circle:before{
    content:""
}
.fa-stop-circle-o:before{
    content:""
}
.fa-shopping-bag:before{
    content:""
}
.fa-shopping-basket:before{
    content:""
}
.fa-hashtag:before{
    content:""
}
.fa-bluetooth:before{
    content:""
}
.fa-bluetooth-b:before{
    content:""
}
.fa-percent:before{
    content:""
}
.fa-gitlab:before{
    content:""
}
.fa-wpbeginner:before{
    content:""
}
.fa-wpforms:before{
    content:""
}
.fa-envira:before{
    content:""
}
.fa-universal-access:before{
    content:""
}
.fa-wheelchair-alt:before{
    content:""
}
.fa-question-circle-o:before{
    content:""
}
.fa-blind:before{
    content:""
}
.fa-audio-description:before{
    content:""
}
.fa-volume-control-phone:before{
    content:""
}
.fa-braille:before{
    content:""
}
.fa-assistive-listening-systems:before{
    content:""
}
.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{
    content:""
}
.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{
    content:""
}
.fa-glide:before{
    content:""
}
.fa-glide-g:before{
    content:""
}
.fa-sign-language:before,.fa-signing:before{
    content:""
}
.fa-low-vision:before{
    content:""
}
.fa-viadeo:before{
    content:""
}
.fa-viadeo-square:before{
    content:""
}
.fa-snapchat:before{
    content:""
}
.fa-snapchat-ghost:before{
    content:""
}
.fa-snapchat-square:before{
    content:""
}
.fa-pied-piper:before{
    content:""
}
.fa-first-order:before{
    content:""
}
.fa-yoast:before{
    content:""
}
.fa-themeisle:before{
    content:""
}
.fa-google-plus-circle:before,.fa-google-plus-official:before{
    content:""
}
.fa-fa:before,.fa-font-awesome:before{
    content:""
}
.fa-handshake-o:before{
    content:""
}
.fa-envelope-open:before{
    content:""
}
.fa-envelope-open-o:before{
    content:""
}
.fa-linode:before{
    content:""
}
.fa-address-book:before{
    content:""
}
.fa-address-book-o:before{
    content:""
}
.fa-address-card:before,.fa-vcard:before{
    content:""
}
.fa-address-card-o:before,.fa-vcard-o:before{
    content:""
}
.fa-user-circle:before{
    content:""
}
.fa-user-circle-o:before{
    content:""
}
.fa-user-o:before{
    content:""
}
.fa-id-badge:before{
    content:""
}
.fa-drivers-license:before,.fa-id-card:before{
    content:""
}
.fa-drivers-license-o:before,.fa-id-card-o:before{
    content:""
}
.fa-quora:before{
    content:""
}
.fa-free-code-camp:before{
    content:""
}
.fa-telegram:before{
    content:""
}
.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{
    content:""
}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{
    content:""
}
.fa-thermometer-2:before,.fa-thermometer-half:before{
    content:""
}
.fa-thermometer-1:before,.fa-thermometer-quarter:before{
    content:""
}
.fa-thermometer-0:before,.fa-thermometer-empty:before{
    content:""
}
.fa-shower:before{
    content:""
}
.fa-bath:before,.fa-bathtub:before,.fa-s15:before{
    content:""
}
.fa-podcast:before{
    content:""
}
.fa-window-maximize:before{
    content:""
}
.fa-window-minimize:before{
    content:""
}
.fa-window-restore:before{
    content:""
}
.fa-times-rectangle:before,.fa-window-close:before{
    content:""
}
.fa-times-rectangle-o:before,.fa-window-close-o:before{
    content:""
}
.fa-bandcamp:before{
    content:""
}
.fa-grav:before{
    content:""
}
.fa-etsy:before{
    content:""
}
.fa-imdb:before{
    content:""
}
.fa-ravelry:before{
    content:""
}
.fa-eercast:before{
    content:""
}
.fa-microchip:before{
    content:""
}
.fa-snowflake-o:before{
    content:""
}
.fa-superpowers:before{
    content:""
}
.fa-wpexplorer:before{
    content:""
}
.fa-meetup:before{
    content:""
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
/* /local/templates/mp/styles/gilroy.css */
 @font-face{
    font-display:swap;
    font-family:'Gilroy';
    src:local("Gilroy Light"),local("Gilroy-Light"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Light.woff2') format("woff2"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Light.woff') format("woff");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-display:swap;
    font-family:'Gilroy';
    src:local("Gilroy Regular"),local("Gilroy-Regular"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Regular.woff2') format("woff2"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Regular.woff') format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-display:swap;
    font-family:'Gilroy';
    src:local("Gilroy RegularItalic"),local("Gilroy-RegularItalic"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-RegularItalic.woff2') format("woff2"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-RegularItalic.woff') format("woff");
    font-weight:400;
    font-style:italic
}
@font-face{
    font-display:swap;
    font-family:'Gilroy';
    src:local("Gilroy Medium"),local("Gilroy-Medium"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Medium.woff2') format("woff2"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Medium.woff') format("woff");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-display:swap;
    font-family:'Gilroy';
    src:local("Gilroy Bold"),local("Gilroy-Bold"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Bold.woff2') format("woff2"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Bold.woff') format("woff");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-display:swap;
    font-family:'Gilroy';
    src:local("Gilroy Black"),local("Gilroy-Black"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Black.woff2') format("woff2"),url('https://luxsteli.com.ua/styles/fonts/Gilroy/Gilroy-Black.woff') format("woff");
    font-weight:900;
    font-style:normal
}
/* /local/templates/mp/styles/libs/bootstrap.min.css */
/*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
 *,::after,::before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent
}
@-ms-viewport{
    width:device-width
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:left;
    background-color:#fff
}
[tabindex="-1"]:focus{
    outline:0!important
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
dl,h1,h2,h3,h4,h5,h6,ol,p,ul{
    margin-top:0;
    margin-bottom:.5rem
}
dl,ol,p,ul{
    margin-bottom:1rem
}
abbr[data-original-title],abbr[title]{
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote,figure{
    margin:0 0 1rem
}
dfn{
    font-style:italic
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:#007bff;
    text-decoration:none;
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:hover{
    color:#0056b3;
    text-decoration:underline
}
a:not([href]):not([tabindex]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    outline:0
}
code,kbd,pre,samp{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    -ms-overflow-style:scrollbar
}
img,svg{
    vertical-align:middle
}
img{
    border-style:none
}
svg{
    overflow:hidden
}
table{
    border-collapse:collapse
}
caption{
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#6c757d;
    text-align:left;
    caption-side:bottom
}
th{
    text-align:inherit
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
button,input,optgroup,select,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{
    -webkit-appearance:listbox
}
textarea{
    overflow:auto;
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
summary{
    display:list-item;
    cursor:pointer
}
template{
    display:none
}
[hidden]{
    display:none!important
}
.container{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:576px){
    .container{
        max-width:540px
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1140px
    }
}
@media (min-width:1576px){
    .container{
        max-width:1560px
    }
}
.container-fluid{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}
.no-gutters{
    margin-right:0;
    margin-left:0
}
.no-gutters>.col,.no-gutters>[class*=col-]{
    padding-right:0;
    padding-left:0
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col-auto{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col{
    -ms-flex-preferred-size:0;
    flex-basis:0%;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:100%
}
.col-auto{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto;
    max-width:none
}
.col-1,.col-2,.col-3{
    -webkit-box-flex:0;
    -ms-flex:0 0 8.33333%;
    flex:0 0 8.33333%;
    max-width:8.33333%
}
.col-2,.col-3{
    -ms-flex:0 0 16.66667%;
    flex:0 0 16.66667%;
    max-width:16.66667%
}
.col-3{
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
}
.col-4,.col-5,.col-6{
    -webkit-box-flex:0;
    -ms-flex:0 0 33.33333%;
    flex:0 0 33.33333%;
    max-width:33.33333%
}
.col-5,.col-6{
    -ms-flex:0 0 41.66667%;
    flex:0 0 41.66667%;
    max-width:41.66667%
}
.col-6{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.col-7,.col-8,.col-9{
    -webkit-box-flex:0;
    -ms-flex:0 0 58.33333%;
    flex:0 0 58.33333%;
    max-width:58.33333%
}
.col-8,.col-9{
    -ms-flex:0 0 66.66667%;
    flex:0 0 66.66667%;
    max-width:66.66667%
}
.col-9{
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
}
.col-10,.col-11,.col-12{
    -webkit-box-flex:0;
    -ms-flex:0 0 83.33333%;
    flex:0 0 83.33333%;
    max-width:83.33333%
}
.col-11,.col-12{
    -ms-flex:0 0 91.66667%;
    flex:0 0 91.66667%;
    max-width:91.66667%
}
.col-12{
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.order-first{
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1
}
.order-last{
    -webkit-box-ordinal-group:14;
    -ms-flex-order:13;
    order:13
}
.order-0{
    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0
}
.order-1{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
.order-2{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
.order-3{
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3
}
.order-4{
    -webkit-box-ordinal-group:5;
    -ms-flex-order:4;
    order:4
}
.order-5{
    -webkit-box-ordinal-group:6;
    -ms-flex-order:5;
    order:5
}
.order-6{
    -webkit-box-ordinal-group:7;
    -ms-flex-order:6;
    order:6
}
.order-7{
    -webkit-box-ordinal-group:8;
    -ms-flex-order:7;
    order:7
}
.order-8{
    -webkit-box-ordinal-group:9;
    -ms-flex-order:8;
    order:8
}
.order-9{
    -webkit-box-ordinal-group:10;
    -ms-flex-order:9;
    order:9
}
.order-10{
    -webkit-box-ordinal-group:11;
    -ms-flex-order:10;
    order:10
}
.order-11{
    -webkit-box-ordinal-group:12;
    -ms-flex-order:11;
    order:11
}
.order-12{
    -webkit-box-ordinal-group:13;
    -ms-flex-order:12;
    order:12
}
.offset-1{
    margin-left:8.33333%
}
.offset-2{
    margin-left:16.66667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.33333%
}
.offset-5{
    margin-left:41.66667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.33333%
}
.offset-8{
    margin-left:66.66667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.33333%
}
.offset-11{
    margin-left:91.66667%
}
@media (min-width:576px){
    .col-sm{
        -ms-flex-preferred-size:0;
        flex-basis:0%;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        max-width:100%
    }
    .col-sm-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-sm-1,.col-sm-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-sm-2{
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-sm-3,.col-sm-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-4{
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-sm-5,.col-sm-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-sm-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-7,.col-sm-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-sm-8{
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-sm-10,.col-sm-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-sm-10{
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-sm-11,.col-sm-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-sm-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-sm-first{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .order-sm-last{
        -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
        order:13
    }
    .order-sm-0{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .order-sm-1{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .order-sm-2{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .order-sm-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .order-sm-4{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
    .order-sm-5{
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order:5
    }
    .order-sm-6{
        -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
        order:6
    }
    .order-sm-7{
        -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
        order:7
    }
    .order-sm-8{
        -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
        order:8
    }
    .order-sm-9{
        -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
        order:9
    }
    .order-sm-10{
        -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
        order:10
    }
    .order-sm-11{
        -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
        order:11
    }
    .order-sm-12{
        -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
        order:12
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.33333%
    }
    .offset-sm-2{
        margin-left:16.66667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.33333%
    }
    .offset-sm-5{
        margin-left:41.66667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.33333%
    }
    .offset-sm-8{
        margin-left:66.66667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.33333%
    }
    .offset-sm-11{
        margin-left:91.66667%
    }
}
@media (min-width:768px){
    .col-md{
        -ms-flex-preferred-size:0;
        flex-basis:0%;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        max-width:100%
    }
    .col-md-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-md-1,.col-md-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-md-2{
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-md-3,.col-md-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-4{
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-md-5,.col-md-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-md-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7,.col-md-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-md-8{
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-md-10,.col-md-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-md-10{
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-md-11,.col-md-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-md-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-md-first{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .order-md-last{
        -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
        order:13
    }
    .order-md-0{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .order-md-1{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .order-md-2{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .order-md-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .order-md-4{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
    .order-md-5{
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order:5
    }
    .order-md-6{
        -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
        order:6
    }
    .order-md-7{
        -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
        order:7
    }
    .order-md-8{
        -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
        order:8
    }
    .order-md-9{
        -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
        order:9
    }
    .order-md-10{
        -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
        order:10
    }
    .order-md-11{
        -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
        order:11
    }
    .order-md-12{
        -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
        order:12
    }
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.33333%
    }
    .offset-md-2{
        margin-left:16.66667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.33333%
    }
    .offset-md-5{
        margin-left:41.66667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.33333%
    }
    .offset-md-8{
        margin-left:66.66667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.33333%
    }
    .offset-md-11{
        margin-left:91.66667%
    }
}
@media (min-width:992px){
    .col-lg{
        -ms-flex-preferred-size:0;
        flex-basis:0%;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        max-width:100%
    }
    .col-lg-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-lg-1,.col-lg-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-lg-2{
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-lg-3,.col-lg-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-4{
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-lg-5,.col-lg-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-lg-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-7,.col-lg-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-lg-8{
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-lg-10,.col-lg-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-lg-10{
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-lg-11,.col-lg-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-lg-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-lg-first{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .order-lg-last{
        -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
        order:13
    }
    .order-lg-0{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .order-lg-1{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .order-lg-2{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .order-lg-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .order-lg-4{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
    .order-lg-5{
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order:5
    }
    .order-lg-6{
        -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
        order:6
    }
    .order-lg-7{
        -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
        order:7
    }
    .order-lg-8{
        -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
        order:8
    }
    .order-lg-9{
        -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
        order:9
    }
    .order-lg-10{
        -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
        order:10
    }
    .order-lg-11{
        -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
        order:11
    }
    .order-lg-12{
        -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
        order:12
    }
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.33333%
    }
    .offset-lg-2{
        margin-left:16.66667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.33333%
    }
    .offset-lg-5{
        margin-left:41.66667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.33333%
    }
    .offset-lg-8{
        margin-left:66.66667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.33333%
    }
    .offset-lg-11{
        margin-left:91.66667%
    }
}
@media (min-width:1200px){
    .col-xl{
        -ms-flex-preferred-size:0;
        flex-basis:0%;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        max-width:100%
    }
    .col-xl-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-xl-1,.col-xl-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-xl-2{
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-xl-3,.col-xl-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-xl-5,.col-xl-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-xl-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7,.col-xl-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-xl-8{
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-xl-10,.col-xl-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-xl-11,.col-xl-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-xl-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-xl-first{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .order-xl-last{
        -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
        order:13
    }
    .order-xl-0{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .order-xl-1{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .order-xl-2{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .order-xl-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .order-xl-4{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
    .order-xl-5{
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order:5
    }
    .order-xl-6{
        -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
        order:6
    }
    .order-xl-7{
        -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
        order:7
    }
    .order-xl-8{
        -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
        order:8
    }
    .order-xl-9{
        -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
        order:9
    }
    .order-xl-10{
        -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
        order:10
    }
    .order-xl-11{
        -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
        order:11
    }
    .order-xl-12{
        -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
        order:12
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.33333%
    }
    .offset-xl-2{
        margin-left:16.66667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.33333%
    }
    .offset-xl-5{
        margin-left:41.66667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.33333%
    }
    .offset-xl-8{
        margin-left:66.66667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.33333%
    }
    .offset-xl-11{
        margin-left:91.66667%
    }
}
@media (min-width:1576px){
    .col-xxl{
        -ms-flex-preferred-size:0;
        flex-basis:0%;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        max-width:100%
    }
    .col-xxl-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-xxl-1,.col-xxl-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-xxl-2{
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-xxl-3,.col-xxl-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-xxl-4{
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-xxl-5,.col-xxl-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-xxl-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-xxl-7,.col-xxl-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-xxl-8{
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-xxl-10,.col-xxl-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-xxl-10{
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-xxl-11,.col-xxl-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-xxl-12{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-xxl-first{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .order-xxl-last{
        -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
        order:13
    }
    .order-xxl-0{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .order-xxl-1{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .order-xxl-2{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .order-xxl-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .order-xxl-4{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
    .order-xxl-5{
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order:5
    }
    .order-xxl-6{
        -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
        order:6
    }
    .order-xxl-7{
        -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
        order:7
    }
    .order-xxl-8{
        -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
        order:8
    }
    .order-xxl-9{
        -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
        order:9
    }
    .order-xxl-10{
        -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
        order:10
    }
    .order-xxl-11{
        -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
        order:11
    }
    .order-xxl-12{
        -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
        order:12
    }
    .offset-xxl-0{
        margin-left:0
    }
    .offset-xxl-1{
        margin-left:8.33333%
    }
    .offset-xxl-2{
        margin-left:16.66667%
    }
    .offset-xxl-3{
        margin-left:25%
    }
    .offset-xxl-4{
        margin-left:33.33333%
    }
    .offset-xxl-5{
        margin-left:41.66667%
    }
    .offset-xxl-6{
        margin-left:50%
    }
    .offset-xxl-7{
        margin-left:58.33333%
    }
    .offset-xxl-8{
        margin-left:66.66667%
    }
    .offset-xxl-9{
        margin-left:75%
    }
    .offset-xxl-10{
        margin-left:83.33333%
    }
    .offset-xxl-11{
        margin-left:91.66667%
    }
}
.align-baseline{
    vertical-align:baseline!important
}
.align-top{
    vertical-align:top!important
}
.align-middle{
    vertical-align:middle!important
}
.align-bottom{
    vertical-align:bottom!important
}
.align-text-bottom{
    vertical-align:text-bottom!important
}
.align-text-top{
    vertical-align:text-top!important
}
.bg-primary{
    background-color:#007bff!important
}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{
    background-color:#0062cc!important
}
.bg-secondary{
    background-color:#6c757d!important
}
a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{
    background-color:#545b62!important
}
.bg-success{
    background-color:#28a745!important
}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
    background-color:#1e7e34!important
}
.bg-info{
    background-color:#17a2b8!important
}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{
    background-color:#117a8b!important
}
.bg-warning{
    background-color:#ffc107!important
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{
    background-color:#d39e00!important
}
.bg-danger{
    background-color:#dc3545!important
}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{
    background-color:#bd2130!important
}
.bg-light{
    background-color:#f8f9fa!important
}
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{
    background-color:#dae0e5!important
}
.bg-dark{
    background-color:#343a40!important
}
a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{
    background-color:#1d2124!important
}
.bg-white{
    background-color:#fff!important
}
.bg-transparent{
    background-color:transparent!important
}
.border{
    border:1px solid #dee2e6!important
}
.border-top{
    border-top:1px solid #dee2e6!important
}
.border-right{
    border-right:1px solid #dee2e6!important
}
.border-bottom{
    border-bottom:1px solid #dee2e6!important
}
.border-left{
    border-left:1px solid #dee2e6!important
}
.border-0{
    border:0!important
}
.border-top-0{
    border-top:0!important
}
.border-right-0{
    border-right:0!important
}
.border-bottom-0{
    border-bottom:0!important
}
.border-left-0{
    border-left:0!important
}
.border-primary{
    border-color:#007bff!important
}
.border-secondary{
    border-color:#6c757d!important
}
.border-success{
    border-color:#28a745!important
}
.border-info{
    border-color:#17a2b8!important
}
.border-warning{
    border-color:#ffc107!important
}
.border-danger{
    border-color:#dc3545!important
}
.border-light{
    border-color:#f8f9fa!important
}
.border-dark{
    border-color:#343a40!important
}
.border-white{
    border-color:#fff!important
}
.rounded{
    border-radius:.25rem!important
}
.rounded-right,.rounded-top{
    border-top-right-radius:.25rem!important
}
.rounded-top{
    border-top-left-radius:.25rem!important
}
.rounded-right{
    border-bottom-right-radius:.25rem!important
}
.rounded-bottom,.rounded-left{
    border-bottom-left-radius:.25rem!important
}
.rounded-bottom{
    border-bottom-right-radius:.25rem!important
}
.rounded-left{
    border-top-left-radius:.25rem!important
}
.rounded-circle{
    border-radius:50%!important
}
.rounded-0{
    border-radius:0!important
}
.clearfix::after{
    clear:both
}
.d-none{
    display:none!important
}
.d-inline{
    display:inline!important
}
.d-inline-block{
    display:inline-block!important
}
.d-block{
    display:block!important
}
.d-table{
    display:table!important
}
.d-table-row{
    display:table-row!important
}
.d-table-cell{
    display:table-cell!important
}
.d-flex{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important
}
.d-inline-flex{
    display:-webkit-inline-box!important;
    display:-ms-inline-flexbox!important;
    display:inline-flex!important
}
@media (min-width:576px){
    .d-sm-none{
        display:none!important
    }
    .d-sm-inline{
        display:inline!important
    }
    .d-sm-inline-block{
        display:inline-block!important
    }
    .d-sm-block{
        display:block!important
    }
    .d-sm-table{
        display:table!important
    }
    .d-sm-table-row{
        display:table-row!important
    }
    .d-sm-table-cell{
        display:table-cell!important
    }
    .d-sm-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .d-sm-inline-flex{
        display:-webkit-inline-box!important;
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
    }
}
@media (min-width:768px){
    .d-md-none{
        display:none!important
    }
    .d-md-inline{
        display:inline!important
    }
    .d-md-inline-block{
        display:inline-block!important
    }
    .d-md-block{
        display:block!important
    }
    .d-md-table{
        display:table!important
    }
    .d-md-table-row{
        display:table-row!important
    }
    .d-md-table-cell{
        display:table-cell!important
    }
    .d-md-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .d-md-inline-flex{
        display:-webkit-inline-box!important;
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
    }
}
@media (min-width:992px){
    .d-lg-none{
        display:none!important
    }
    .d-lg-inline{
        display:inline!important
    }
    .d-lg-inline-block{
        display:inline-block!important
    }
    .d-lg-block{
        display:block!important
    }
    .d-lg-table{
        display:table!important
    }
    .d-lg-table-row{
        display:table-row!important
    }
    .d-lg-table-cell{
        display:table-cell!important
    }
    .d-lg-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .d-lg-inline-flex{
        display:-webkit-inline-box!important;
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
    }
}
@media (min-width:1200px){
    .d-xl-none{
        display:none!important
    }
    .d-xl-inline{
        display:inline!important
    }
    .d-xl-inline-block{
        display:inline-block!important
    }
    .d-xl-block{
        display:block!important
    }
    .d-xl-table{
        display:table!important
    }
    .d-xl-table-row{
        display:table-row!important
    }
    .d-xl-table-cell{
        display:table-cell!important
    }
    .d-xl-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .d-xl-inline-flex{
        display:-webkit-inline-box!important;
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
    }
}
@media (min-width:1576px){
    .d-xxl-none{
        display:none!important
    }
    .d-xxl-inline{
        display:inline!important
    }
    .d-xxl-inline-block{
        display:inline-block!important
    }
    .d-xxl-block{
        display:block!important
    }
    .d-xxl-table{
        display:table!important
    }
    .d-xxl-table-row{
        display:table-row!important
    }
    .d-xxl-table-cell{
        display:table-cell!important
    }
    .d-xxl-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .d-xxl-inline-flex{
        display:-webkit-inline-box!important;
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
    }
}
@media print{
    .d-print-none{
        display:none!important
    }
    .d-print-inline{
        display:inline!important
    }
    .d-print-inline-block{
        display:inline-block!important
    }
    .d-print-block{
        display:block!important
    }
    .d-print-table{
        display:table!important
    }
    .d-print-table-row{
        display:table-row!important
    }
    .d-print-table-cell{
        display:table-cell!important
    }
    .d-print-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .d-print-inline-flex{
        display:-webkit-inline-box!important;
        display:-ms-inline-flexbox!important;
        display:inline-flex!important
    }
}
.embed-responsive{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    overflow:hidden
}
.clearfix::after,.embed-responsive::before{
    display:block;
    content:""
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.embed-responsive-21by9::before{
    padding-top:42.85714%
}
.embed-responsive-16by9::before{
    padding-top:56.25%
}
.embed-responsive-4by3::before{
    padding-top:75%
}
.embed-responsive-1by1::before{
    padding-top:100%
}
.flex-column,.flex-row{
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:normal!important;
    -ms-flex-direction:row!important;
    flex-direction:row!important
}
.flex-column{
    -webkit-box-orient:vertical!important;
    -ms-flex-direction:column!important;
    flex-direction:column!important
}
.flex-column-reverse,.flex-row-reverse{
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:reverse!important;
    -ms-flex-direction:row-reverse!important;
    flex-direction:row-reverse!important
}
.flex-column-reverse{
    -webkit-box-orient:vertical!important;
    -ms-flex-direction:column-reverse!important;
    flex-direction:column-reverse!important
}
.flex-wrap{
    -ms-flex-wrap:wrap!important;
    flex-wrap:wrap!important
}
.flex-nowrap{
    -ms-flex-wrap:nowrap!important;
    flex-wrap:nowrap!important
}
.flex-wrap-reverse{
    -ms-flex-wrap:wrap-reverse!important;
    flex-wrap:wrap-reverse!important
}
.flex-fill{
    -webkit-box-flex:1!important;
    -ms-flex:1 1 auto!important;
    flex:1 1 auto!important
}
.flex-grow-0{
    -webkit-box-flex:0!important;
    -ms-flex-positive:0!important;
    flex-grow:0!important
}
.flex-grow-1{
    -webkit-box-flex:1!important;
    -ms-flex-positive:1!important;
    flex-grow:1!important
}
.flex-shrink-0{
    -ms-flex-negative:0!important;
    flex-shrink:0!important
}
.flex-shrink-1{
    -ms-flex-negative:1!important;
    flex-shrink:1!important
}
.justify-content-start{
    -webkit-box-pack:start!important;
    -ms-flex-pack:start!important;
    justify-content:flex-start!important
}
.justify-content-end{
    -webkit-box-pack:end!important;
    -ms-flex-pack:end!important;
    justify-content:flex-end!important
}
.justify-content-center{
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
}
.justify-content-between{
    -webkit-box-pack:justify!important;
    -ms-flex-pack:justify!important;
    justify-content:space-between!important
}
.justify-content-around{
    -ms-flex-pack:distribute!important;
    justify-content:space-around!important
}
.align-items-start{
    -webkit-box-align:start!important;
    -ms-flex-align:start!important;
    align-items:flex-start!important
}
.align-items-end{
    -webkit-box-align:end!important;
    -ms-flex-align:end!important;
    align-items:flex-end!important
}
.align-items-center{
    -webkit-box-align:center!important;
    -ms-flex-align:center!important;
    align-items:center!important
}
.align-items-baseline{
    -webkit-box-align:baseline!important;
    -ms-flex-align:baseline!important;
    align-items:baseline!important
}
.align-items-stretch{
    -webkit-box-align:stretch!important;
    -ms-flex-align:stretch!important;
    align-items:stretch!important
}
.align-content-start{
    -ms-flex-line-pack:start!important;
    align-content:flex-start!important
}
.align-content-end{
    -ms-flex-line-pack:end!important;
    align-content:flex-end!important
}
.align-content-center{
    -ms-flex-line-pack:center!important;
    align-content:center!important
}
.align-content-between{
    -ms-flex-line-pack:justify!important;
    align-content:space-between!important
}
.align-content-around{
    -ms-flex-line-pack:distribute!important;
    align-content:space-around!important
}
.align-content-stretch{
    -ms-flex-line-pack:stretch!important;
    align-content:stretch!important
}
.align-self-auto{
    -ms-flex-item-align:auto!important;
    -ms-grid-row-align:auto!important;
    align-self:auto!important
}
.align-self-start{
    -ms-flex-item-align:start!important;
    align-self:flex-start!important
}
.align-self-end{
    -ms-flex-item-align:end!important;
    align-self:flex-end!important
}
.align-self-center{
    -ms-flex-item-align:center!important;
    -ms-grid-row-align:center!important;
    align-self:center!important
}
.align-self-baseline{
    -ms-flex-item-align:baseline!important;
    align-self:baseline!important
}
.align-self-stretch{
    -ms-flex-item-align:stretch!important;
    -ms-grid-row-align:stretch!important;
    align-self:stretch!important
}
@media (min-width:576px){
    .flex-sm-column,.flex-sm-row{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important
    }
    .flex-sm-column{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column!important;
        flex-direction:column!important
    }
    .flex-sm-column-reverse,.flex-sm-row-reverse{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-sm-column-reverse{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-sm-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-sm-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-sm-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .flex-sm-fill{
        -webkit-box-flex:1!important;
        -ms-flex:1 1 auto!important;
        flex:1 1 auto!important
    }
    .flex-sm-grow-0{
        -webkit-box-flex:0!important;
        -ms-flex-positive:0!important;
        flex-grow:0!important
    }
    .flex-sm-grow-1{
        -webkit-box-flex:1!important;
        -ms-flex-positive:1!important;
        flex-grow:1!important
    }
    .flex-sm-shrink-0{
        -ms-flex-negative:0!important;
        flex-shrink:0!important
    }
    .flex-sm-shrink-1{
        -ms-flex-negative:1!important;
        flex-shrink:1!important
    }
    .justify-content-sm-start{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-sm-end{
        -webkit-box-pack:end!important;
        -ms-flex-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-sm-center{
        -webkit-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
    .justify-content-sm-between{
        -webkit-box-pack:justify!important;
        -ms-flex-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-sm-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-sm-start{
        -webkit-box-align:start!important;
        -ms-flex-align:start!important;
        align-items:flex-start!important
    }
    .align-items-sm-end{
        -webkit-box-align:end!important;
        -ms-flex-align:end!important;
        align-items:flex-end!important
    }
    .align-items-sm-center{
        -webkit-box-align:center!important;
        -ms-flex-align:center!important;
        align-items:center!important
    }
    .align-items-sm-baseline{
        -webkit-box-align:baseline!important;
        -ms-flex-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-sm-stretch{
        -webkit-box-align:stretch!important;
        -ms-flex-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-sm-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-sm-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-sm-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-sm-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-sm-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-sm-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-sm-auto{
        -ms-flex-item-align:auto!important;
        -ms-grid-row-align:auto!important;
        align-self:auto!important
    }
    .align-self-sm-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-sm-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-sm-center{
        -ms-flex-item-align:center!important;
        -ms-grid-row-align:center!important;
        align-self:center!important
    }
    .align-self-sm-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-sm-stretch{
        -ms-flex-item-align:stretch!important;
        -ms-grid-row-align:stretch!important;
        align-self:stretch!important
    }
}
@media (min-width:768px){
    .flex-md-column,.flex-md-row{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important
    }
    .flex-md-column{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column!important;
        flex-direction:column!important
    }
    .flex-md-column-reverse,.flex-md-row-reverse{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-md-column-reverse{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-md-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-md-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-md-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .flex-md-fill{
        -webkit-box-flex:1!important;
        -ms-flex:1 1 auto!important;
        flex:1 1 auto!important
    }
    .flex-md-grow-0{
        -webkit-box-flex:0!important;
        -ms-flex-positive:0!important;
        flex-grow:0!important
    }
    .flex-md-grow-1{
        -webkit-box-flex:1!important;
        -ms-flex-positive:1!important;
        flex-grow:1!important
    }
    .flex-md-shrink-0{
        -ms-flex-negative:0!important;
        flex-shrink:0!important
    }
    .flex-md-shrink-1{
        -ms-flex-negative:1!important;
        flex-shrink:1!important
    }
    .justify-content-md-start{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-md-end{
        -webkit-box-pack:end!important;
        -ms-flex-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-md-center{
        -webkit-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
    .justify-content-md-between{
        -webkit-box-pack:justify!important;
        -ms-flex-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-md-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-md-start{
        -webkit-box-align:start!important;
        -ms-flex-align:start!important;
        align-items:flex-start!important
    }
    .align-items-md-end{
        -webkit-box-align:end!important;
        -ms-flex-align:end!important;
        align-items:flex-end!important
    }
    .align-items-md-center{
        -webkit-box-align:center!important;
        -ms-flex-align:center!important;
        align-items:center!important
    }
    .align-items-md-baseline{
        -webkit-box-align:baseline!important;
        -ms-flex-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-md-stretch{
        -webkit-box-align:stretch!important;
        -ms-flex-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-md-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-md-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-md-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-md-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-md-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-md-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-md-auto{
        -ms-flex-item-align:auto!important;
        -ms-grid-row-align:auto!important;
        align-self:auto!important
    }
    .align-self-md-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-md-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-md-center{
        -ms-flex-item-align:center!important;
        -ms-grid-row-align:center!important;
        align-self:center!important
    }
    .align-self-md-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-md-stretch{
        -ms-flex-item-align:stretch!important;
        -ms-grid-row-align:stretch!important;
        align-self:stretch!important
    }
}
@media (min-width:992px){
    .flex-lg-column,.flex-lg-row{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important
    }
    .flex-lg-column{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column!important;
        flex-direction:column!important
    }
    .flex-lg-column-reverse,.flex-lg-row-reverse{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-lg-column-reverse{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-lg-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-lg-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-lg-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .flex-lg-fill{
        -webkit-box-flex:1!important;
        -ms-flex:1 1 auto!important;
        flex:1 1 auto!important
    }
    .flex-lg-grow-0{
        -webkit-box-flex:0!important;
        -ms-flex-positive:0!important;
        flex-grow:0!important
    }
    .flex-lg-grow-1{
        -webkit-box-flex:1!important;
        -ms-flex-positive:1!important;
        flex-grow:1!important
    }
    .flex-lg-shrink-0{
        -ms-flex-negative:0!important;
        flex-shrink:0!important
    }
    .flex-lg-shrink-1{
        -ms-flex-negative:1!important;
        flex-shrink:1!important
    }
    .justify-content-lg-start{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-lg-end{
        -webkit-box-pack:end!important;
        -ms-flex-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-lg-center{
        -webkit-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
    .justify-content-lg-between{
        -webkit-box-pack:justify!important;
        -ms-flex-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-lg-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-lg-start{
        -webkit-box-align:start!important;
        -ms-flex-align:start!important;
        align-items:flex-start!important
    }
    .align-items-lg-end{
        -webkit-box-align:end!important;
        -ms-flex-align:end!important;
        align-items:flex-end!important
    }
    .align-items-lg-center{
        -webkit-box-align:center!important;
        -ms-flex-align:center!important;
        align-items:center!important
    }
    .align-items-lg-baseline{
        -webkit-box-align:baseline!important;
        -ms-flex-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-lg-stretch{
        -webkit-box-align:stretch!important;
        -ms-flex-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-lg-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-lg-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-lg-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-lg-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-lg-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-lg-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-lg-auto{
        -ms-flex-item-align:auto!important;
        -ms-grid-row-align:auto!important;
        align-self:auto!important
    }
    .align-self-lg-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-lg-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-lg-center{
        -ms-flex-item-align:center!important;
        -ms-grid-row-align:center!important;
        align-self:center!important
    }
    .align-self-lg-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-lg-stretch{
        -ms-flex-item-align:stretch!important;
        -ms-grid-row-align:stretch!important;
        align-self:stretch!important
    }
}
@media (min-width:1200px){
    .flex-xl-column,.flex-xl-row{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important
    }
    .flex-xl-column{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column!important;
        flex-direction:column!important
    }
    .flex-xl-column-reverse,.flex-xl-row-reverse{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-xl-column-reverse{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-xl-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-xl-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-xl-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .flex-xl-fill{
        -webkit-box-flex:1!important;
        -ms-flex:1 1 auto!important;
        flex:1 1 auto!important
    }
    .flex-xl-grow-0{
        -webkit-box-flex:0!important;
        -ms-flex-positive:0!important;
        flex-grow:0!important
    }
    .flex-xl-grow-1{
        -webkit-box-flex:1!important;
        -ms-flex-positive:1!important;
        flex-grow:1!important
    }
    .flex-xl-shrink-0{
        -ms-flex-negative:0!important;
        flex-shrink:0!important
    }
    .flex-xl-shrink-1{
        -ms-flex-negative:1!important;
        flex-shrink:1!important
    }
    .justify-content-xl-start{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-xl-end{
        -webkit-box-pack:end!important;
        -ms-flex-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-xl-center{
        -webkit-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
    .justify-content-xl-between{
        -webkit-box-pack:justify!important;
        -ms-flex-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-xl-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-xl-start{
        -webkit-box-align:start!important;
        -ms-flex-align:start!important;
        align-items:flex-start!important
    }
    .align-items-xl-end{
        -webkit-box-align:end!important;
        -ms-flex-align:end!important;
        align-items:flex-end!important
    }
    .align-items-xl-center{
        -webkit-box-align:center!important;
        -ms-flex-align:center!important;
        align-items:center!important
    }
    .align-items-xl-baseline{
        -webkit-box-align:baseline!important;
        -ms-flex-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-xl-stretch{
        -webkit-box-align:stretch!important;
        -ms-flex-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-xl-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-xl-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-xl-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-xl-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-xl-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-xl-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-xl-auto{
        -ms-flex-item-align:auto!important;
        -ms-grid-row-align:auto!important;
        align-self:auto!important
    }
    .align-self-xl-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-xl-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-xl-center{
        -ms-flex-item-align:center!important;
        -ms-grid-row-align:center!important;
        align-self:center!important
    }
    .align-self-xl-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-xl-stretch{
        -ms-flex-item-align:stretch!important;
        -ms-grid-row-align:stretch!important;
        align-self:stretch!important
    }
}
@media (min-width:1576px){
    .flex-xxl-column,.flex-xxl-row{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important
    }
    .flex-xxl-column{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column!important;
        flex-direction:column!important
    }
    .flex-xxl-column-reverse,.flex-xxl-row-reverse{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-xxl-column-reverse{
        -webkit-box-orient:vertical!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-xxl-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-xxl-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-xxl-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .flex-xxl-fill{
        -webkit-box-flex:1!important;
        -ms-flex:1 1 auto!important;
        flex:1 1 auto!important
    }
    .flex-xxl-grow-0{
        -webkit-box-flex:0!important;
        -ms-flex-positive:0!important;
        flex-grow:0!important
    }
    .flex-xxl-grow-1{
        -webkit-box-flex:1!important;
        -ms-flex-positive:1!important;
        flex-grow:1!important
    }
    .flex-xxl-shrink-0{
        -ms-flex-negative:0!important;
        flex-shrink:0!important
    }
    .flex-xxl-shrink-1{
        -ms-flex-negative:1!important;
        flex-shrink:1!important
    }
    .justify-content-xxl-start{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-xxl-end{
        -webkit-box-pack:end!important;
        -ms-flex-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-xxl-center{
        -webkit-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
    .justify-content-xxl-between{
        -webkit-box-pack:justify!important;
        -ms-flex-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-xxl-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-xxl-start{
        -webkit-box-align:start!important;
        -ms-flex-align:start!important;
        align-items:flex-start!important
    }
    .align-items-xxl-end{
        -webkit-box-align:end!important;
        -ms-flex-align:end!important;
        align-items:flex-end!important
    }
    .align-items-xxl-center{
        -webkit-box-align:center!important;
        -ms-flex-align:center!important;
        align-items:center!important
    }
    .align-items-xxl-baseline{
        -webkit-box-align:baseline!important;
        -ms-flex-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-xxl-stretch{
        -webkit-box-align:stretch!important;
        -ms-flex-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-xxl-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-xxl-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-xxl-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-xxl-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-xxl-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-xxl-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-xxl-auto{
        -ms-flex-item-align:auto!important;
        -ms-grid-row-align:auto!important;
        align-self:auto!important
    }
    .align-self-xxl-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-xxl-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-xxl-center{
        -ms-flex-item-align:center!important;
        -ms-grid-row-align:center!important;
        align-self:center!important
    }
    .align-self-xxl-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-xxl-stretch{
        -ms-flex-item-align:stretch!important;
        -ms-grid-row-align:stretch!important;
        align-self:stretch!important
    }
}
.float-left{
    float:left!important
}
.float-right{
    float:right!important
}
.float-none{
    float:none!important
}
@media (min-width:576px){
    .float-sm-left{
        float:left!important
    }
    .float-sm-right{
        float:right!important
    }
    .float-sm-none{
        float:none!important
    }
}
@media (min-width:768px){
    .float-md-left{
        float:left!important
    }
    .float-md-right{
        float:right!important
    }
    .float-md-none{
        float:none!important
    }
}
@media (min-width:992px){
    .float-lg-left{
        float:left!important
    }
    .float-lg-right{
        float:right!important
    }
    .float-lg-none{
        float:none!important
    }
}
@media (min-width:1200px){
    .float-xl-left{
        float:left!important
    }
    .float-xl-right{
        float:right!important
    }
    .float-xl-none{
        float:none!important
    }
}
@media (min-width:1576px){
    .float-xxl-left{
        float:left!important
    }
    .float-xxl-right{
        float:right!important
    }
    .float-xxl-none{
        float:none!important
    }
}
.position-static{
    position:static!important
}
.position-relative{
    position:relative!important
}
.position-absolute{
    position:absolute!important
}
.position-fixed{
    position:fixed!important
}
.position-sticky{
    position:-webkit-sticky!important;
    position:sticky!important
}
.fixed-bottom,.fixed-top{
    position:fixed;
    right:0;
    left:0;
    z-index:1030
}
.fixed-top{
    top:0
}
.fixed-bottom{
    bottom:0
}
@supports ((position:-webkit-sticky) or (position:sticky)){
    .sticky-top{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        z-index:1020
    }
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    clip:auto;
    white-space:normal
}
.shadow-sm{
    -webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow{
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg{
    -webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
    box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none{
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.w-25{
    width:25%!important
}
.w-50{
    width:50%!important
}
.w-75{
    width:75%!important
}
.w-100{
    width:100%!important
}
.w-auto{
    width:auto!important
}
.h-25{
    height:25%!important
}
.h-50{
    height:50%!important
}
.h-75{
    height:75%!important
}
.h-100{
    height:100%!important
}
.h-auto{
    height:auto!important
}
.mw-100{
    max-width:100%!important
}
.mh-100{
    max-height:100%!important
}
.m-0{
    margin:0!important
}
.mt-0,.my-0{
    margin-top:0!important
}
.mr-0,.mx-0{
    margin-right:0!important
}
.mb-0,.my-0{
    margin-bottom:0!important
}
.ml-0,.mx-0{
    margin-left:0!important
}
.m-1{
    margin:.25rem!important
}
.mt-1,.my-1{
    margin-top:.25rem!important
}
.mr-1,.mx-1{
    margin-right:.25rem!important
}
.mb-1,.my-1{
    margin-bottom:.25rem!important
}
.ml-1,.mx-1{
    margin-left:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.mr-2,.mx-2{
    margin-right:.5rem!important
}
.mb-2,.my-2{
    margin-bottom:.5rem!important
}
.ml-2,.mx-2{
    margin-left:.5rem!important
}
.m-3{
    margin:1rem!important
}
.mt-3,.my-3{
    margin-top:1rem!important
}
.mr-3,.mx-3{
    margin-right:1rem!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.ml-3,.mx-3{
    margin-left:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.mt-4,.my-4{
    margin-top:1.5rem!important
}
.mr-4,.mx-4{
    margin-right:1.5rem!important
}
.mb-4,.my-4{
    margin-bottom:1.5rem!important
}
.ml-4,.mx-4{
    margin-left:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.mt-5,.my-5{
    margin-top:3rem!important
}
.mr-5,.mx-5{
    margin-right:3rem!important
}
.mb-5,.my-5{
    margin-bottom:3rem!important
}
.ml-5,.mx-5{
    margin-left:3rem!important
}
.p-0{
    padding:0!important
}
.pt-0,.py-0{
    padding-top:0!important
}
.pr-0,.px-0{
    padding-right:0!important
}
.pb-0,.py-0{
    padding-bottom:0!important
}
.pl-0,.px-0{
    padding-left:0!important
}
.p-1{
    padding:.25rem!important
}
.pt-1,.py-1{
    padding-top:.25rem!important
}
.pr-1,.px-1{
    padding-right:.25rem!important
}
.pb-1,.py-1{
    padding-bottom:.25rem!important
}
.pl-1,.px-1{
    padding-left:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.pt-2,.py-2{
    padding-top:.5rem!important
}
.pr-2,.px-2{
    padding-right:.5rem!important
}
.pb-2,.py-2{
    padding-bottom:.5rem!important
}
.pl-2,.px-2{
    padding-left:.5rem!important
}
.p-3{
    padding:1rem!important
}
.pt-3,.py-3{
    padding-top:1rem!important
}
.pr-3,.px-3{
    padding-right:1rem!important
}
.pb-3,.py-3{
    padding-bottom:1rem!important
}
.pl-3,.px-3{
    padding-left:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.pt-4,.py-4{
    padding-top:1.5rem!important
}
.pr-4,.px-4{
    padding-right:1.5rem!important
}
.pb-4,.py-4{
    padding-bottom:1.5rem!important
}
.pl-4,.px-4{
    padding-left:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.pt-5,.py-5{
    padding-top:3rem!important
}
.pr-5,.px-5{
    padding-right:3rem!important
}
.pb-5,.py-5{
    padding-bottom:3rem!important
}
.pl-5,.px-5{
    padding-left:3rem!important
}
.m-auto{
    margin:auto!important
}
.mt-auto,.my-auto{
    margin-top:auto!important
}
.mr-auto,.mx-auto{
    margin-right:auto!important
}
.mb-auto,.my-auto{
    margin-bottom:auto!important
}
.ml-auto,.mx-auto{
    margin-left:auto!important
}
@media (min-width:576px){
    .m-sm-0{
        margin:0!important
    }
    .mt-sm-0,.my-sm-0{
        margin-top:0!important
    }
    .mr-sm-0,.mx-sm-0{
        margin-right:0!important
    }
    .mb-sm-0,.my-sm-0{
        margin-bottom:0!important
    }
    .ml-sm-0,.mx-sm-0{
        margin-left:0!important
    }
    .m-sm-1{
        margin:.25rem!important
    }
    .mt-sm-1,.my-sm-1{
        margin-top:.25rem!important
    }
    .mr-sm-1,.mx-sm-1{
        margin-right:.25rem!important
    }
    .mb-sm-1,.my-sm-1{
        margin-bottom:.25rem!important
    }
    .ml-sm-1,.mx-sm-1{
        margin-left:.25rem!important
    }
    .m-sm-2{
        margin:.5rem!important
    }
    .mt-sm-2,.my-sm-2{
        margin-top:.5rem!important
    }
    .mr-sm-2,.mx-sm-2{
        margin-right:.5rem!important
    }
    .mb-sm-2,.my-sm-2{
        margin-bottom:.5rem!important
    }
    .ml-sm-2,.mx-sm-2{
        margin-left:.5rem!important
    }
    .m-sm-3{
        margin:1rem!important
    }
    .mt-sm-3,.my-sm-3{
        margin-top:1rem!important
    }
    .mr-sm-3,.mx-sm-3{
        margin-right:1rem!important
    }
    .mb-sm-3,.my-sm-3{
        margin-bottom:1rem!important
    }
    .ml-sm-3,.mx-sm-3{
        margin-left:1rem!important
    }
    .m-sm-4{
        margin:1.5rem!important
    }
    .mt-sm-4,.my-sm-4{
        margin-top:1.5rem!important
    }
    .mr-sm-4,.mx-sm-4{
        margin-right:1.5rem!important
    }
    .mb-sm-4,.my-sm-4{
        margin-bottom:1.5rem!important
    }
    .ml-sm-4,.mx-sm-4{
        margin-left:1.5rem!important
    }
    .m-sm-5{
        margin:3rem!important
    }
    .mt-sm-5,.my-sm-5{
        margin-top:3rem!important
    }
    .mr-sm-5,.mx-sm-5{
        margin-right:3rem!important
    }
    .mb-sm-5,.my-sm-5{
        margin-bottom:3rem!important
    }
    .ml-sm-5,.mx-sm-5{
        margin-left:3rem!important
    }
    .p-sm-0{
        padding:0!important
    }
    .pt-sm-0,.py-sm-0{
        padding-top:0!important
    }
    .pr-sm-0,.px-sm-0{
        padding-right:0!important
    }
    .pb-sm-0,.py-sm-0{
        padding-bottom:0!important
    }
    .pl-sm-0,.px-sm-0{
        padding-left:0!important
    }
    .p-sm-1{
        padding:.25rem!important
    }
    .pt-sm-1,.py-sm-1{
        padding-top:.25rem!important
    }
    .pr-sm-1,.px-sm-1{
        padding-right:.25rem!important
    }
    .pb-sm-1,.py-sm-1{
        padding-bottom:.25rem!important
    }
    .pl-sm-1,.px-sm-1{
        padding-left:.25rem!important
    }
    .p-sm-2{
        padding:.5rem!important
    }
    .pt-sm-2,.py-sm-2{
        padding-top:.5rem!important
    }
    .pr-sm-2,.px-sm-2{
        padding-right:.5rem!important
    }
    .pb-sm-2,.py-sm-2{
        padding-bottom:.5rem!important
    }
    .pl-sm-2,.px-sm-2{
        padding-left:.5rem!important
    }
    .p-sm-3{
        padding:1rem!important
    }
    .pt-sm-3,.py-sm-3{
        padding-top:1rem!important
    }
    .pr-sm-3,.px-sm-3{
        padding-right:1rem!important
    }
    .pb-sm-3,.py-sm-3{
        padding-bottom:1rem!important
    }
    .pl-sm-3,.px-sm-3{
        padding-left:1rem!important
    }
    .p-sm-4{
        padding:1.5rem!important
    }
    .pt-sm-4,.py-sm-4{
        padding-top:1.5rem!important
    }
    .pr-sm-4,.px-sm-4{
        padding-right:1.5rem!important
    }
    .pb-sm-4,.py-sm-4{
        padding-bottom:1.5rem!important
    }
    .pl-sm-4,.px-sm-4{
        padding-left:1.5rem!important
    }
    .p-sm-5{
        padding:3rem!important
    }
    .pt-sm-5,.py-sm-5{
        padding-top:3rem!important
    }
    .pr-sm-5,.px-sm-5{
        padding-right:3rem!important
    }
    .pb-sm-5,.py-sm-5{
        padding-bottom:3rem!important
    }
    .pl-sm-5,.px-sm-5{
        padding-left:3rem!important
    }
    .m-sm-auto{
        margin:auto!important
    }
    .mt-sm-auto,.my-sm-auto{
        margin-top:auto!important
    }
    .mr-sm-auto,.mx-sm-auto{
        margin-right:auto!important
    }
    .mb-sm-auto,.my-sm-auto{
        margin-bottom:auto!important
    }
    .ml-sm-auto,.mx-sm-auto{
        margin-left:auto!important
    }
}
@media (min-width:768px){
    .m-md-0{
        margin:0!important
    }
    .mt-md-0,.my-md-0{
        margin-top:0!important
    }
    .mr-md-0,.mx-md-0{
        margin-right:0!important
    }
    .mb-md-0,.my-md-0{
        margin-bottom:0!important
    }
    .ml-md-0,.mx-md-0{
        margin-left:0!important
    }
    .m-md-1{
        margin:.25rem!important
    }
    .mt-md-1,.my-md-1{
        margin-top:.25rem!important
    }
    .mr-md-1,.mx-md-1{
        margin-right:.25rem!important
    }
    .mb-md-1,.my-md-1{
        margin-bottom:.25rem!important
    }
    .ml-md-1,.mx-md-1{
        margin-left:.25rem!important
    }
    .m-md-2{
        margin:.5rem!important
    }
    .mt-md-2,.my-md-2{
        margin-top:.5rem!important
    }
    .mr-md-2,.mx-md-2{
        margin-right:.5rem!important
    }
    .mb-md-2,.my-md-2{
        margin-bottom:.5rem!important
    }
    .ml-md-2,.mx-md-2{
        margin-left:.5rem!important
    }
    .m-md-3{
        margin:1rem!important
    }
    .mt-md-3,.my-md-3{
        margin-top:1rem!important
    }
    .mr-md-3,.mx-md-3{
        margin-right:1rem!important
    }
    .mb-md-3,.my-md-3{
        margin-bottom:1rem!important
    }
    .ml-md-3,.mx-md-3{
        margin-left:1rem!important
    }
    .m-md-4{
        margin:1.5rem!important
    }
    .mt-md-4,.my-md-4{
        margin-top:1.5rem!important
    }
    .mr-md-4,.mx-md-4{
        margin-right:1.5rem!important
    }
    .mb-md-4,.my-md-4{
        margin-bottom:1.5rem!important
    }
    .ml-md-4,.mx-md-4{
        margin-left:1.5rem!important
    }
    .m-md-5{
        margin:3rem!important
    }
    .mt-md-5,.my-md-5{
        margin-top:3rem!important
    }
    .mr-md-5,.mx-md-5{
        margin-right:3rem!important
    }
    .mb-md-5,.my-md-5{
        margin-bottom:3rem!important
    }
    .ml-md-5,.mx-md-5{
        margin-left:3rem!important
    }
    .p-md-0{
        padding:0!important
    }
    .pt-md-0,.py-md-0{
        padding-top:0!important
    }
    .pr-md-0,.px-md-0{
        padding-right:0!important
    }
    .pb-md-0,.py-md-0{
        padding-bottom:0!important
    }
    .pl-md-0,.px-md-0{
        padding-left:0!important
    }
    .p-md-1{
        padding:.25rem!important
    }
    .pt-md-1,.py-md-1{
        padding-top:.25rem!important
    }
    .pr-md-1,.px-md-1{
        padding-right:.25rem!important
    }
    .pb-md-1,.py-md-1{
        padding-bottom:.25rem!important
    }
    .pl-md-1,.px-md-1{
        padding-left:.25rem!important
    }
    .p-md-2{
        padding:.5rem!important
    }
    .pt-md-2,.py-md-2{
        padding-top:.5rem!important
    }
    .pr-md-2,.px-md-2{
        padding-right:.5rem!important
    }
    .pb-md-2,.py-md-2{
        padding-bottom:.5rem!important
    }
    .pl-md-2,.px-md-2{
        padding-left:.5rem!important
    }
    .p-md-3{
        padding:1rem!important
    }
    .pt-md-3,.py-md-3{
        padding-top:1rem!important
    }
    .pr-md-3,.px-md-3{
        padding-right:1rem!important
    }
    .pb-md-3,.py-md-3{
        padding-bottom:1rem!important
    }
    .pl-md-3,.px-md-3{
        padding-left:1rem!important
    }
    .p-md-4{
        padding:1.5rem!important
    }
    .pt-md-4,.py-md-4{
        padding-top:1.5rem!important
    }
    .pr-md-4,.px-md-4{
        padding-right:1.5rem!important
    }
    .pb-md-4,.py-md-4{
        padding-bottom:1.5rem!important
    }
    .pl-md-4,.px-md-4{
        padding-left:1.5rem!important
    }
    .p-md-5{
        padding:3rem!important
    }
    .pt-md-5,.py-md-5{
        padding-top:3rem!important
    }
    .pr-md-5,.px-md-5{
        padding-right:3rem!important
    }
    .pb-md-5,.py-md-5{
        padding-bottom:3rem!important
    }
    .pl-md-5,.px-md-5{
        padding-left:3rem!important
    }
    .m-md-auto{
        margin:auto!important
    }
    .mt-md-auto,.my-md-auto{
        margin-top:auto!important
    }
    .mr-md-auto,.mx-md-auto{
        margin-right:auto!important
    }
    .mb-md-auto,.my-md-auto{
        margin-bottom:auto!important
    }
    .ml-md-auto,.mx-md-auto{
        margin-left:auto!important
    }
}
@media (min-width:992px){
    .m-lg-0{
        margin:0!important
    }
    .mt-lg-0,.my-lg-0{
        margin-top:0!important
    }
    .mr-lg-0,.mx-lg-0{
        margin-right:0!important
    }
    .mb-lg-0,.my-lg-0{
        margin-bottom:0!important
    }
    .ml-lg-0,.mx-lg-0{
        margin-left:0!important
    }
    .m-lg-1{
        margin:.25rem!important
    }
    .mt-lg-1,.my-lg-1{
        margin-top:.25rem!important
    }
    .mr-lg-1,.mx-lg-1{
        margin-right:.25rem!important
    }
    .mb-lg-1,.my-lg-1{
        margin-bottom:.25rem!important
    }
    .ml-lg-1,.mx-lg-1{
        margin-left:.25rem!important
    }
    .m-lg-2{
        margin:.5rem!important
    }
    .mt-lg-2,.my-lg-2{
        margin-top:.5rem!important
    }
    .mr-lg-2,.mx-lg-2{
        margin-right:.5rem!important
    }
    .mb-lg-2,.my-lg-2{
        margin-bottom:.5rem!important
    }
    .ml-lg-2,.mx-lg-2{
        margin-left:.5rem!important
    }
    .m-lg-3{
        margin:1rem!important
    }
    .mt-lg-3,.my-lg-3{
        margin-top:1rem!important
    }
    .mr-lg-3,.mx-lg-3{
        margin-right:1rem!important
    }
    .mb-lg-3,.my-lg-3{
        margin-bottom:1rem!important
    }
    .ml-lg-3,.mx-lg-3{
        margin-left:1rem!important
    }
    .m-lg-4{
        margin:1.5rem!important
    }
    .mt-lg-4,.my-lg-4{
        margin-top:1.5rem!important
    }
    .mr-lg-4,.mx-lg-4{
        margin-right:1.5rem!important
    }
    .mb-lg-4,.my-lg-4{
        margin-bottom:1.5rem!important
    }
    .ml-lg-4,.mx-lg-4{
        margin-left:1.5rem!important
    }
    .m-lg-5{
        margin:3rem!important
    }
    .mt-lg-5,.my-lg-5{
        margin-top:3rem!important
    }
    .mr-lg-5,.mx-lg-5{
        margin-right:3rem!important
    }
    .mb-lg-5,.my-lg-5{
        margin-bottom:3rem!important
    }
    .ml-lg-5,.mx-lg-5{
        margin-left:3rem!important
    }
    .p-lg-0{
        padding:0!important
    }
    .pt-lg-0,.py-lg-0{
        padding-top:0!important
    }
    .pr-lg-0,.px-lg-0{
        padding-right:0!important
    }
    .pb-lg-0,.py-lg-0{
        padding-bottom:0!important
    }
    .pl-lg-0,.px-lg-0{
        padding-left:0!important
    }
    .p-lg-1{
        padding:.25rem!important
    }
    .pt-lg-1,.py-lg-1{
        padding-top:.25rem!important
    }
    .pr-lg-1,.px-lg-1{
        padding-right:.25rem!important
    }
    .pb-lg-1,.py-lg-1{
        padding-bottom:.25rem!important
    }
    .pl-lg-1,.px-lg-1{
        padding-left:.25rem!important
    }
    .p-lg-2{
        padding:.5rem!important
    }
    .pt-lg-2,.py-lg-2{
        padding-top:.5rem!important
    }
    .pr-lg-2,.px-lg-2{
        padding-right:.5rem!important
    }
    .pb-lg-2,.py-lg-2{
        padding-bottom:.5rem!important
    }
    .pl-lg-2,.px-lg-2{
        padding-left:.5rem!important
    }
    .p-lg-3{
        padding:1rem!important
    }
    .pt-lg-3,.py-lg-3{
        padding-top:1rem!important
    }
    .pr-lg-3,.px-lg-3{
        padding-right:1rem!important
    }
    .pb-lg-3,.py-lg-3{
        padding-bottom:1rem!important
    }
    .pl-lg-3,.px-lg-3{
        padding-left:1rem!important
    }
    .p-lg-4{
        padding:1.5rem!important
    }
    .pt-lg-4,.py-lg-4{
        padding-top:1.5rem!important
    }
    .pr-lg-4,.px-lg-4{
        padding-right:1.5rem!important
    }
    .pb-lg-4,.py-lg-4{
        padding-bottom:1.5rem!important
    }
    .pl-lg-4,.px-lg-4{
        padding-left:1.5rem!important
    }
    .p-lg-5{
        padding:3rem!important
    }
    .pt-lg-5,.py-lg-5{
        padding-top:3rem!important
    }
    .pr-lg-5,.px-lg-5{
        padding-right:3rem!important
    }
    .pb-lg-5,.py-lg-5{
        padding-bottom:3rem!important
    }
    .pl-lg-5,.px-lg-5{
        padding-left:3rem!important
    }
    .m-lg-auto{
        margin:auto!important
    }
    .mt-lg-auto,.my-lg-auto{
        margin-top:auto!important
    }
    .mr-lg-auto,.mx-lg-auto{
        margin-right:auto!important
    }
    .mb-lg-auto,.my-lg-auto{
        margin-bottom:auto!important
    }
    .ml-lg-auto,.mx-lg-auto{
        margin-left:auto!important
    }
}
@media (min-width:1200px){
    .m-xl-0{
        margin:0!important
    }
    .mt-xl-0,.my-xl-0{
        margin-top:0!important
    }
    .mr-xl-0,.mx-xl-0{
        margin-right:0!important
    }
    .mb-xl-0,.my-xl-0{
        margin-bottom:0!important
    }
    .ml-xl-0,.mx-xl-0{
        margin-left:0!important
    }
    .m-xl-1{
        margin:.25rem!important
    }
    .mt-xl-1,.my-xl-1{
        margin-top:.25rem!important
    }
    .mr-xl-1,.mx-xl-1{
        margin-right:.25rem!important
    }
    .mb-xl-1,.my-xl-1{
        margin-bottom:.25rem!important
    }
    .ml-xl-1,.mx-xl-1{
        margin-left:.25rem!important
    }
    .m-xl-2{
        margin:.5rem!important
    }
    .mt-xl-2,.my-xl-2{
        margin-top:.5rem!important
    }
    .mr-xl-2,.mx-xl-2{
        margin-right:.5rem!important
    }
    .mb-xl-2,.my-xl-2{
        margin-bottom:.5rem!important
    }
    .ml-xl-2,.mx-xl-2{
        margin-left:.5rem!important
    }
    .m-xl-3{
        margin:1rem!important
    }
    .mt-xl-3,.my-xl-3{
        margin-top:1rem!important
    }
    .mr-xl-3,.mx-xl-3{
        margin-right:1rem!important
    }
    .mb-xl-3,.my-xl-3{
        margin-bottom:1rem!important
    }
    .ml-xl-3,.mx-xl-3{
        margin-left:1rem!important
    }
    .m-xl-4{
        margin:1.5rem!important
    }
    .mt-xl-4,.my-xl-4{
        margin-top:1.5rem!important
    }
    .mr-xl-4,.mx-xl-4{
        margin-right:1.5rem!important
    }
    .mb-xl-4,.my-xl-4{
        margin-bottom:1.5rem!important
    }
    .ml-xl-4,.mx-xl-4{
        margin-left:1.5rem!important
    }
    .m-xl-5{
        margin:3rem!important
    }
    .mt-xl-5,.my-xl-5{
        margin-top:3rem!important
    }
    .mr-xl-5,.mx-xl-5{
        margin-right:3rem!important
    }
    .mb-xl-5,.my-xl-5{
        margin-bottom:3rem!important
    }
    .ml-xl-5,.mx-xl-5{
        margin-left:3rem!important
    }
    .p-xl-0{
        padding:0!important
    }
    .pt-xl-0,.py-xl-0{
        padding-top:0!important
    }
    .pr-xl-0,.px-xl-0{
        padding-right:0!important
    }
    .pb-xl-0,.py-xl-0{
        padding-bottom:0!important
    }
    .pl-xl-0,.px-xl-0{
        padding-left:0!important
    }
    .p-xl-1{
        padding:.25rem!important
    }
    .pt-xl-1,.py-xl-1{
        padding-top:.25rem!important
    }
    .pr-xl-1,.px-xl-1{
        padding-right:.25rem!important
    }
    .pb-xl-1,.py-xl-1{
        padding-bottom:.25rem!important
    }
    .pl-xl-1,.px-xl-1{
        padding-left:.25rem!important
    }
    .p-xl-2{
        padding:.5rem!important
    }
    .pt-xl-2,.py-xl-2{
        padding-top:.5rem!important
    }
    .pr-xl-2,.px-xl-2{
        padding-right:.5rem!important
    }
    .pb-xl-2,.py-xl-2{
        padding-bottom:.5rem!important
    }
    .pl-xl-2,.px-xl-2{
        padding-left:.5rem!important
    }
    .p-xl-3{
        padding:1rem!important
    }
    .pt-xl-3,.py-xl-3{
        padding-top:1rem!important
    }
    .pr-xl-3,.px-xl-3{
        padding-right:1rem!important
    }
    .pb-xl-3,.py-xl-3{
        padding-bottom:1rem!important
    }
    .pl-xl-3,.px-xl-3{
        padding-left:1rem!important
    }
    .p-xl-4{
        padding:1.5rem!important
    }
    .pt-xl-4,.py-xl-4{
        padding-top:1.5rem!important
    }
    .pr-xl-4,.px-xl-4{
        padding-right:1.5rem!important
    }
    .pb-xl-4,.py-xl-4{
        padding-bottom:1.5rem!important
    }
    .pl-xl-4,.px-xl-4{
        padding-left:1.5rem!important
    }
    .p-xl-5{
        padding:3rem!important
    }
    .pt-xl-5,.py-xl-5{
        padding-top:3rem!important
    }
    .pr-xl-5,.px-xl-5{
        padding-right:3rem!important
    }
    .pb-xl-5,.py-xl-5{
        padding-bottom:3rem!important
    }
    .pl-xl-5,.px-xl-5{
        padding-left:3rem!important
    }
    .m-xl-auto{
        margin:auto!important
    }
    .mt-xl-auto,.my-xl-auto{
        margin-top:auto!important
    }
    .mr-xl-auto,.mx-xl-auto{
        margin-right:auto!important
    }
    .mb-xl-auto,.my-xl-auto{
        margin-bottom:auto!important
    }
    .ml-xl-auto,.mx-xl-auto{
        margin-left:auto!important
    }
}
@media (min-width:1576px){
    .m-xxl-0{
        margin:0!important
    }
    .mt-xxl-0,.my-xxl-0{
        margin-top:0!important
    }
    .mr-xxl-0,.mx-xxl-0{
        margin-right:0!important
    }
    .mb-xxl-0,.my-xxl-0{
        margin-bottom:0!important
    }
    .ml-xxl-0,.mx-xxl-0{
        margin-left:0!important
    }
    .m-xxl-1{
        margin:.25rem!important
    }
    .mt-xxl-1,.my-xxl-1{
        margin-top:.25rem!important
    }
    .mr-xxl-1,.mx-xxl-1{
        margin-right:.25rem!important
    }
    .mb-xxl-1,.my-xxl-1{
        margin-bottom:.25rem!important
    }
    .ml-xxl-1,.mx-xxl-1{
        margin-left:.25rem!important
    }
    .m-xxl-2{
        margin:.5rem!important
    }
    .mt-xxl-2,.my-xxl-2{
        margin-top:.5rem!important
    }
    .mr-xxl-2,.mx-xxl-2{
        margin-right:.5rem!important
    }
    .mb-xxl-2,.my-xxl-2{
        margin-bottom:.5rem!important
    }
    .ml-xxl-2,.mx-xxl-2{
        margin-left:.5rem!important
    }
    .m-xxl-3{
        margin:1rem!important
    }
    .mt-xxl-3,.my-xxl-3{
        margin-top:1rem!important
    }
    .mr-xxl-3,.mx-xxl-3{
        margin-right:1rem!important
    }
    .mb-xxl-3,.my-xxl-3{
        margin-bottom:1rem!important
    }
    .ml-xxl-3,.mx-xxl-3{
        margin-left:1rem!important
    }
    .m-xxl-4{
        margin:1.5rem!important
    }
    .mt-xxl-4,.my-xxl-4{
        margin-top:1.5rem!important
    }
    .mr-xxl-4,.mx-xxl-4{
        margin-right:1.5rem!important
    }
    .mb-xxl-4,.my-xxl-4{
        margin-bottom:1.5rem!important
    }
    .ml-xxl-4,.mx-xxl-4{
        margin-left:1.5rem!important
    }
    .m-xxl-5{
        margin:3rem!important
    }
    .mt-xxl-5,.my-xxl-5{
        margin-top:3rem!important
    }
    .mr-xxl-5,.mx-xxl-5{
        margin-right:3rem!important
    }
    .mb-xxl-5,.my-xxl-5{
        margin-bottom:3rem!important
    }
    .ml-xxl-5,.mx-xxl-5{
        margin-left:3rem!important
    }
    .p-xxl-0{
        padding:0!important
    }
    .pt-xxl-0,.py-xxl-0{
        padding-top:0!important
    }
    .pr-xxl-0,.px-xxl-0{
        padding-right:0!important
    }
    .pb-xxl-0,.py-xxl-0{
        padding-bottom:0!important
    }
    .pl-xxl-0,.px-xxl-0{
        padding-left:0!important
    }
    .p-xxl-1{
        padding:.25rem!important
    }
    .pt-xxl-1,.py-xxl-1{
        padding-top:.25rem!important
    }
    .pr-xxl-1,.px-xxl-1{
        padding-right:.25rem!important
    }
    .pb-xxl-1,.py-xxl-1{
        padding-bottom:.25rem!important
    }
    .pl-xxl-1,.px-xxl-1{
        padding-left:.25rem!important
    }
    .p-xxl-2{
        padding:.5rem!important
    }
    .pt-xxl-2,.py-xxl-2{
        padding-top:.5rem!important
    }
    .pr-xxl-2,.px-xxl-2{
        padding-right:.5rem!important
    }
    .pb-xxl-2,.py-xxl-2{
        padding-bottom:.5rem!important
    }
    .pl-xxl-2,.px-xxl-2{
        padding-left:.5rem!important
    }
    .p-xxl-3{
        padding:1rem!important
    }
    .pt-xxl-3,.py-xxl-3{
        padding-top:1rem!important
    }
    .pr-xxl-3,.px-xxl-3{
        padding-right:1rem!important
    }
    .pb-xxl-3,.py-xxl-3{
        padding-bottom:1rem!important
    }
    .pl-xxl-3,.px-xxl-3{
        padding-left:1rem!important
    }
    .p-xxl-4{
        padding:1.5rem!important
    }
    .pt-xxl-4,.py-xxl-4{
        padding-top:1.5rem!important
    }
    .pr-xxl-4,.px-xxl-4{
        padding-right:1.5rem!important
    }
    .pb-xxl-4,.py-xxl-4{
        padding-bottom:1.5rem!important
    }
    .pl-xxl-4,.px-xxl-4{
        padding-left:1.5rem!important
    }
    .p-xxl-5{
        padding:3rem!important
    }
    .pt-xxl-5,.py-xxl-5{
        padding-top:3rem!important
    }
    .pr-xxl-5,.px-xxl-5{
        padding-right:3rem!important
    }
    .pb-xxl-5,.py-xxl-5{
        padding-bottom:3rem!important
    }
    .pl-xxl-5,.px-xxl-5{
        padding-left:3rem!important
    }
    .m-xxl-auto{
        margin:auto!important
    }
    .mt-xxl-auto,.my-xxl-auto{
        margin-top:auto!important
    }
    .mr-xxl-auto,.mx-xxl-auto{
        margin-right:auto!important
    }
    .mb-xxl-auto,.my-xxl-auto{
        margin-bottom:auto!important
    }
    .ml-xxl-auto,.mx-xxl-auto{
        margin-left:auto!important
    }
}
.text-monospace{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
.text-justify{
    text-align:justify!important
}
.text-nowrap{
    white-space:nowrap!important
}
.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-left{
    text-align:left!important
}
.text-right{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
@media (min-width:576px){
    .text-sm-left{
        text-align:left!important
    }
    .text-sm-right{
        text-align:right!important
    }
    .text-sm-center{
        text-align:center!important
    }
}
@media (min-width:768px){
    .text-md-left{
        text-align:left!important
    }
    .text-md-right{
        text-align:right!important
    }
    .text-md-center{
        text-align:center!important
    }
}
@media (min-width:992px){
    .text-lg-left{
        text-align:left!important
    }
    .text-lg-right{
        text-align:right!important
    }
    .text-lg-center{
        text-align:center!important
    }
}
@media (min-width:1200px){
    .text-xl-left{
        text-align:left!important
    }
    .text-xl-right{
        text-align:right!important
    }
    .text-xl-center{
        text-align:center!important
    }
}
@media (min-width:1576px){
    .text-xxl-left{
        text-align:left!important
    }
    .text-xxl-right{
        text-align:right!important
    }
    .text-xxl-center{
        text-align:center!important
    }
}
.text-lowercase{
    text-transform:lowercase!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.font-weight-light{
    font-weight:300!important
}
.font-weight-normal{
    font-weight:400!important
}
.font-weight-bold{
    font-weight:700!important
}
.font-italic{
    font-style:italic!important
}
.text-white{
    color:#fff!important
}
.text-primary{
    color:#007bff!important
}
a.text-primary:focus,a.text-primary:hover{
    color:#0062cc!important
}
.text-secondary{
    color:#6c757d!important
}
a.text-secondary:focus,a.text-secondary:hover{
    color:#545b62!important
}
.text-success{
    color:#28a745!important
}
a.text-success:focus,a.text-success:hover{
    color:#1e7e34!important
}
.text-info{
    color:#17a2b8!important
}
a.text-info:focus,a.text-info:hover{
    color:#117a8b!important
}
.text-warning{
    color:#ffc107!important
}
a.text-warning:focus,a.text-warning:hover{
    color:#d39e00!important
}
.text-danger{
    color:#dc3545!important
}
a.text-danger:focus,a.text-danger:hover{
    color:#bd2130!important
}
.text-light{
    color:#f8f9fa!important
}
a.text-light:focus,a.text-light:hover{
    color:#dae0e5!important
}
.text-dark{
    color:#343a40!important
}
a.text-dark:focus,a.text-dark:hover{
    color:#1d2124!important
}
.text-body{
    color:#212529!important
}
.text-muted{
    color:#6c757d!important
}
.text-black-50{
    color:rgba(0,0,0,.5)!important
}
.text-white-50{
    color:rgba(255,255,255,.5)!important
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.visible{
    visibility:visible!important
}
.invisible{
    visibility:hidden!important
}
/* /local/templates/mp/styles/libs/swiper-bundle.min.css */
/** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */
 @font-face{
    font-display:swap;
    font-family:swiper-icons;
    src:url('data:application/font-woff; charset=utf-8; base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight:400;
    font-style:normal
}
:root{
    --swiper-theme-color:#007aff
}
.swiper{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.swiper-vertical>.swiper-wrapper{
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-wrapper{
    transform:translate3d(0px,0,0)
}
.swiper-pointer-events{
    touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical{
    touch-action:pan-x
}
.swiper-slide{
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    transition-property:transform
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
    height:auto
}
.swiper-autoheight .swiper-wrapper{
    align-items:flex-start;
    transition-property:transform,height
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{
    perspective:1200px
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{
    transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-3d .swiper-slide-shadow{
    background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left{
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right{
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top{
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom{
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper{
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
    display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{
    scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{
    scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper::before{
    content:'';
    flex-shrink:0;
    order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
    margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
    height:100%;
    min-height:1px;
    width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
    margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{
    width:100%;
    min-width:1px;
    height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:center center
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{
    height:1px;
    width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{
    width:1px;
    height:var(--swiper-virtual-size)
}
:root{
    --swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:50%;
    width:calc(var(--swiper-navigation-size)/ 44 * 27);
    height:var(--swiper-navigation-size);
    margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-next:after,.swiper-button-prev:after{
    font-family:swiper-icons;
    font-size:var(--swiper-navigation-size);
    text-transform:none!important;
    letter-spacing:0;
    text-transform:none;
    font-variant:initial;
    line-height:1
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
    left:10px;
    right:auto
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
    content:'prev'
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
    right:10px;
    left:auto
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
    content:'next'
}
.swiper-button-lock{
    display:none
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    transition:.3s opacity;
    transform:translate3d(0,0,0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullets-dynamic{
    overflow:hidden;
    font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transform:scale(.33);
    position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    transform:scale(.33)
}
.swiper-pagination-bullet{
    width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display:inline-block;
    border-radius:50%;
    background:var(--swiper-pagination-bullet-inactive-color,#000);
    opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet:only-child{
    display:none!important
}
.swiper-pagination-bullet-active{
    opacity:var(--swiper-pagination-bullet-opacity, 1);
    background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
    right:10px;
    top:50%;
    transform:translate3d(0px,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display:block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    transform:translateY(-50%);
    width:8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s right
}
.swiper-pagination-progressbar{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:var(--swiper-pagination-color,var(--swiper-theme-color));
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:scale(0);
    transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-lock{
    display:none
}
.swiper-scrollbar{
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-horizontal>.swiper-scrollbar{
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-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-scrollbar-lock{
    display:none
}
.swiper-zoom-container{
    width:100%;
    height:100%;
    display:flex;
    justify-content: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-slide-zoomed{
    cursor:move
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    transform-origin:50%;
    animation:swiper-preloader-spin 1s infinite linear;
    box-sizing:border-box;
    border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius:50%;
    border-top-color:transparent
}
.swiper-lazy-preloader-white{
    --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black{
    --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin{
    100%{
        transform:rotate(360deg)
    }
}
.swiper .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-free-mode>.swiper-wrapper{
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-grid>.swiper-wrapper{
    flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper{
    flex-wrap:wrap;
    flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide{
    transition-timing-function:ease-out
}
.swiper-fade .swiper-slide{
    pointer-events:none;
    transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-cube{
    overflow:visible
}
.swiper-cube .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
    visibility:hidden;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-cube .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide{
    transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{
    pointer-events:auto;
    visibility:visible
}
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-cube .swiper-cube-shadow{
    position:absolute;
    left:0;
    bottom:0px;
    width:100%;
    height:100%;
    opacity:.6;
    z-index:0
}
.swiper-cube .swiper-cube-shadow:before{
    content:'';
    background:#000;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    filter:blur(50px)
}
.swiper-flip{
    overflow:visible
}
.swiper-flip .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-creative .swiper-slide{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    transition-property:transform,opacity,height
}
.swiper-cards{
    overflow:visible
}
.swiper-cards .swiper-slide{
    transform-origin:center bottom;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden
}
/* /local/templates/mp/styles/libs/animate.min.css */
/*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */
 @-webkit-keyframes bounce{
    0%,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-30px,0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
@keyframes bounce{
    0%,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-30px,0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    -webkit-transform-origin:center bottom;
    animation-name:bounce;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
@keyframes shake{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.headShake{
    -webkit-animation-name:headShake;
    -webkit-animation-timing-function:ease-in-out;
    animation-name:headShake;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.swing{
    -webkit-animation-name:swing;
    -webkit-transform-origin:top center;
    animation-name:swing;
    transform-origin:top center
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes wobble{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    0%,11.1%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello{
    0%,11.1%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello{
    -webkit-animation-name:jello;
    -webkit-transform-origin:center;
    animation-name:jello;
    transform-origin:center
}
@-webkit-keyframes heartBeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    14%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    28%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    42%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes heartBeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    14%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    28%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    42%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.heartBeat{
    -webkit-animation-duration:1.3s;
    -webkit-animation-name:heartBeat;
    -webkit-animation-timing-function:ease-in-out;
    animation-duration:1.3s;
    animation-name:heartBeat;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        -webkit-transform:scale3d(1.03,1.03,1.03);
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        -webkit-transform:scaleX(1);
        opacity:1;
        transform:scaleX(1)
    }
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        -webkit-transform:scale3d(1.03,1.03,1.03);
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        -webkit-transform:scaleX(1);
        opacity:1;
        transform:scaleX(1)
    }
}
.bounceIn{
    -webkit-animation-duration:.75s;
    -webkit-animation-name:bounceIn;
    animation-duration:.75s;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(0,-3000px,0);
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        -webkit-transform:translate3d(0,25px,0);
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(0,-3000px,0);
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        -webkit-transform:translate3d(0,25px,0);
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(-3000px,0,0);
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        -webkit-transform:translate3d(25px,0,0);
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(-3000px,0,0);
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        -webkit-transform:translate3d(25px,0,0);
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(3000px,0,0);
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        -webkit-transform:translate3d(-25px,0,0);
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(3000px,0,0);
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        -webkit-transform:translate3d(-25px,0,0);
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(0,3000px,0);
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        -webkit-transform:translate3d(0,-20px,0);
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(0,3000px,0);
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        -webkit-transform:translate3d(0,-20px,0);
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        opacity:1;
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        opacity:1;
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut{
    -webkit-animation-duration:.75s;
    -webkit-animation-name:bounceOut;
    animation-duration:.75s;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        -webkit-transform:translate3d(0,-20px,0);
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
@keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        -webkit-transform:translate3d(0,-20px,0);
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    20%{
        -webkit-transform:translate3d(20px,0,0);
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes bounceOutLeft{
    20%{
        -webkit-transform:translate3d(20px,0,0);
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    20%{
        -webkit-transform:translate3d(-20px,0,0);
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
@keyframes bounceOutRight{
    20%{
        -webkit-transform:translate3d(-20px,0,0);
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        -webkit-transform:translate3d(0,20px,0);
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        -webkit-transform:translate3d(0,20px,0);
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function:ease-out;
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }
    40%{
        -webkit-animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function:ease-out;
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }
    50%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }
    80%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }
    to{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}
@keyframes flip{
    0%{
        -webkit-animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function:ease-out;
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }
    40%{
        -webkit-animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function:ease-out;
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }
    50%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }
    80%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }
    to{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}
.animated.flip{
    -webkit-animation-name:flip;
    -webkit-backface-visibility:visible;
    animation-name:flip;
    backface-visibility:visible
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(90deg);
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        opacity:1;
        transform:perspective(400px) rotateX(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX{
    0%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(90deg);
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        opacity:1;
        transform:perspective(400px) rotateX(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-animation-name:flipInX;
    -webkit-backface-visibility:visible!important;
    animation-name:flipInX;
    backface-visibility:visible!important
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(90deg);
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(-20deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        opacity:1;
        transform:perspective(400px) rotateY(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY{
    0%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(90deg);
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(-20deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        opacity:1;
        transform:perspective(400px) rotateY(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInY{
    -webkit-animation-name:flipInY;
    -webkit-backface-visibility:visible!important;
    animation-name:flipInY;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateX(-20deg);
        opacity:1;
        transform:perspective(400px) rotateX(-20deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateX(-20deg);
        opacity:1;
        transform:perspective(400px) rotateX(-20deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
}
.flipOutX{
    -webkit-animation-duration:.75s;
    -webkit-animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    animation-duration:.75s;
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateY(-15deg);
        opacity:1;
        transform:perspective(400px) rotateY(-15deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateY(-15deg);
        opacity:1;
        transform:perspective(400px) rotateY(-15deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
}
.flipOutY{
    -webkit-animation-duration:.75s;
    -webkit-animation-name:flipOutY;
    -webkit-backface-visibility:visible!important;
    animation-duration:.75s;
    animation-name:flipOutY;
    backface-visibility:visible!important
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0;
        transform:translate3d(100%,0,0) skewX(-30deg)
    }
    60%{
        -webkit-transform:skewX(20deg);
        opacity:1;
        transform:skewX(20deg)
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes lightSpeedIn{
    0%{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0;
        transform:translate3d(100%,0,0) skewX(-30deg)
    }
    60%{
        -webkit-transform:skewX(20deg);
        opacity:1;
        transform:skewX(20deg)
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-name:lightSpeedIn;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0;
        transform:translate3d(100%,0,0) skewX(30deg)
    }
}
@keyframes lightSpeedOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0;
        transform:translate3d(100%,0,0) skewX(30deg)
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-name:lightSpeedOut;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform:rotate(-200deg);
        -webkit-transform-origin:center;
        opacity:0;
        transform:rotate(-200deg);
        transform-origin:center
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:center;
        opacity:1;
        transform:translateZ(0);
        transform-origin:center
    }
}
@keyframes rotateIn{
    0%{
        -webkit-transform:rotate(-200deg);
        -webkit-transform-origin:center;
        opacity:0;
        transform:rotate(-200deg);
        transform-origin:center
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:center;
        opacity:1;
        transform:translateZ(0);
        transform-origin:center
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:left bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:left bottom
    }
}
@keyframes rotateInDownLeft{
    0%{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:left bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:left bottom
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:right bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:right bottom
    }
}
@keyframes rotateInDownRight{
    0%{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:right bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:right bottom
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:left bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:left bottom
    }
}
@keyframes rotateInUpLeft{
    0%{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:left bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:left bottom
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform:rotate(-90deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(-90deg);
        transform-origin:right bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:right bottom
    }
}
@keyframes rotateInUpRight{
    0%{
        -webkit-transform:rotate(-90deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(-90deg);
        transform-origin:right bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:right bottom
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center;
        opacity:1;
        transform-origin:center
    }
    to{
        -webkit-transform:rotate(200deg);
        -webkit-transform-origin:center;
        opacity:0;
        transform:rotate(200deg);
        transform-origin:center
    }
}
@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center;
        opacity:1;
        transform-origin:center
    }
    to{
        -webkit-transform:rotate(200deg);
        -webkit-transform-origin:center;
        opacity:0;
        transform:rotate(200deg);
        transform-origin:center
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:left bottom
    }
}
@keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:left bottom
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform-origin:right bottom
    }
    to{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:right bottom
    }
}
@keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform-origin:right bottom
    }
    to{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:right bottom
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:left bottom
    }
}
@keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:left bottom
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform-origin:right bottom
    }
    to{
        -webkit-transform:rotate(90deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(90deg);
        transform-origin:right bottom
    }
}
@keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform-origin:right bottom
    }
    to{
        -webkit-transform:rotate(90deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(90deg);
        transform-origin:right bottom
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge{
    0%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        transform-origin:top left
    }
    20%,60%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform:rotate(80deg);
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        transform:rotate(80deg);
        transform-origin:top left
    }
    40%,80%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform:rotate(60deg);
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        opacity:1;
        transform:rotate(60deg);
        transform-origin:top left
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        opacity:0;
        transform:translate3d(0,700px,0)
    }
}
@keyframes hinge{
    0%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        transform-origin:top left
    }
    20%,60%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform:rotate(80deg);
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        transform:rotate(80deg);
        transform-origin:top left
    }
    40%,80%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform:rotate(60deg);
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        opacity:1;
        transform:rotate(60deg);
        transform-origin:top left
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        opacity:0;
        transform:translate3d(0,700px,0)
    }
}
.hinge{
    -webkit-animation-duration:2s;
    -webkit-animation-name:hinge;
    animation-duration:2s;
    animation-name:hinge
}
@-webkit-keyframes jackInTheBox{
    0%{
        -webkit-transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        opacity:0;
        transform:scale(.1) rotate(30deg);
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        -webkit-transform:scale(1);
        opacity:1;
        transform:scale(1)
    }
}
@keyframes jackInTheBox{
    0%{
        -webkit-transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        opacity:0;
        transform:scale(.1) rotate(30deg);
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        -webkit-transform:scale(1);
        opacity:1;
        transform:scale(1)
    }
}
.jackInTheBox{
    -webkit-animation-name:jackInTheBox;
    animation-name:jackInTheBox
}
@-webkit-keyframes rollIn{
    0%{
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        opacity:0;
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes rollIn{
    0%{
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        opacity:0;
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        opacity:0;
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        opacity:0;
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn{
    0%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}
@keyframes zoomInDown{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}
@keyframes zoomInLeft{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}
@keyframes zoomInRight{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}
@keyframes zoomInUp{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
@keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin:center bottom
    }
}
@keyframes zoomOutDown{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin:center bottom
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        opacity:0;
        transform:scale(.1) translate3d(-2000px,0,0);
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        opacity:0;
        transform:scale(.1) translate3d(-2000px,0,0);
        transform-origin:left center
    }
}
.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    40%{
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        opacity:0;
        transform:scale(.1) translate3d(2000px,0,0);
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        opacity:0;
        transform:scale(.1) translate3d(2000px,0,0);
        transform-origin:right center
    }
}
.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin:center bottom
    }
}
@keyframes zoomOutUp{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin:center bottom
    }
}
.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:hidden
    }
}
@keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:hidden
    }
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:hidden
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:hidden
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:hidden
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:hidden
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:hidden
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:hidden
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.animated{
    -webkit-animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-duration:1s;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.delay-1s{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.animated.delay-2s{
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.animated.delay-3s{
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.animated.delay-4s{
    -webkit-animation-delay:4s;
    animation-delay:4s
}
.animated.delay-5s{
    -webkit-animation-delay:5s;
    animation-delay:5s
}
.animated.fast{
    -webkit-animation-duration:.8s;
    animation-duration:.8s
}
.animated.faster{
    -webkit-animation-duration:.5s;
    animation-duration:.5s
}
.animated.slow{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.slower{
    -webkit-animation-duration:3s;
    animation-duration:3s
}
@media (prefers-reduced-motion){
    .animated{
        -webkit-animation:unset!important;
        -webkit-transition:none!important;
        animation:unset!important;
        transition:none!important
    }
}
/* /local/templates/mp/styles/libs/jquery.fancybox.min.css */
 body.compensate-for-scrollbar{
    overflow:hidden
}
.fancybox-active{
    height:auto
}
.fancybox-is-hidden{
    left:-9999px;
    margin:0;
    position:absolute!important;
    top:-9999px;
    visibility:hidden
}
.fancybox-container{
    -webkit-backface-visibility:hidden;
    height:100%;
    left:0;
    outline:none;
    position:fixed;
    -webkit-tap-highlight-color:transparent;
    top:0;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    width:100%;
    z-index:99992
}
.fancybox-container *{
    box-sizing:border-box
}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.fancybox-outer{
    -webkit-overflow-scrolling:touch;
    overflow-y:auto
}
.fancybox-bg{
    background:#1e1e1e;
    opacity:0;
    transition-duration:inherit;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.47,0,.74,.71)
}
.fancybox-is-open .fancybox-bg{
    opacity:.9;
    transition-timing-function:cubic-bezier(.22,.61,.36,1)
}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{
    direction:ltr;
    opacity:0;
    position:absolute;
    transition:opacity .25s ease,visibility 0s ease .25s;
    visibility:hidden;
    z-index:99997
}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{
    opacity:1;
    transition:opacity .25s ease 0s,visibility 0s ease 0s;
    visibility:visible
}
.fancybox-infobar{
    color:#ccc;
    font-size:13px;
    -webkit-font-smoothing:subpixel-antialiased;
    height:44px;
    left:0;
    line-height:44px;
    min-width:44px;
    mix-blend-mode:difference;
    padding:0 10px;
    pointer-events:none;
    top:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fancybox-toolbar{
    right:0;
    top:0
}
.fancybox-stage{
    direction:ltr;
    overflow:visible;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    z-index:99994
}
.fancybox-is-open .fancybox-stage{
    overflow:hidden
}
.fancybox-slide{
    -webkit-backface-visibility:hidden;
    display:none;
    height:100%;
    left:0;
    outline:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:absolute;
    text-align:center;
    top:0;
    transition-property:opacity,-webkit-transform;
    transition-property:transform,opacity;
    transition-property:transform,opacity,-webkit-transform;
    white-space:normal;
    width:100%;
    z-index:99994
}
.fancybox-slide:before{
    content:"";
    display:inline-block;
    font-size:0;
    height:100%;
    vertical-align:middle;
    width:0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{
    display:block
}
.fancybox-slide--image{
    overflow:hidden;
    padding:44px 0
}
.fancybox-slide--image:before{
    display:none
}
.fancybox-slide--html{
    padding:6px
}
.fancybox-content{
    background:#fff;
    display:inline-block;
    margin:0;
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:relative;
    text-align:left;
    vertical-align:middle
}
.fancybox-slide--image .fancybox-content{
    -webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);
    animation-timing-function:cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility:hidden;
    background:transparent;
    background-repeat:no-repeat;
    background-size:100% 100%;
    left:0;
    max-width:none;
    overflow:visible;
    padding:0;
    position:absolute;
    top:0;
    -webkit-transform-origin:top left;
    transform-origin:top left;
    transition-property:opacity,-webkit-transform;
    transition-property:transform,opacity;
    transition-property:transform,opacity,-webkit-transform;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:99995
}
.fancybox-can-zoomOut .fancybox-content{
    cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-content{
    cursor:zoom-in
}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{
    cursor:-webkit-grab;
    cursor:grab
}
.fancybox-is-grabbing .fancybox-content{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.fancybox-container [data-selectable=true]{
    cursor:text
}
.fancybox-image,.fancybox-spaceball{
    background:transparent;
    border:0;
    height:100%;
    left:0;
    margin:0;
    max-height:none;
    max-width:none;
    padding:0;
    position:absolute;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.fancybox-spaceball{
    z-index:1
}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{
    height:100%;
    overflow:visible;
    padding:0;
    width:100%
}
.fancybox-slide--video .fancybox-content{
    background:#000
}
.fancybox-slide--map .fancybox-content{
    background:#e5e3df
}
.fancybox-slide--iframe .fancybox-content{
    background:#fff
}
.fancybox-iframe,.fancybox-video{
    background:transparent;
    border:0;
    display:block;
    height:100%;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.fancybox-iframe{
    left:0;
    position:absolute;
    top:0
}
.fancybox-error{
    background:#fff;
    cursor:default;
    max-width:400px;
    padding:40px;
    width:100%
}
.fancybox-error p{
    color:#444;
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0
}
.fancybox-button{
    background:rgba(30,30,30,.6);
    border:0;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
    display:inline-block;
    height:44px;
    margin:0;
    padding:10px;
    position:relative;
    transition:color .2s;
    vertical-align:top;
    visibility:inherit;
    width:44px
}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{
    color:#ccc
}
.fancybox-button:hover{
    color:#fff
}
.fancybox-button:focus{
    outline:none
}
.fancybox-button.fancybox-focus{
    outline:1px dotted
}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{
    color:#888;
    cursor:default;
    outline:none
}
.fancybox-button div{
    height:100%
}
.fancybox-button svg{
    display:block;
    height:100%;
    overflow:visible;
    position:relative;
    width:100%
}
.fancybox-button svg path{
    fill:currentColor;
    stroke-width:0
}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){
    display:none
}
.fancybox-progress{
    background:#ff5268;
    height:2px;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0;
    transform-origin:0;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    transition-timing-function:linear;
    z-index:99998
}
.fancybox-close-small{
    background:transparent;
    border:0;
    border-radius:0;
    color:#ccc;
    cursor:pointer;
    opacity:.8;
    padding:8px;
    position:absolute;
    right:-12px;
    top:-44px;
    z-index:401
}
.fancybox-close-small:hover{
    color:#fff;
    opacity:1
}
.fancybox-slide--html .fancybox-close-small{
    color:currentColor;
    padding:10px;
    right:0;
    top:0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{
    overflow:hidden
}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{
    display:none
}
.fancybox-navigation .fancybox-button{
    background-clip:content-box;
    height:100px;
    opacity:0;
    position:absolute;
    top:calc(50% - 50px);
    width:70px
}
.fancybox-navigation .fancybox-button div{
    padding:7px
}
.fancybox-navigation .fancybox-button--arrow_left{
    left:0;
    padding:31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right{
    padding:31px 6px 31px 26px;
    right:0
}
.fancybox-caption{
    bottom:0;
    color:#eee;
    font-size:14px;
    font-weight:400;
    left:0;
    line-height:1.5;
    padding:25px 44px;
    right:0;
    text-align:center;
    z-index:99996
}
.fancybox-caption:before{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
    background-repeat:repeat-x;
    background-size:contain;
    bottom:0;
    content:"";
    display:block;
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:-44px;
    z-index:-1
}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{
    color:#ccc;
    text-decoration:none
}
.fancybox-caption a:hover{
    color:#fff;
    text-decoration:underline
}
.fancybox-loading{
    -webkit-animation:a 1s linear infinite;
    animation:a 1s linear infinite;
    background:transparent;
    border:4px solid #888;
    border-bottom-color:#fff;
    border-radius:50%;
    height:50px;
    left:50%;
    margin:-25px 0 0 -25px;
    opacity:.7;
    padding:0;
    position:absolute;
    top:50%;
    width:50px;
    z-index:99999
}
@-webkit-keyframes a{
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@keyframes a{
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
.fancybox-animated{
    transition-timing-function:cubic-bezier(0,0,.25,1)
}
.fancybox-fx-slide.fancybox-slide--previous{
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--next{
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--current{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{
    opacity:0;
    transition-timing-function:cubic-bezier(.19,1,.22,1)
}
.fancybox-fx-fade.fancybox-slide--current{
    opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{
    opacity:0;
    -webkit-transform:scale3d(1.5,1.5,1.5);
    transform:scale3d(1.5,1.5,1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next{
    opacity:0;
    -webkit-transform:scale3d(.5,.5,.5);
    transform:scale3d(.5,.5,.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current{
    opacity:1;
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.fancybox-fx-rotate.fancybox-slide--previous{
    opacity:0;
    -webkit-transform:rotate(-1turn);
    transform:rotate(-1turn)
}
.fancybox-fx-rotate.fancybox-slide--next{
    opacity:0;
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
}
.fancybox-fx-rotate.fancybox-slide--current{
    opacity:1;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous{
    opacity:0;
    -webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);
    transform:scale3d(0,0,0) translate3d(-100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--next{
    opacity:0;
    -webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);
    transform:scale3d(0,0,0) translate3d(100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--current{
    opacity:1;
    -webkit-transform:scaleX(1) translateZ(0);
    transform:scaleX(1) translateZ(0)
}
.fancybox-fx-tube.fancybox-slide--previous{
    -webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next{
    -webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);
    transform:translate3d(100%,0,0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current{
    -webkit-transform:translateZ(0) scale(1);
    transform:translateZ(0) scale(1)
}
@media (max-height:576px){
    .fancybox-caption{
        padding:12px
    }
    .fancybox-slide{
        padding-left:6px;
        padding-right:6px
    }
    .fancybox-slide--image{
        padding:6px 0
    }
    .fancybox-close-small{
        right:-6px
    }
    .fancybox-slide--image .fancybox-close-small{
        background:#4e4e4e;
        color:#f2f4f6;
        height:36px;
        opacity:1;
        padding:6px;
        right:0;
        top:0;
        width:36px
    }
}
.fancybox-share{
    background:#f4f4f4;
    border-radius:3px;
    max-width:90%;
    padding:30px;
    text-align:center
}
.fancybox-share h1{
    color:#222;
    font-size:35px;
    font-weight:700;
    margin:0 0 20px
}
.fancybox-share p{
    margin:0;
    padding:0
}
.fancybox-share__button{
    border:0;
    border-radius:3px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    line-height:40px;
    margin:0 5px 10px;
    min-width:130px;
    padding:0 15px;
    text-decoration:none;
    transition:all .2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.fancybox-share__button:link,.fancybox-share__button:visited{
    color:#fff
}
.fancybox-share__button:hover{
    text-decoration:none
}
.fancybox-share__button--fb{
    background:#3b5998
}
.fancybox-share__button--fb:hover{
    background:#344e86
}
.fancybox-share__button--pt{
    background:#bd081d
}
.fancybox-share__button--pt:hover{
    background:#aa0719
}
.fancybox-share__button--tw{
    background:#1da1f2
}
.fancybox-share__button--tw:hover{
    background:#0d95e8
}
.fancybox-share__button svg{
    height:25px;
    margin-right:7px;
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:25px
}
.fancybox-share__button svg path{
    fill:#fff
}
.fancybox-share__input{
    background:transparent;
    border:0;
    border-bottom:1px solid #d7d7d7;
    border-radius:0;
    color:#5d5b5b;
    font-size:14px;
    margin:10px 0 0;
    outline:none;
    padding:10px 15px;
    width:100%
}
.fancybox-thumbs{
    background:#ddd;
    bottom:0;
    display:none;
    margin:0;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    padding:2px 2px 4px;
    position:absolute;
    right:0;
    -webkit-tap-highlight-color:transparent;
    top:0;
    width:212px;
    z-index:99995
}
.fancybox-thumbs-x{
    overflow-x:auto;
    overflow-y:hidden
}
.fancybox-show-thumbs .fancybox-thumbs{
    display:block
}
.fancybox-show-thumbs .fancybox-inner{
    right:212px
}
.fancybox-thumbs__list{
    font-size:0;
    height:100%;
    list-style:none;
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    position:absolute;
    position:relative;
    white-space:nowrap;
    width:100%
}
.fancybox-thumbs-x .fancybox-thumbs__list{
    overflow:hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
    width:7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
    background:#fff;
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
    background:#2a2a2a;
    border-radius:10px
}
.fancybox-thumbs__list a{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:rgba(0,0,0,.1);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    float:left;
    height:75px;
    margin:2px;
    max-height:calc(100% - 8px);
    max-width:calc(50% - 4px);
    outline:none;
    overflow:hidden;
    padding:0;
    position:relative;
    -webkit-tap-highlight-color:transparent;
    width:100px
}
.fancybox-thumbs__list a:before{
    border:6px solid #ff5268;
    bottom:0;
    content:"";
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition:all .2s cubic-bezier(.25,.46,.45,.94);
    z-index:99991
}
.fancybox-thumbs__list a:focus:before{
    opacity:.5
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before{
    opacity:1
}
@media (max-width:576px){
    .fancybox-thumbs{
        width:110px
    }
    .fancybox-show-thumbs .fancybox-inner{
        right:110px
    }
    .fancybox-thumbs__list a{
        max-width:calc(100% - 10px)
    }
}
/* /local/templates/mp/styles/libs/simplebar.min.css */
/*! * * SimpleBar.js - v2.6.1 * Scrollbars, simpler. * https://grsmto.github.io/simplebar/ * * Made by Adrien Grsmto from a fork by Jonathan Nicol * Under MIT License * */
 [data-simplebar]{
    position:relative;
    z-index:0;
    overflow:hidden!important;
    max-height:inherit;
    -webkit-overflow-scrolling:touch
}
[data-simplebar="init"]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.simplebar-scroll-content{
    overflow-x:hidden!important;
    overflow-y:scroll;
    min-width:100%!important;
    max-height:inherit!important;
    -webkit-box-sizing:content-box!important;
    box-sizing:content-box!important
}
.simplebar-content{
    overflow-y:hidden!important;
    overflow-x:scroll;
    -webkit-box-sizing:border-box!important;
    box-sizing:border-box!important;
    min-height:100%!important
}
.simplebar-track{
    z-index:1;
    position:absolute;
    right:0;
    bottom:0;
    width:11px
}
.simplebar-scrollbar{
    position:absolute;
    right:2px;
    width:7px;
    min-height:10px
}
.simplebar-scrollbar:before{
    position:absolute;
    content:"";
    background:#000;
    border-radius:7px;
    left:0;
    right:0;
    opacity:0;
    -webkit-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear
}
.simplebar-track:hover .simplebar-scrollbar:before,.simplebar-track .simplebar-scrollbar.visible:before{
    opacity:.5;
    -webkit-transition:opacity 0 linear;
    transition:opacity 0s linear
}
.simplebar-track.vertical{
    top:0
}
.simplebar-track.vertical .simplebar-scrollbar:before{
    top:2px;
    bottom:2px
}
.simplebar-track.horizontal{
    left:0;
    width:auto;
    height:11px
}
.simplebar-track.horizontal .simplebar-scrollbar:before{
    height:100%;
    left:2px;
    right:2px
}
.horizontal.simplebar-track .simplebar-scrollbar{
    right:auto;
    top:2px;
    height:7px;
    min-height:0;
    min-width:10px;
    width:auto
}
/* /local/templates/mp/styles/main.min.css */
 @charset "UTF-8";
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes buzz-out{
    10%,30%{
        -webkit-transform:translateX(3px) rotate(2deg);
        transform:translateX(3px) rotate(2deg)
    }
    20%,40%{
        -webkit-transform:translateX(-3px) rotate(-2deg);
        transform:translateX(-3px) rotate(-2deg)
    }
    50%,70%{
        -webkit-transform:translateX(2px) rotate(1deg);
        transform:translateX(2px) rotate(1deg)
    }
    60%,80%{
        -webkit-transform:translateX(-2px) rotate(-1deg);
        transform:translateX(-2px) rotate(-1deg)
    }
    90%{
        -webkit-transform:translateX(1px) rotate(0deg);
        transform:translateX(1px) rotate(0deg)
    }
    to{
        -webkit-transform:translateX(-1px) rotate(0deg);
        transform:translateX(-1px) rotate(0deg)
    }
}
@keyframes buzz-out{
    10%,30%{
        -webkit-transform:translateX(3px) rotate(2deg);
        transform:translateX(3px) rotate(2deg)
    }
    20%,40%{
        -webkit-transform:translateX(-3px) rotate(-2deg);
        transform:translateX(-3px) rotate(-2deg)
    }
    50%,70%{
        -webkit-transform:translateX(2px) rotate(1deg);
        transform:translateX(2px) rotate(1deg)
    }
    60%,80%{
        -webkit-transform:translateX(-2px) rotate(-1deg);
        transform:translateX(-2px) rotate(-1deg)
    }
    90%{
        -webkit-transform:translateX(1px) rotate(0deg);
        transform:translateX(1px) rotate(0deg)
    }
    to{
        -webkit-transform:translateX(-1px) rotate(0deg);
        transform:translateX(-1px) rotate(0deg)
    }
}
@-webkit-keyframes make-longer{
    0%{
        height:0
    }
    to{
        height:95%
    }
}
@keyframes make-longer{
    0%{
        height:0
    }
    to{
        height:95%
    }
}
@-webkit-keyframes grow-up{
    0%{
        width:9px;
        height:9px
    }
    to{
        width:48px;
        height:48px
    }
}
@keyframes grow-up{
    0%{
        width:9px;
        height:9px
    }
    to{
        width:48px;
        height:48px
    }
}
@-webkit-keyframes fadeInLeft-custom{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    20%{
        opacity:.4
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInLeft-custom{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    20%{
        opacity:.4
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes fadeInRight-custom{
    0%{
        opacity:0;
        -webkit-transform:translate3d(200%,0,0);
        transform:translate3d(200%,0,0)
    }
    20%{
        opacity:.4
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInRight-custom{
    0%{
        opacity:0;
        -webkit-transform:translate3d(200%,0,0);
        transform:translate3d(200%,0,0)
    }
    20%{
        opacity:.4
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes svgDasharray{
    0%{
        stroke-dashoffset:10000
    }
    to{
        stroke-dashoffset:0;
        stroke-dasharray:5
    }
}
@keyframes svgDasharray{
    0%{
        stroke-dashoffset:10000
    }
    to{
        stroke-dashoffset:0;
        stroke-dasharray:5
    }
}
@-webkit-keyframes show{
    0%,99%{
        opacity:0
    }
    to{
        opacity:100%
    }
}
@keyframes show{
    0%,99%{
        opacity:0
    }
    to{
        opacity:100%
    }
}
@-webkit-keyframes showSvgShape{
    0%{
        stroke-dasharray:500% 500%;
        stroke-dashoffset:500%
    }
    to{
        stroke-dashoffset:0%
    }
}
@keyframes showSvgShape{
    0%{
        stroke-dasharray:500% 500%;
        stroke-dashoffset:500%
    }
    to{
        stroke-dashoffset:0%
    }
}
body,li,p,ul{
    padding:0;
    margin:0
}
.overflow-y-scroll{
    overflow-y:scroll
}
.overflow-x-hidden{
    overflow-x:hidden
}
.overflow-hidden{
    overflow:hidden
}
.text-decoration-line-through{
    text-decoration:line-through
}
html{
    font-size:10px;
    scroll-behavior:smooth
}
body{
    font-family:"Gilroy","Helvetica","Arial",sans-serif
}
body.fancybox-active{
    overflow-y:hidden
}
.screen-heading{
    display:block;
    font-weight:400;
    font-size:5rem;
    text-transform:uppercase
}
.screen-description{
    display:block;
    font-size:3rem
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .free-lamp-arrow,.free-lamp-arrow-bottom,.free-lamp-gift-text,.free-lamp-sign{
        display:none!important
    }
    .here-and-now>svg{
        display:none
    }
}
@media screen and (max-width:1575px){
    html{
        font-size:8px
    }
    .screen-heading{
        font-size:4.375rem
    }
    .screen-description{
        font-size:2.5rem
    }
}
@media screen and (max-width:991px){
    html{
        font-size:10px
    }
    .screen-heading{
        font-size:30px
    }
    .screen-description{
        font-size:16px
    }
}
@media screen and (max-width:767px){
    html{
        font-size:8px
    }
    .screen-heading{
        font-size:18px
    }
    .screen-description{
        font-size:12px
    }
}
.buzz-out{
    -webkit-animation:buzz-out linear 1s;
    animation:buzz-out linear 1s
}
.make-longer{
    -webkit-animation:make-longer linear 4s;
    animation:make-longer linear 4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.grow-up{
    -webkit-animation:grow-up linear 1.5s;
    animation:grow-up linear 1.5s
}
.fadeInLeft-custom{
    -webkit-animation-name:fadeInLeft-custom;
    animation-name:fadeInLeft-custom;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.fadeInLeft-custom,.fadeInRight-custom{
    -webkit-animation-duration:.3s;
    animation-duration:.3s
}
.fadeInRight-custom,.showSvgShape{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.fadeInRight-custom{
    -webkit-animation-name:fadeInRight-custom;
    animation-name:fadeInRight-custom
}
.showSvgShape{
    -webkit-animation-name:showSvgShape;
    animation-name:showSvgShape;
    -webkit-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.rangeslider,.rangeslider__fill{
    display:block;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);
    box-shadow:inset 0 1px 3px rgba(0,0,0,.3);
    border-radius:10px
}
.rangeslider{
    background:#bababa;
    position:relative
}
.rangeslider--horizontal{
    height:10px;
    border:4px solid #fff;
    width:100%
}
.rangeslider--vertical{
    width:2px;
    min-height:150px;
    max-height:100%
}
.rangeslider--disabled{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity:.4
}
.rangeslider__fill,.rangeslider__handle{
    position:absolute;
    background:#e5046a
}
.rangeslider--horizontal .rangeslider__fill{
    top:-2px;
    height:6px
}
.rangeslider--vertical .rangeslider__fill{
    bottom:0;
    left:-2px;
    width:6px
}
.rangeslider__handle{
    border:5px solid #fff;
    cursor:pointer;
    display:inline-block;
    width:22px;
    height:22px;
    background-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size:100%;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(0,0,0,.1)));
    background-image:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1));
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.3);
    box-shadow:0 0 8px rgba(0,0,0,.3);
    border-radius:50%
}
.rangeslider--active .rangeslider__handle,.rangeslider__handle:active{
    background-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size:100%;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.12)));
    background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12))
}
.rangeslider--horizontal .rangeslider__handle{
    top:-10px;
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.rangeslider--vertical .rangeslider__handle{
    left:-10px;
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
input[type=range]:focus+.rangeslider .rangeslider__handle{
    -webkit-box-shadow:0 0 8px rgba(255,0,255,.9);
    box-shadow:0 0 8px rgba(255,0,255,.9)
}
@media screen and (max-width:1579px){
    .rangeslider--horizontal{
        height:9px
    }
    .rangeslider--horizontal .rangeslider__fill{
        top:-1px;
        height:4px
    }
}
.site-header{
    position:relative;
    height:140px
}
.top-line{
    flex-flow:row nowrap;
    justify-content:space-between;
    gap:0 10px;
    padding:8px 0;
    font-size:14px;
    line-height:20px
}
.top-line,.top-line-col{
    display:flex;
    align-items:center
}
.top-line-city-choice-wrapper{
    min-width:168px
}
.top-line-wrapper{
    background-color:#e8e8e8
}
.top-line-city-choice{
    height:100%;
    padding:0 0 0 20px;
    white-space:nowrap;
    background:0 3px url('https://luxsteli.com.ua/images/icons/pin-gray.svg')no-repeat;
    background-size:16px 16px
}
.top-line-city-choice>a{
    display:inline-block;
    width:auto;
    font-weight:700;
    font-size:16px;
    color:#000;
    border-bottom:1px dashed #000
}
.top-line-city-choice>a:focus,.top-line-city-choice>a:hover{
    text-decoration:none;
    border-bottom:1px solid #000
}
.top-line-city-choice>span{
    display:inline-block;
    width:0;
    height:0;
    margin:0 0 0 4px;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:7px solid #000
}
.top-line-address{
    margin:0 0 0 12px
}
.top-line-service{
    width:305px;
    color:#000
}
.top-line-service-item{
    position:relative
}
.top-line-service-item i{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:20px;
    height:20px
}
.top-line-service-item:first-child i{
    background:url('https://luxsteli.com.ua/images/icons/24-hours.svg')
}
.top-line-service-item:first-child i::after{
    content:url('https://luxsteli.com.ua/images/icons/24-hours-arrow.svg');
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:20px;
    height:20px;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-animation:rotate 1s cubic-bezier(.46,1.24,.65,.66) 4s 1;
    animation:rotate 1s cubic-bezier(.46,1.24,.65,.66) 4s 1
}
.top-line-service-item span{
    display:block;
    margin:0 0 0 30px
}
.top-line-service-item:nth-child(2){
    display:none
}
.top-line-service-item:nth-child(2) i{
    background:url('https://luxsteli.com.ua/images/icons/ok.svg')
}
.top-line-payment,.top-line-payment:hover{
    color:var(--color-purple);
    border-bottom:1px dashed
}
.top-line-payment:hover{
    text-decoration:none;
    border-bottom:1px solid
}
.top-line-sber{
    height:27px;
    margin:0 0 0 30px
}
.bottom-line-nav>li:hover>ul,.bottom-line-nav>li>ul>li:hover>ul,.top-line-service-item{
    display:block
}
.top-line-ask{
    margin:0 30px 0 0;
    color:#000
}
.top-line-social{
    display:flex;
    flex-flow:row nowrap;
    gap:0 9px
}
.top-line-social-link{
    display:block
}
.top-line-social-link:focus,.top-line-social-link:hover{
    text-decoration:none;
    opacity:.7
}
.top-line-social-link-icon{
    width:34px;
    height:34px
}
.bottom-line-wrapper{
    background:#fff;
    box-shadow:0 1px 8px 0 rgba(48,29,20,.2)
}
.instagram{
    fill:#e1306c
}
.telegram{
    fill:#37aee2
}
.whatsapp{
    fill:#29a71a
}
.viber{
    fill:#7d5bee
}
.vk{
    fill:#5181b8
}
.bottom-line{
    justify-content:space-between;
    min-height:90px;
    padding:7px 0;
    z-index:300
}
.bottom-line-wrapper-scroll .bottom-line{
    min-height:60px
}
.bottom-line,.bottom-line-col{
    display:flex;
    flex-flow:row nowrap;
    align-items:center
}
.bottom-line-wrapper-scroll{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000
}
.bottom-line-wrapper .top-line-social{
    display:none
}
.bottom-line-wrapper-scroll .top-line-social{
    display:flex
}
.bottom-line-logo-wrapper{
    flex:0 0 auto;
    min-width:168px
}
.bottom-line-wrapper-scroll .bottom-line-logo-wrapper{
    min-width:initial
}
.bottom-line-logo{
    display:block;
    width:110px;
    margin:-20px 0 0
}
.bottom-line-logo img{
    display:block;
    width:100%
}
.bottom-line-wrapper-scroll .bottom-line-logo{
    width:90px;
    margin:0
}
.bottom-line-region{
    max-width:190px;
    margin:0 0 0 12px;
    font-weight:500;
    font-size:14px;
    line-height:20px
}
.bottom-line-wrapper-scroll .bottom-line-region{
    display:none
}
.header-btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:46px;
    padding:0 18px;
    font-weight:500;
    font-size:16px;
    color:#fff;
    white-space:nowrap;
    background:var(--color-purple);
    border:1px solid var(--color-purple);
    border-radius:8px;
    cursor:pointer;
    transition:.25s
}
.header-btn:focus,.header-btn:hover{
    color:var(--color-purple);
    background-color:#fff;
    outline:0
}
.bottom-line-wrapper-scroll .header-btn{
    display:none
}
.hot-line{
    margin:0 0 0 30px;
    text-align:center
}
.hot-line-phone{
    flex:0 0 auto;
    display:inline-block;
    font-weight:700;
    font-size:18px;
    color:var(--color-purple);
    white-space:nowrap;
    border-bottom:1px dashed var(--color-purple)
}
.hot-line-phone:focus,.hot-line-phone:hover{
    color:var(--color-purple);
    border-bottom-style:solid;
    text-decoration:none
}
.hot-line-hours{
    font-weight:500;
    font-size:14px;
    color:#000
}
.bottom-line-wrapper-scroll .hot-line-hours{
    display:none
}
.header-burger{
    position:relative;
    flex:0 0 auto;
    display:none;
    width:28px;
    height:28px;
    padding:0;
    background:0 0;
    border:0;
    cursor:pointer
}
.header-burger .burger-line{
    display:block;
    height:4px;
    background:var(--color-purple);
    border-radius:2px;
    transition:transform .35s
}
.header-burger .burger-line+.burger-line,.std-text-small table td p+p{
    margin:4px 0 0
}
.header-burger:focus,.header-burger:hover{
    outline:0
}
.header-burger.opened .burger-line{
    opacity:0
}
.header-burger.opened .burger-line:first-child,.header-burger.opened .burger-line:last-child{
    position:absolute;
    top:50%;
    left:50%;
    width:24px;
    margin:-3px 0 0-12px;
    transform:rotate(45deg);
    opacity:1
}
.header-burger.opened .burger-line:last-child{
    transform:rotate(-45deg)
}
.calculator-price b,.dropdown-submenu-show{
    display:block
}
.overlay{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.4);
    z-index:99
}
@media screen and (max-width:1575px){
    .site-header{
        height:115px
    }
    .top-line{
        padding:8px 0;
        font-size:14px
    }
    .top-line-city-choice-wrapper{
        min-width:158px
    }
    .top-line-city-choice>a{
        font-size:15px
    }
    .top-line-service{
        width:270px
    }
    .top-line-service-item span{
        margin:0 0 0 26px
    }
    .top-line-sber{
        margin:0 0 0 12px
    }
    .top-line-ask{
        display:none
    }
    .top-line-social-link-icon{
        width:28px;
        height:28px
    }
    .bottom-line{
        min-height:70px
    }
    .bottom-line-logo-wrapper{
        min-width:158px
    }
    .bottom-line-logo{
        width:96px;
        margin:-14px 0 0
    }
    .bottom-line-region{
        display:none;
        max-width:initial;
        font-size:14px
    }
    .header-btn{
        height:38px;
        padding:0 10px;
        font-size:14px
    }
    .hot-line{
        margin:0 0 0 18px
    }
    .hot-line-phone,.hot-line-phone span{
        font-size:15px
    }
    .hot-line-hours{
        font-size:12px
    }
}
@media screen and (max-width:1199px){
    .site-header{
        height:100px
    }
    .top-line{
        padding:6px 0;
        font-size:13px
    }
    .top-line-city-choice-wrapper{
        min-width:150px
    }
    .top-line-city-choice>a{
        font-size:14px
    }
    .top-line-address{
        margin:0 0 0 12px
    }
    .top-line-service{
        display:none
    }
    .bottom-line{
        min-height:60px;
        padding:6px 0
    }
    .bottom-line-logo-wrapper{
        min-width:150px
    }
    .bottom-line-logo{
        width:86px
    }
    .header-btn{
        display:none
    }
    .bottom-line-wrapper-scroll .hot-line-phone{
        display:block;
        width:28px;
        height:28px;
        text-indent:100%;
        background:center/contain url('https://luxsteli.com.ua/images/icons/phone.svg')no-repeat;
        border:0;
        overflow:hidden
    }
}
@media screen and (max-width:991px){
    .site-header{
        height:76px
    }
    .top-line-wrapper{
        position:fixed;
        z-index:110;
        top:0;
        left:0;
        width:100%
    }
    .top-line{
        padding:3px 0
    }
    .top-line>:nth-child(n+2){
        display:none
    }
    .top-line-address{
        display:none
    }
    .top-line-city-choice{
        padding:0 0 0 16px;
        background-size:13px 13px
    }
    .top-line-city-choice>a{
        font-size:13px;
        border-bottom:none
    }
    .top-line-city-choice>a:focus,.top-line-city-choice>a:hover{
        border-bottom:none
    }
    .bottom-line-wrapper .top-line-social,.bottom-line-wrapper-scroll .top-line-social{
        display:flex
    }
    .bottom-line-wrapper{
        position:fixed;
        z-index:100;
        top:26px;
        left:0;
        width:100%
    }
    .bottom-line,.bottom-line-wrapper-scroll .bottom-line{
        min-height:50px
    }
    .bottom-line-logo-wrapper{
        min-width:initial
    }
    .bottom-line-logo,.bottom-line-wrapper-scroll .bottom-line-logo{
        width:72px;
        margin:0
    }
    .header-btn{
        display:none
    }
    .hot-line{
        margin:0 9px
    }
    .hot-line-phone{
        display:block;
        width:28px;
        height:28px;
        text-indent:100%;
        background:center/contain url('https://luxsteli.com.ua/images/icons/phone.svg')no-repeat;
        border:0;
        overflow:hidden
    }
    .hot-line-hours{
        display:none
    }
    .dropdown,.header-burger{
        display:block
    }
}
@media screen and (max-width:575px){
    .top-line-city-choice{
        max-width:100%
    }
    .top-line-city-choice>span{
        font-size:12px
    }
    .dropdown{
        left:0;
        width:100%
    }
}
.footer-contacts-service{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 0 0 auto;
    font-size:2.4rem
}
.footer-contacts-service:hover i::after{
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-animation:rotate 1s cubic-bezier(.46,1.24,.65,.66) 0s 1;
    animation:rotate 1s cubic-bezier(.46,1.24,.65,.66) 0s 1
}
.footer-contacts-service i{
    display:inline-block;
    position:relative;
    width:4.2rem;
    height:4.2rem;
    margin:0 1rem 0 0;
    background:url('https://luxsteli.com.ua/images/icons/24-hours.svg')
}
.footer-contacts-service i::after{
    content:url('https://luxsteli.com.ua/images/icons/24-hours-arrow.svg');
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:4.2rem;
    height:4.2rem
}
.footer-contacts-service strong{
    color:#e5046a
}
.footer-contacts-phone{
    margin:.4rem 0 0;
    font-size:2.4rem;
    text-align:left
}
.footer-contacts-phone i{
    display:inline-block;
    width:1em;
    height:1em;
    margin-bottom:-.1em
}
.footer-contacts-phone a{
    color:#000
}
@media (max-width:991px){
    .footer-contacts-phone{
        font-size:15px
    }
}
@media (max-width:575px){
    .footer-contacts-phone{
        display:none
    }
}
.get-pdf form label a:focus,.get-pdf form label a:hover{
    text-decoration:none
}
.footer-container{
    max-width:1274px;
    margin:0 auto
}
.footer-container .row{
    margin:0-5px
}
.footer-container .row>div,.ready-solutions-grid-item-table tr{
    padding:0 5px
}
.footer-top-logo{
    display:block;
    width:118px;
    margin:0 0 0 25px
}
.footer-top-logo img{
    display:block;
    max-width:100%
}
.footer-top-links{
    padding:10px 0;
    background:var(--color-purple)
}
.footer-top-links .row{
    min-height:80px
}
.footer-top-link{
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    margin:0 0 0 30px;
    font-weight:700;
    font-size:12px;
    line-height:16px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:underline
}
.footer-top-link:hover{
    color:#fff
}
.footer-top-link-icon{
    flex:0 0 auto;
    display:block;
    width:40px;
    height:40px;
    margin:0 12px 0 0;
    background:center no-repeat
}
.footer-top-link-icon-one{
    background-image:url('https://luxsteli.com.ua/images/footer-calc-icon.png')
}
.footer-top-link-icon-two{
    background-image:url('https://luxsteli.com.ua/images/footer-purse-icon.png')
}
.footer-top-link-icon-three{
    background-image:url('https://luxsteli.com.ua/images/footer-tape-icon.png')
}
.footer-top-link-icon-four{
    background-image:url('https://luxsteli.com.ua/images/footer-percent-icon.png')
}
.footer-middle-wrapper{
    background:#e5e5e5
}
.footer-middle-info{
    height:100%;
    padding:25px 25px 35px;
    background:#fff
}
.footer-middle-info .info-line{
    font-weight:500;
    font-size:16px;
    line-height:24px
}
.footer-middle-info .info-line+.info-line,.std-form-description p+p{
    margin:24px 0 0
}
.footer-middle-info .info-line a{
    color:#212529;
    text-decoration:none;
    border-bottom:1px solid
}
.footer-middle-info .info-line a.info-line-phone{
    color:var(--color-purple)
}
.footer-middle-menu{
    list-style:none;
    padding:0 0 35px 30px;
    margin:0
}
.footer-middle-menu>li{
    margin:0 0 8px;
    font-weight:500;
    font-size:14px;
    line-height:18px
}
.footer-middle-menu>li.menu-heading{
    margin:28px 0 8px;
    font-weight:700
}
.footer-middle-menu>li a{
    color:#212529
}
.footer-bottom{
    padding:34px 0 64px;
    color:#f6f3ff;
    background:#525869
}
.footer-bottom-row{
    display:flex;
    align-items:center;
    flex-flow:row nowrap;
    margin:0-5px
}
.footer-bottom-col{
    flex:0 0 auto;
    width:60%;
    padding:0 5px
}
.footer-bottom-col+.footer-bottom-col{
    width:40%
}
.footer-bottom-text{
    font-size:15px;
    line-height:22px
}
.footer-bottom-copyright{
    margin:0 60px 0 0;
    color:#c5c5c5
}
.footer-bottom-link{
    display:block;
    color:#f6f3ff
}
.footer-bottom-link:focus,.footer-bottom-link:hover{
    color:#fff
}
.footer-bottom-social-icons{
    display:flex;
    flex-flow:row nowrap;
    gap:0 12px;
    margin:0 0 0 30px
}
.footer-bottom-social-icon{
    display:block;
    height:38px
}
.footer-bottom-social-icon img{
    display:block;
    height:100%
}
.footer-bottom-social-icon:hover{
    opacity:.7
}
.footer-legal-desktop{
    display:flex;
    flex-flow:row wrap;
    gap:0 30px;
    margin:20px 0 0
}
.footer-legal-desktop a{
    font-size:13px;
    color:#fff
}
.footer-remark-desktop{
    margin:20px 0 0;
    font-size:10px
}
.footer-catalog{
    padding:25px 0;
    background:#5a6071
}
.footer-legal-mobile{
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    gap:25px 30px;
    margin:0 0 30px
}
.footer-legal-mobile a{
    display:block;
    font-weight:700;
    font-size:16px;
    color:#f6f3ff;
    text-align:center;
    text-transform:uppercase
}
.footer-remark-mobile{
    font-size:10px;
    color:#fff;
    text-align:center
}
@media (max-width:1575px){
    .footer-top-link,.footer-top-logo{
        margin:0 0 0 15px
    }
    .footer-middle-info{
        padding:25px 15px 30px
    }
    .footer-middle-info .info-line{
        font-size:15px
    }
    .footer-middle-menu{
        padding:0 0 30px 15px
    }
    .footer-bottom-copyright{
        margin:0 35px 0 0;
        color:#c5c5c5
    }
    .footer-bottom-social-icons{
        margin:0 0 0 15px
    }
}
@media (max-width:1199px){
    .footer-top-logo{
        width:100px;
        margin:0 0 0 10px
    }
    .footer-top-link{
        margin:0 0 0 10px;
        font-size:11px;
        line-height:16px
    }
    .footer-top-link-icon{
        margin:0 8px 0 0
    }
    .footer-middle-info{
        padding:25px 10px 30px
    }
    .footer-middle-info .info-line{
        font-size:14px;
        line-height:20px
    }
    .footer-middle-menu{
        padding:0 0 30px 10px
    }
    .footer-middle-menu>li{
        margin:0 0 6px;
        font-size:13px
    }
    .footer-middle-menu>li.menu-heading{
        margin:26px 0 6px
    }
    .footer-bottom-col{
        width:80%
    }
    .footer-bottom-col+.footer-bottom-col{
        width:20%
    }
    .footer-bottom-text{
        font-size:14px;
        line-height:18px
    }
    .footer-bottom-social-icons{
        margin:0 0 0 10px
    }
    .footer-bottom-social-icon{
        height:32px
    }
    .footer-legal-desktop{
        gap:20px
    }
    .footer-legal-desktop a{
        font-size:12px
    }
}
@media (max-width:991px){
    .footer-top-links{
        padding:26px 0
    }
    .footer-top-links .row{
        min-height:initial
    }
    .footer-middle-info .info-line+.info-line,.footer-top-link{
        margin:0
    }
    .footer-top-link-icon{
        margin:0 5px 0 0
    }
    .footer-middle-info{
        display:flex;
        flex-flow:row wrap;
        justify-content:space-between;
        gap:12px;
        padding:24px 0;
        box-shadow:-200px 0 0#fff,200px 0 0#fff
    }
    .footer-middle-info .info-line{
        width:calc(50% - 6px)
    }
    .footer-middle-info .info-line.order-1{
        order:1
    }
    .footer-middle-info .info-line.order-2{
        order:3
    }
    .footer-middle-menu{
        padding:0 15px 25px 0
    }
}
@media (max-width:767px){
    .footer-top-links{
        padding:18px 0
    }
    .footer-top-link{
        margin:8px 0
    }
    .footer-legal-mobile a{
        font-size:13px
    }
    .footer-middle-info{
        flex-flow:column nowrap;
        justify-content:start;
        align-items:start
    }
    .footer-middle-info .info-line{
        width:100%
    }
}
.flexer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    padding:0 0 150px
}
.flexer-bubble{
    -webkit-box-flex:2;
    -ms-flex-positive:2;
    flex-grow:2;
    max-height:250px
}
.cta-button{
    display:block;
    position:relative;
    top:-4rem;
    padding:1rem 6.5rem;
    border:0;
    border-radius:8px;
    background:-webkit-gradient(linear,left bottom,left top,from(#013a91),color-stop(6%,#0151c3),color-stop(27%,#0068f5),color-stop(72%,#0065ef),color-stop(92%,#025cd5));
    background:linear-gradient(to top,#013a91 0,#0151c3 6%,#0068f5 27%,#0065ef 72%,#025cd5 92%);
    -webkit-box-shadow:0 8px 24px 0 rgba(0,42,255,.77);
    box-shadow:0 8px 24px 0 rgba(0,42,255,.77);
    color:#fff;
    font-size:1.4rem;
    text-transform:uppercase;
    cursor:pointer;
    transition:box-shadow .1s
}
.cta-button:focus,.cta-button:hover{
    -webkit-box-shadow:none;
    box-shadow:none
}
.adress-form{
    width:1315px;
    padding:1.5rem 3.5rem;
    margin:.9rem auto 0;
    background:rgba(255,255,255,.9)
}
.adress-form>span{
    font-size:2.5rem
}
.adress-form>form,.partners{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.adress-form>form{
    margin:1rem 0 0
}
.adress-form>form input{
    width:100%;
    padding:1.1rem 1rem 1.2rem 3.5rem;
    border:1px solid #c5c5c5;
    border-radius:0;
    color:#585858;
    font-size:1.6rem;
    background-color:#fff;
    background-position:9px center;
    background-repeat:no-repeat;
    background-size:16px 16px
}
.adress-form>form>.adress{
    flex-basis:33%
}
.adress-form>form>.adress>input{
    background-image:url('https://luxsteli.com.ua/images/icons/pin-magenta.png')
}
.adress-form>form>.adress,.adress-form>form>.date,.adress-form>form>.phone{
    position:relative;
    margin:0 2.5rem 0 0
}
.adress-form>form>.phone{
    flex-basis:20%
}
.adress-form>form>.phone>input{
    background-image:url('https://luxsteli.com.ua/images/icons/phone-magenta.png')
}
.adress-form>form>.date{
    flex-basis:16%
}
.adress-form>form>.date>input{
    background-image:url('https://luxsteli.com.ua/images/icons/calendar-magenta.png')
}
.adress-form>form>button{
    flex-basis:25%;
    border:0;
    background:#e5046a;
    color:#fff;
    font-size:1.6rem;
    cursor:pointer
}
.partners{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:7.5rem;
    padding:1.2rem 0;
    background:#eaeaea
}
.partners div:not(:last-child){
    margin:0 6rem 0 0
}
.partners img{
    height:100%;
    opacity:.5;
    transition:all .2s
}
.partners img:hover{
    opacity:1;
    -webkit-filter:none;
    filter:none
}
.you-become{
    position:relative;
    padding:19rem 0 0
}
.you-become-bg-text{
    display:block;
    position:absolute;
    max-width:106rem;
    padding:10rem 0 0;
    color:#f1f1f1;
    font-size:22.3rem;
    font-weight:900;
    line-height:19rem;
    text-transform:uppercase;
    word-wrap:break-word;
    z-index:-1
}
.you-become-text-small{
    color:#000;
    font-size:2.2rem
}
.you-become-text-big{
    color:#000;
    font-size:6.8rem;
    line-height:.825
}
.you-become-benefits{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 8rem 1fr;
    grid-template-columns:1fr 8rem 1fr;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    margin:3rem 0 0
}
.you-become-benefits-blockquote{
    position:relative;
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    grid-column:3/4;
    -ms-grid-row:1;
    -ms-grid-row-span:2;
    grid-row:1/3
}
.you-become-benefits-blockquote-semicolon{
    display:inline-block;
    position:absolute;
    top:-5rem;
    left:-3rem;
    color:#000;
    font-size:5rem;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.you-become-benefits-blockquote blockquote{
    color:#333;
    font-size:1.6rem;
    font-style:italic
}
.you-become-benefits-blockquote::after{
    content:"";
    display:block;
    width:9rem;
    height:5px;
    margin:3rem 0 0;
    background:#e5046a
}
.you-become-benefits-item{
    position:relative;
    min-height:11rem;
    margin:0 0 4rem
}
.you-become-benefits-item:nth-child(2){
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
    -ms-grid-row:2;
    -ms-grid-row-span:2;
    grid-row:2/4
}
.you-become-benefits-item:nth-child(3),.you-become-benefits-item:nth-child(4){
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
    -ms-grid-row:4;
    -ms-grid-row-span:2;
    grid-row:4/6
}
.you-become-benefits-item:nth-child(4){
    -ms-grid-row:6;
    grid-row:6/8
}
.you-become-benefits-item:nth-child(5),.you-become-benefits-item:nth-child(6){
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    grid-column:3/4;
    -ms-grid-row:4;
    -ms-grid-row-span:2;
    grid-row:4/6
}
.you-become-benefits-item:nth-child(6){
    -ms-grid-row:6;
    grid-row:6/8
}
.free-lamp-icons-item:hover i,.get-pdf form .d-none.d-md-flex:hover>i,.personal-guarantee-items-item:hover>i,.you-become-benefits-item:hover .you-become-benefits-item-icon{
    -webkit-animation:buzz-out linear 1s;
    animation:buzz-out linear 1s
}
.you-become-benefits-item img,.you-become-benefits-item-heading::after,.you-become-benefits-item-icon{
    position:absolute;
    top:0;
    left:0;
    width:11rem;
    height:11rem
}
.you-become-benefits-item-icon{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:75%
}
.you-become-benefits-item-description,.you-become-benefits-item-heading{
    display:inline-block;
    color:#333;
    font-size:1.8rem
}
.you-become-benefits-item-heading{
    margin:1rem 0 1rem 13rem
}
.you-become-benefits-item-heading::after{
    content:"";
    display:block;
    border:1px solid #292929;
    border-radius:50%
}
.you-become-benefits-item-description{
    max-width:27rem;
    margin:0 0 0 13rem;
    font-size:13px
}
.you-become-benefits-item-description i{
    display:inline-block;
    width:1em;
    height:1em;
    background:url('https://luxsteli.com.ua/images/icons/star-solid.svg')center center no-repeat;
    background-size:contain
}
.iphone,.iphone-shadow{
    position:absolute;
    top:-50px;
    left:-150px;
    width:210px;
    height:425px;
    background-position:top left;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:2
}
.iphone-shadow{
    top:350px;
    left:-210px;
    width:350px;
    height:100px;
    background-position:center center;
    z-index:-5
}
.calculator{
    position:relative;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:5fr 2rem 3fr;
    grid-template-columns:5fr 2rem 3fr;
    padding:3rem 6.5rem 3rem 10.5rem;
    margin:15px 15px 80px;
    background:#fff;
    -webkit-box-shadow:12.605px 22.74px 45px 0 rgba(0,0,0,.21);
    box-shadow:12.605px 22.74px 45px 0 rgba(0,0,0,.21);
    color:#fff
}
.calculator-heading{
    padding:0 0 0 46rem
}
.calculator-fieldset{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 0 3rem
}
.calculator-fieldset:nth-of-type(1),.calculator-fieldset:nth-of-type(2),.calculator-fieldset:nth-of-type(3){
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
    -ms-grid-row:1;
    -ms-grid-row-span:1;
    grid-row:1/2
}
.calculator-fieldset:nth-of-type(2),.calculator-fieldset:nth-of-type(3){
    -ms-grid-row:2;
    grid-row:2/3
}
.calculator-fieldset:nth-of-type(3){
    -ms-grid-row:3;
    grid-row:3/4
}
.calculator-fieldset:nth-of-type(4){
    -ms-grid-column:1;
    grid-column:1/2
}
.calculator-fieldset:nth-of-type(4),.calculator-fieldset:nth-of-type(5){
    -ms-grid-column-span:1;
    -ms-grid-row-span:1
}
.calculator-fieldset:nth-of-type(4){
    -ms-grid-row:4;
    grid-row:4/5
}
.calculator-fieldset:nth-of-type(5){
    -ms-grid-column:3;
    grid-column:3/4;
    -ms-grid-row:3;
    grid-row:3/4
}
.calculator-fieldset-range{
    flex-basis:55%;
    margin:0 10px 0 0
}
.calculator-fieldset-number,.get-pdf form,.get-pdf form>div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.calculator-fieldset a{
    width:47px;
    height:47px;
    border:1px solid #bababa;
    color:#585858;
    font-size:37px;
    text-align:center;
    -webkit-transition:border-color .2s;
    transition:border-color .2s
}
.calculator-fieldset a:focus,.calculator-fieldset a:hover{
    border-color:#e5046a;
    text-decoration:none
}
.calculator-fieldset a span{
    display:block;
    margin:-5px 0 0
}
.calculator-fieldset-select{
    position:relative;
    cursor:pointer
}
.calculator-fieldset-select::after{
    content:"";
    display:block;
    position:absolute;
    top:1.5rem;
    right:2rem;
    width:1.5rem;
    height:1.5rem;
    border-bottom:1px solid #e5046a;
    border-right:1px solid #e5046a;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.calculator label{
    flex-basis:20rem;
    margin:0;
    color:#000;
    font-size:2rem
}
.calculator input[type=number]{
    width:6rem;
    height:4.7rem;
    padding:1rem;
    margin:0 1rem;
    border:1px solid #bababa;
    border-radius:0;
    font-size:2rem;
    font-weight:900;
    text-align:center
}
.calculator input[type=number]::-webkit-inner-spin-button,.calculator input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.calculator select{
    position:relative;
    min-width:22.4rem;
    height:5.4rem;
    padding:1rem 5.5rem 1rem 1.5rem;
    background:0 0;
    border:1px solid #e5046a;
    border-radius:0;
    font-size:2rem;
    font-weight:900;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    z-index:2
}
.calculator select::-ms-expand{
    display:none
}
.calculator-price{
    display:block;
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    grid-column:3/4;
    -ms-grid-row:1;
    -ms-grid-row-span:2;
    grid-row:1/3;
    color:#000;
    font-size:2rem;
    text-align:right
}
.calculator-price b{
    font-size:28px
}
.calculator-price b span,.calculator-price-line-values span{
    display:inline
}
.calculator-price-line-credit{
    margin:0 0 8px
}
.calculator-price-line-credit>span{
    font-size:16px;
    line-height:22px
}
.calculator-price-line-credit b,.calculator-price-line-values{
    font-size:18px;
    line-height:22px
}
.calculator-credit-range,.calculator-price-line-credit .rubl{
    font-weight:700
}
.calculator-price-question{
    display:inline-block;
    position:relative;
    font-size:13px;
    cursor:pointer
}
.calculator-price-question:hover{
    z-index:5
}
.calculator-price-question:hover .calculator-price-answer{
    display:block;
    z-index:5
}
.calculator-price-answer{
    display:none;
    position:absolute;
    top:calc(100% + 7px);
    padding:5px;
    background:#fff;
    border:1px solid #e5046a;
    -webkit-box-shadow:0 1px 8px 0 rgba(48,29,20,.5);
    box-shadow:0 1px 8px 0 rgba(48,29,20,.5)
}
.calculator-price-answer::after,.calculator-price-answer::before{
    content:"";
    display:block;
    position:absolute;
    left:50%;
    border-left:8px solid transparent;
    border-right:8px solid transparent
}
.calculator-price-answer::before{
    bottom:100%;
    border-bottom:12px solid #e5046a
}
.calculator-price-answer::after{
    bottom:calc(100% - 2px);
    border-bottom:12px solid #fff
}
.calculator-button{
    display:block;
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    grid-column:3/4;
    -ms-grid-row:4;
    -ms-grid-row-span:1;
    grid-row:4/5;
    width:100%;
    height:5.5rem;
    padding:1rem 0 0;
    margin:3px 0 0;
    background-color:#e5046a;
    -webkit-box-shadow:9.368px 10.404px 27px 0 rgba(229,4,105,.5);
    box-shadow:9.368px 10.404px 27px 0 rgba(229,4,105,.5);
    color:#fff;
    font-size:1.8rem;
    line-height:1.9rem;
    text-align:center;
    vertical-align:middle;
    transition:box-shadow .2s;
    cursor:pointer
}
.calculator-button:focus,.calculator-button:hover{
    color:#fff;
    text-decoration:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.calculator-question{
    -ms-grid-column:1;
    -ms-grid-column-span:3;
    grid-column:1/4;
    -ms-grid-row:5;
    -ms-grid-row-span:1;
    grid-row:5/6;
    color:#000;
    font-size:1.5rem
}
.calculator-question-credit{
    margin:8px 0;
    font-size:18px;
    line-height:22px
}
.calculator-question-credit b{
    white-space:nowrap
}
.calculator-question-icon{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:1.7rem;
    height:1.7rem;
    margin:0 1rem 0 0;
    background:#e5046a;
    border-radius:50%;
    color:#fff;
    font-size:1.1rem;
    text-align:center;
    vertical-align:middle
}
.catalog-heading{
    display:block;
    max-width:1110px;
    margin:0 auto;
    text-align:center
}
.catalog-heading:first-child{
    margin:80px auto 0
}
.catalog-icons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:25px 0
}
.catalog-icons-img{
    position:relative;
    width:250px;
    height:85px;
    background-size:contain;
    background-position:0 0;
    background-repeat:no-repeat
}
.catalog-icons-img:not(:nth-child(3n)){
    margin:0 10px 0 0
}
.catalog-icons-img:first-of-type>div{
    bottom:2px;
    left:37px;
    width:33px;
    height:33px
}
.catalog-icons-img:nth-of-type(2)>div{
    bottom:4px;
    left:96px;
    width:28px;
    height:28px
}
.catalog-icons-img:nth-of-type(3)>div{
    bottom:0;
    left:125px;
    width:37px;
    height:31px
}
.catalog-icons-img>div{
    position:absolute;
    bottom:0;
    left:0;
    width:50px;
    height:50px;
    background-size:contain;
    background-position:0 0;
    background-repeat:no-repeat
}
.catalog-main{
    min-height:657px
}
.catalog-categories{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    list-style:none
}
.catalog-categories li:not(:last-child){
    margin:0 30px 0 0
}
.catalog-categories a{
    position:relative;
    color:#000;
    font-size:18px;
    white-space:nowrap
}
.catalog-categories a:focus,.catalog-categories a:hover{
    color:#000;
    text-decoration:none
}
.catalog-categories a:focus::before,.catalog-categories a:hover::before{
    content:"";
    display:block;
    position:absolute;
    top:110%;
    left:0;
    width:25px;
    height:2px;
    background:#e5046a
}
.catalog-categories a.active{
    font-weight:700
}
.catalog-categories-leaf{
    display:inline-block;
    width:22px;
    height:28px;
    margin:-10px 0 0;
    fill:#3bcc3b
}
.catalog-swiper{
    position:relative;
    height:455px;
    margin:25px 0 0;
    overflow:hidden
}
.catalog-swiper-slide{
    position:relative;
    width:100%;
    height:100%;
    padding:0 60px 25px;
    flex-shrink:0;
    transition-property:transform
}
.catalog-swiper-slide-img{
    display:block;
    height:100%;
    margin:0 195px 0 0
}
.catalog-swiper-slide-img img,.catalog-thumbs-thumb-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.catalog-swiper-slide-description{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:absolute;
    top:0;
    right:60px;
    width:336px;
    height:340px;
    padding:24px 35px 28px;
    background:#fff;
    -webkit-box-shadow:5.847px 19.126px 40px 0 rgba(0,0,0,.1);
    box-shadow:5.847px 19.126px 40px 0 rgba(0,0,0,.1);
    z-index:2
}
.catalog-swiper-slide-description-description,.catalog-swiper-slide-description-name{
    margin:0 0 15px;
    font-size:19px;
    line-height:1.2
}
.catalog-swiper-slide-description-description{
    flex-grow:1;
    overflow:hidden;
    text-overflow:ellipsis
}
.catalog-swiper-slide-description-price{
    font-size:19px;
    line-height:1.2
}
.catalog-swiper-slide-description-price-old{
    display:block
}
.catalog-swiper-slide-description-price-old span{
    text-decoration:line-through
}
.catalog-swiper-slide-description-button{
    max-width:252px;
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    padding:5px 10px;
    border:0;
    background-color:#e5046a;
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-align:center;
    -webkit-box-shadow:5px 5px 5px 0 rgba(229,4,105,.3);
    box-shadow:5px 5px 5px 0 rgba(229,4,105,.3);
    cursor:pointer
}
.catalog-swiper-slide-description-button:focus,.catalog-swiper-slide-description-button:hover{
    color:#fff;
    text-decoration:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.catalog-swiper-slide-category{
    display:inline-block;
    position:absolute;
    top:0;
    left:60px;
    padding:10px;
    background:rgba(255,255,255,.8);
    font-size:18px;
    font-weight:700;
    text-align:center;
    z-index:2
}
.catalog-swiper-controls{
    position:absolute;
    bottom:25px;
    right:60px;
    width:176px;
    height:69px;
    background:#fff;
    -webkit-box-shadow:5.847px 19.126px 40px 0 rgba(0,0,0,.1);
    box-shadow:5.847px 19.126px 40px 0 rgba(0,0,0,.1);
    z-index:9
}
.catalog-swiper-controls-separator{
    position:absolute;
    bottom:25px;
    right:143px;
    width:1px;
    height:51px;
    margin:9px 0;
    background:#e4e4e4;
    z-index:10
}
.catalog-swiper-button{
    display:inline-block;
    position:absolute;
    bottom:25px;
    width:88px;
    height:69px;
    cursor:pointer;
    z-index:10
}
.catalog-swiper-button:hover div{
    border-color:#e5046a
}
.catalog-swiper-button div{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:16px;
    height:16px;
    margin:-8px 0 0-8px;
    border-bottom:2px solid #000;
    border-left:2px solid #000
}
.catalog-swiper-button-prev{
    right:146px
}
.catalog-swiper-button-prev div{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.catalog-swiper-button-next{
    right:60px
}
.catalog-swiper-button-next div{
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.catalog-thumbs{
    position:relative;
    height:125px;
    margin:0 60px 25px;
    overflow:hidden
}
.catalog-thumbs-thumb{
    position:relative;
    width:100%;
    height:100%;
    padding:0 0 10px;
    flex-shrink:0;
    cursor:pointer
}
.catalog-thumbs-thumb-active::after{
    content:"";
    display:block;
    width:25px;
    height:2px;
    margin:5px 0 0;
    background:#e5046a
}
.catalog-thumbs-thumb-img{
    width:100%;
    height:100%;
    transition-property:transform
}
.get-pdf{
    position:relative;
    padding:20px 90px;
    margin:50px 25px;
    border:12px solid #e8e8e8
}
.get-pdf-heading{
    display:block;
    margin:80px 0 0
}
.get-pdf-heading,.get-pdf-subheading{
    text-align:center
}
.get-pdf-description{
    display:block;
    font-size:21px;
    font-weight:900;
    text-align:center
}
.get-pdf form{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:65px 0 0
}
.get-pdf form>div{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    flex-basis:50%;
    vertical-align:top;
    position:relative;
    margin:0 0 60px
}
.get-pdf form i{
    display:inline-block;
    flex-shrink:0;
    position:relative;
    top:0;
    left:0;
    width:50px;
    height:50px;
    margin:0 0 0 30px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat
}
.get-pdf form span{
    display:inline-block;
    margin:25px 0 0 20px;
    font-size:16px
}
.get-pdf form input:not([type=checkbox]){
    width:100%;
    height:67px;
    padding:0 50px 0 103px;
    margin:0 40px 0 0;
    border:0;
    border-radius:30px;
    -webkit-box-shadow:inset 0 4px 4.62px 2.38px rgba(118,118,118,.38);
    box-shadow:inset 0 4px 4.62px 2.38px rgba(118,118,118,.38);
    font-size:19px;
    -webkit-appearance:initial
}
.get-pdf form input:not([type=checkbox])+i{
    display:block;
    position:absolute;
    top:21px;
    left:28px;
    width:27px;
    height:27px;
    margin:0;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat
}
.get-pdf form input:not([type=checkbox])+i::after{
    content:"";
    display:block;
    position:absolute;
    top:-10px;
    left:54px;
    width:2px;
    height:49px;
    background:#e5046a
}
.get-pdf form button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:67px;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#ce0354),to(#ff2e82));
    background-image:linear-gradient(to top,#ce0354 0,#ff2e82 100%);
    border:0;
    border-radius:15px;
    -webkit-box-shadow:.968px 3.881px 0 0 rgba(165,1,75,.004);
    box-shadow:.968px 3.881px 0 0 rgba(165,1,75,.004);
    color:#fff;
    font-size:19px;
    cursor:pointer
}
.get-pdf form button::before{
    content:url('https://luxsteli.com.ua/images/icons/download.svg');
    display:block;
    width:20px;
    height:20px;
    margin:0 20px 0 0
}
.get-pdf form label{
    flex-basis:50%;
    display:block;
    position:relative;
    max-width:505px;
    padding:0 0 0 30px;
    font-size:14px;
    line-height:15px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer
}
.get-pdf form label input{
    position:absolute;
    width:0;
    height:0;
    opacity:0;
    cursor:pointer
}
.get-pdf form label input:checked~.checkmark{
    background-color:#b2e5ff
}
.get-pdf form label .checkmark{
    position:absolute;
    top:2px;
    left:0;
    height:18px;
    width:18px;
    margin:0;
    background-color:#eee;
    border-radius:2px
}
.get-pdf form label .checkmark::after{
    content:"";
    display:none;
    position:absolute;
    top:3px;
    left:5px;
    width:8px;
    height:10px;
    border:solid #fff;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
#tab-1:checked~#tab-content-1,#tab-2:checked~#tab-content-2,#tab-3:checked~#tab-content-3,.get-pdf form label input:checked~.checkmark::after,.tabs-faq-question input:checked+label+.tabs-faq-answer{
    display:block
}
.get-pdf form label a{
    color:#b2e5ff;
    text-decoration:underline
}
.get-pdf-catalog-update{
    display:block;
    position:absolute;
    top:-70px;
    right:-100px;
    font-size:12px
}
.get-pdf img,.get-pdf-arrow{
    position:absolute;
    top:-120px;
    right:-180px;
    width:540px
}
.get-pdf-arrow{
    top:220px;
    right:-100px;
    width:170px
}
.icons-choice{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:absolute;
    top:15px;
    left:22px;
    width:39px;
    height:39px;
    padding:6px 6px 0;
    overflow:hidden;
    z-index:5
}
.icons-choice-show{
    height:auto;
    background:#fff;
    -webkit-box-shadow:0 2px 5px 2px rgba(0,0,0,.3);
    box-shadow:0 2px 5px 2px rgba(0,0,0,.3);
    overflow:auto
}
.icons-choice-show>:first-child{
    -webkit-filter:opacity(.5);
    filter:opacity(.5)
}
.icons-choice>*{
    flex-shrink:0;
    padding-top:100%;
    margin:0 0 18px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center
}
.icons-choice>div:last-child{
    cursor:pointer
}
.icons-choice-selected-icon{
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1
}
.choose-and-order{
    background-color:#d2d2d2
}
.choose-and-order-text{
    display:inline-block;
    position:relative;
    margin:0 0 0 9px;
    font-size:27px;
    font-weight:900;
    text-transform:uppercase
}
.choose-and-order-text::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:-100px;
    width:0;
    height:0;
    border-left:40px solid transparent;
    border-right:40px solid transparent;
    border-top:40px solid #fff
}
.shop-now{
    position:relative;
    padding:20px 0 50px;
    margin:0 0 60px;
    background:url('https://luxsteli.com.ua/images/icons/trolley.svg')no-repeat -100px 90%,url('https://luxsteli.com.ua/images/icons/trolley.svg')no-repeat calc(100% + 220px) 90%;
    background-color:#f7f7f7;
    background-size:350px,350px
}
.shop-now-discount-banner,.shop-now-trolley{
    position:absolute;
    top:-415px;
    width:378px;
    height:436px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center
}
.shop-now-trolley{
    left:80px
}
.shop-now-discount-banner{
    right:80px
}
.shop-now-description,.shop-now-heading{
    display:block;
    text-align:center
}
.shop-now-heading{
    margin:270px 0 0
}
.shop-now-description{
    margin:0 0 65px
}
.shop-now-grid{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr
}
.shop-now-zero-problems{
    display:block;
    -ms-grid-column:1;
    -ms-grid-column-span:7;
    grid-column:1/8;
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    grid-row:1/4;
    font-size:32px;
    font-weight:900;
    line-height:1.2;
    text-transform:uppercase;
    list-style:none
}
.shop-now-zero-problems-red{
    color:#f42625
}
.shop-now-person{
    position:absolute;
    bottom:-69px;
    width:100%;
    height:540px;
    background:url('https://luxsteli.com.ua/images/shop-now-person.png')80px bottom no-repeat;
    background-size:contain;
    z-index:4
}
.shop-now-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:432px;
    height:76px;
    margin:0 0 200px;
    background-image:-webkit-gradient(linear,left top,right top,from(#eb014e),color-stop(13%,#f50151),color-stop(34%,#ff0054),color-stop(77%,#ff0054),color-stop(88%,#f80253),to(#f00351));
    background-image:linear-gradient(90deg,#eb014e 0,#f50151 13%,#ff0054 34%,#ff0054 77%,#f80253 88%,#f00351 100%);
    -webkit-box-shadow:-13.926px -9.751px 57px 0 rgba(229,4,105,.5);
    box-shadow:-13.926px -9.751px 57px 0 rgba(229,4,105,.5);
    border-radius:8px;
    color:#fff;
    font-family:"Arial","Helvetica",sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1.25;
    text-transform:uppercase
}
.shop-now-button:focus,.shop-now-button:hover{
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    text-decoration:none
}
.shop-now-button::before{
    content:url('https://luxsteli.com.ua/images/icons/trolley.svg');
    display:block;
    width:72px;
    height:54px;
    padding:7px 24px 7px 0;
    margin:0 36px 0 0;
    border-right:2px solid #fff
}
.shop-now-button-wrapper{
    z-index:4
}
.shop-now-button-cta{
    display:inline-block;
    margin:5px 0 200px 70px;
    font-size:15px
}
.shop-now-button-cta-buyers-count{
    padding:0 3px;
    margin:0 2px 0 0;
    background:#f1f1f1;
    border:3px solid #c5c5c5;
    border-radius:6px;
    font-size:28px
}
.here-and-now{
    display:block;
    position:relative;
    -ms-grid-column:12;
    -ms-grid-column-span:12;
    grid-column:12/24;
    -ms-grid-row:1;
    -ms-grid-row-span:1;
    grid-row:1/2;
    color:#f42625;
    font-size:76px;
    line-height:1;
    text-transform:uppercase
}
.here-and-now>svg{
    position:absolute;
    top:100%;
    right:50px;
    height:700px
}
.online-discount{
    -ms-grid-column:17;
    -ms-grid-column-span:7;
    grid-column:17/24;
    -ms-grid-row:2;
    -ms-grid-row-span:1;
    grid-row:2/3;
    font-size:22px;
    line-height:1.05;
    display:inline-block;
    margin:0 0 25px
}
.steps-text{
    -ms-grid-column:11;
    -ms-grid-column-span:3;
    grid-column:11/14;
    -ms-grid-row:3;
    -ms-grid-row-span:4;
    grid-row:3/7;
    font-size:22px;
    font-weight:900;
    line-height:1.15;
    text-align:right
}
.steps-text,.steps-text>span{
    display:block
}
.steps-text>span:not(:last-child){
    margin:0 0 62px
}
.steps-counter div:nth-child(1),.steps-text>span:nth-child(1){
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.steps-counter div:nth-child(2),.steps-text>span:nth-child(2){
    -webkit-animation-delay:1.7s;
    animation-delay:1.7s
}
.steps-counter div:nth-child(3),.steps-text>span:nth-child(3){
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.steps-counter div:nth-child(4),.steps-text>span:nth-child(4){
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.steps-counter,.steps-progress-bar{
    -ms-grid-column-span:1;
    -ms-grid-row:3;
    -ms-grid-row-span:4;
    grid-row:3/7
}
.steps-counter{
    display:inline-block;
    color:#e4e4e4;
    font-size:84px;
    font-weight:900;
    line-height:1.33;
    -ms-grid-column:15;
    grid-column:15/16;
    margin:-35px 0 0
}
.steps-counter div{
    -webkit-animation-duration:.3s;
    animation-duration:.3s
}
.steps-progress-bar{
    -ms-grid-column:16;
    grid-column:16/17;
    position:relative;
    margin:8px 0 0-20px
}
.steps-progress-bar-line{
    position:absolute;
    top:-202px;
    left:4px;
    width:8px;
    height:696px;
    background:#fff
}
.steps-progress-bar-line::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:-36px;
    width:0;
    height:0;
    border-left:40px solid transparent;
    border-right:40px solid transparent;
    border-bottom:40px solid #fff
}
.steps-progress-bar-line-red{
    width:2px;
    margin:4px 3px 0;
    background:#f42625
}
.steps-progress-bar-dot{
    position:relative;
    width:100%;
    height:100%;
    background:#fff;
    border:6px solid #f42625;
    border-radius:50%
}
.steps-progress-bar-dot-wrapper{
    position:relative;
    width:16px;
    height:16px;
    margin:0 0 95px
}
.steps-progress-bar-dot-wrapper:nth-of-type(2) .steps-progress-bar-dot-border{
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.steps-progress-bar-dot-wrapper:nth-of-type(3) .steps-progress-bar-dot-border{
    -webkit-animation-delay:1.7s;
    animation-delay:1.7s
}
.steps-progress-bar-dot-wrapper:nth-of-type(4) .steps-progress-bar-dot-border{
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.steps-progress-bar-dot-wrapper:nth-of-type(5) .steps-progress-bar-dot-border{
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.steps-progress-bar-dot-border{
    position:absolute;
    top:50%;
    left:50%;
    width:9px;
    height:9px;
    border:1px solid #f42625;
    border-radius:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.steps-description{
    display:block;
    -ms-grid-column:17;
    -ms-grid-column-span:7;
    grid-column:17/24;
    -ms-grid-row:3;
    -ms-grid-row-span:4;
    grid-row:3/7;
    font-size:16px;
    line-height:1.45
}
.steps-description>span{
    display:inline-block;
    height:112px
}
.steps-description>span:nth-child(1){
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.steps-description>span:nth-child(2){
    -webkit-animation-delay:1.7s;
    animation-delay:1.7s
}
.steps-description>span:nth-child(3){
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.steps-description>span:nth-child(4){
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.diamond-button-hide-text span,.steps-opacity{
    opacity:0
}
.personal-guarantee{
    padding:90px 0 110px;
    background:#f1f1f1 url('https://luxsteli.com.ua/images/geometric-bg.png')center center no-repeat;
    background-size:contain
}
.personal-guarantee-heading{
    display:block;
    margin:0 0 55px;
    font-size:30px;
    text-align:center
}
.personal-guarantee-promo-arrow{
    position:absolute;
    top:-120px;
    left:100px;
    width:75px
}
.personal-guarantee-promo-text{
    position:absolute;
    left:0;
    font-weight:700;
    text-align:right
}
.personal-guarantee-video{
    width:100%;
    height:auto
}
.personal-guarantee-video iframe{
    width:100%;
    height:100%
}
.personal-guarantee-video video{
    width:100%
}
.personal-guarantee-text{
    position:relative;
    padding:30px;
    background-image:url('https://luxsteli.com.ua/images/signature.png');
    background-size:100px;
    background-position:85% 100%;
    background-repeat:no-repeat
}
.personal-guarantee-text::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    border-top:2px solid #e5046a;
    border-left:2px solid #e5046a
}
.personal-guarantee-text::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:50px;
    height:50px;
    border-bottom:2px solid #e5046a;
    border-right:2px solid #e5046a
}
.personal-guarantee-text>p{
    margin:0 0 15px;
    color:#585858;
    font-size:15px;
    line-height:1.4;
    text-indent:15px;
    text-align:justify
}
.personal-guarantee-items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.personal-guarantee-items-item{
    flex-basis:30%
}
.personal-guarantee-items-item:not(:last-child){
    margin:0 90px 0 0
}
.personal-guarantee-items i{
    display:block;
    position:relative;
    width:40px;
    height:40px;
    margin:20px
}
.personal-guarantee-items i::after{
    content:"";
    display:block;
    position:absolute;
    bottom:-20px;
    left:-10px;
    width:15px;
    height:2px;
    background:#e5046a
}
.personal-guarantee-items-heading{
    display:block;
    margin:30px 0 0 20px;
    font-size:10px;
    font-weight:700
}
.personal-guarantee-items-description{
    display:block;
    margin:0 0 0 20px;
    color:#585858;
    font-size:10px
}
.personal-guarantee-request{
    background:#fff;
    padding:5px 30px;
    margin:20px 0 0
}
.personal-guarantee-request-text{
    display:inline-block;
    font-size:17px;
    margin:0 0 10px
}
.personal-guarantee-request-input{
    display:inline-block;
    position:relative;
    margin:0 40px 13px 0
}
.personal-guarantee-request-input input{
    width:290px;
    padding:5px 10px 5px 35px;
    border:1px solid #c5c5c5;
    border-radius:0;
    color:#585858;
    font-size:14px;
    background-size:16px 16px;
    background-repeat:no-repeat;
    background-position:10px center
}
.personal-guarantee-request button{
    display:inline-block;
    height:33px;
    padding:0 20px;
    background:#e5046a;
    border:0;
    color:#fff;
    font-size:14px;
    cursor:pointer
}
.certificates{
    position:relative;
    margin:20px 0 180px
}
.diamond-bg-text{
    display:inline-block;
    position:absolute;
    top:0;
    max-width:72%;
    margin:200px 0 0;
    color:#f1f1f1;
    font-family:"Pragmatica","Arial","Helvetica",sans-serif;
    font-size:227px;
    font-weight:900;
    line-height:190px;
    text-transform:uppercase;
    word-wrap:break-word
}
.certificates .diamond-bg-text{
    max-width:1120px
}
.certificates-text{
    position:relative;
    padding:130px 0 0;
    color:#292929
}
.certificates-text-big{
    display:block;
    margin:0 0 25px;
    font-size:56px;
    line-height:1.01;
    text-transform:uppercase
}
.certificates-text-middle{
    display:block;
    margin:0 0 20px;
    font-size:28px;
    line-height:1.16
}
.certificates-text-small{
    display:block;
    margin:0 0 35px;
    font-size:22px;
    line-height:1.1
}
.certificates-text-img{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:100%;
    background-image:url('https://luxsteli.com.ua/images/certificate-mockup.png'),url('https://luxsteli.com.ua/images/certificate-mockup-shadow.png');
    background-size:contain;
    background-position:right bottom;
    background-repeat:no-repeat
}
.certificates-blanks{
    padding:40px 90px;
    border:1px solid #bababa
}
.certificates-blanks-swiper{
    width:100%;
    overflow:hidden
}
.certificates-blanks-img{
    width:163px;
    height:224px
}
.certificates-blanks-img-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    flex-shrink:0
}
.certificates-blanks-img img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    border:6px solid #bababa;
    -o-border-image:url('https://luxsteli.com.ua/images/certificate-border.svg')6 stretch;
    border-image:url('https://luxsteli.com.ua/images/certificate-border.svg')6 stretch
}
.certificates-benefit{
    display:block;
    background:#bababa;
    color:#fff;
    font-size:22px;
    line-height:48px;
    text-align:center;
    text-transform:uppercase
}
.certificates-partners{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:10px 110px;
    background:#e8e8e8
}
.certificates-partners img{
    height:45px
}
.feedback{
    position:relative;
    padding:50px 0 0;
    background:#f1f1f1
}
.feedback-description,.feedback-heading{
    display:block;
    text-align:center
}
.feedback-heading span{
    position:relative
}
.feedback-like{
    position:absolute;
    top:150px;
    left:150px;
    width:342px;
    height:294px;
    background-image:url('https://luxsteli.com.ua/images/icons/like.png');
    opacity:.4;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
.feedback-hashtag{
    display:block;
    padding:50px 50px 20px;
    font-weight:300;
    font-size:56px;
    text-align:right;
    opacity:.3
}
.feedback-items-swiper>.swiper-wrapper{
    display:block
}
.feedback-items-swiper-nav{
    display:none;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:300px;
    margin:20px auto 0
}
.feedback-items-swiper-button{
    display:inline-block;
    position:relative;
    width:32px;
    height:32px;
    border:1px solid #000;
    border-radius:5px;
    cursor:pointer
}
.feedback-items-swiper-button::after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:10px;
    margin-top:-5px;
    border-bottom:1px solid #000;
    border-left:1px solid #000
}
.feedback-items-swiper-button-prev::after{
    margin-left:-3px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.feedback-items-swiper-button-next::after{
    margin-left:-7px;
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg)
}
.feedback-items-swiper-pagination{
    display:inline-block;
    text-align:center
}
.feedback-items-swiper-pagination .swiper-pagination-bullet:not(:last-child){
    margin:0 10px 0 0
}
.feedback-items-swiper-pagination .swiper-pagination-bullet-active{
    background:var(--color-purple)
}
.feedback-item{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:195px 1fr;
    grid-template-columns:195px 1fr;
    width:100%;
    height:100%;
    padding:10px;
    background:#fff
}
.feedback-item-wrapper{
    display:inline-block;
    width:618px;
    flex-shrink:0
}
.feedback-item-wrapper:nth-of-type(odd){
    margin:0 15px 30px 0
}
.feedback-item-wrapper:nth-of-type(even){
    margin:0 0 30px 15px
}
.feedback-item-name,.feedback-item-rating{
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
    -ms-grid-row-span:1;
    margin:0 0 15px
}
.feedback-item-rating{
    -ms-grid-row:1;
    grid-row:1/2
}
.feedback-item-rating i{
    display:inline-block;
    width:13px;
    height:13px;
    margin:0 5px 0 0;
    background:url('https://luxsteli.com.ua/images/icons/rating-star.svg')center center no-repeat;
    background-size:contain
}
.feedback-item-rating span{
    font-size:10px
}
.feedback-item-name{
    display:block;
    -ms-grid-row:2;
    grid-row:2/3;
    max-height:33px;
    line-height:1.2;
    overflow:hidden
}
.feedback-item-area,.feedback-item-name{
    font-size:14px;
    font-weight:900
}
.feedback-item-city,.feedback-item-options,.feedback-item-price{
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
    -ms-grid-row-span:1
}
.feedback-item-options{
    display:inline-block;
    max-height:80px;
    height:100%;
    margin:0 0 10px;
    line-height:1.5;
    overflow-y:scroll;
    -ms-grid-row:3;
    grid-row:3/4;
    font-size:13px
}
.feedback-item-options>span,.feedback-item-rating span{
    display:block;
    color:#bababa
}
.feedback-item-options>span.feedback-item-options-prev{
    display:inline-block;
    color:#000
}
.feedback-item-options a,.tabs-content-table thead{
    color:#e5046a
}
.feedback-item-price{
    -ms-grid-row:4;
    grid-row:4/5;
    font-size:15px
}
.feedback-item-price>span{
    display:inline;
    padding:0 5px;
    background:#fe5ba4;
    font-size:15px
}
.feedback-item-city{
    -ms-grid-row:5;
    grid-row:5/6;
    max-height:40px;
    font-size:12px;
    overflow:hidden
}
.feedback-item-images{
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    grid-column:2/3;
    -ms-grid-row:1;
    -ms-grid-row-span:5;
    grid-row:1/6;
    position:relative;
    flex-basis:80%;
    height:100%;
    margin:0 0 0 5px;
    overflow:hidden
}
.feedback-swiper{
    position:relative;
    height:225px;
    margin:0 0 5px;
    overflow:hidden
}
.feedback-swiper-slide{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    flex-shrink:0
}
.feedback-swiper-slide-video::after,.feedback-thumbs-thumb-video::after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:0;
    height:0;
    border-left:40px solid #ff0e58;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.feedback-thumbs-thumb-video::after{
    border-left:22px solid #ff0e58;
    border-top:11px solid transparent;
    border-bottom:11px solid transparent
}
.feedback-swiper-slide img,.feedback-thumbs-thumb img,.office-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.feedback-thumbs{
    position:relative;
    height:63px;
    overflow:hidden
}
.feedback-thumbs-thumb{
    position:relative;
    height:100%;
    flex-shrink:0;
    cursor:pointer
}
.feedback-button,.feedback-see-more a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.feedback-see-more a{
    width:295px;
    height:52px;
    margin:0 auto;
    border:1px solid #000;
    color:#000;
    font-size:16px;
    line-height:52px;
    text-align:center;
    position:relative;
    z-index:10
}
.feedback-see-more a::after{
    content:"";
    width:15px;
    height:15px;
    margin:0 0 0 10px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.feedback-button{
    position:absolute;
    background:#e5046a;
    z-index:5
}
.feedback-button:focus,.feedback-button:hover{
    text-decoration:none
}
.feedback-button i{
    display:inline-block;
    width:15px;
    height:15px;
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat
}
.feedback-button-like{
    top:7px;
    right:10px;
    min-width:36px;
    height:20px;
    padding:0 3px;
    border-radius:2px;
    text-align:center
}
.feedback-button-like i{
    margin:0 2px 0 0
}
.feedback-button-like span{
    color:#fff;
    font-size:12px
}
.feedback-button-like::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    width:0;
    height:0;
    margin:0 0 0-4px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #e5046a
}
.feedback-button-share{
    top:5px;
    right:10px;
    width:24px;
    height:24px;
    border-radius:50%
}
.feedback-item-first-block{
    grid-row:1/2
}
.feedback-item-second-block{
    grid-row:2/3
}
.feedback-item-third-block{
    grid-row:3/4
}
.feedback-item-fourth-block{
    grid-row:4/6
}
.feedback-item-rating-stars{
    display:inline-block
}
.feedback-item-rating-stars i{
    display:inline-block;
    width:13px;
    height:13px;
    margin:0 5px 0 0;
    background:url('https://luxsteli.com.ua/images/icons/rating-star.svg')center center no-repeat;
    background-size:contain
}
.feedback-item-rating-name{
    font-size:10px;
    color:#bababa
}
.feedback-item-date{
    font-size:12px;
    color:#000
}
.feedback-item-room{
    font-weight:600;
    font-size:16px;
    line-height:1.3
}
.feedback-item-collection{
    font-weight:300;
    font-size:13px
}
.feedback-item-author-name{
    font-weight:600;
    font-size:16px;
    line-height:1.3
}
.feedback-item-address{
    font-weight:300;
    font-size:13px
}
.feedback-item-text{
    max-height:120px;
    font-style:italic;
    font-size:13px;
    overflow-y:auto
}
.feedback-item-user-score{
    position:absolute;
    z-index:10;
    top:3px;
    right:3px;
    padding:0 6px;
    font-weight:700;
    font-size:17px;
    color:#10ab05;
    background:#fff
}
.feedback-item-user-score button{
    padding:0;
    margin:0 1px;
    background:0 0;
    border:0;
    border-radius:0;
    cursor:pointer;
    outline:0
}
.feedback-item-user-score button .fa{
    font-size:19px;
    color:#10ab05
}
.feedback-item-user-score button+button .fa{
    color:#ff0e58
}
.page-navigation{
    margin:20px 0;
    text-align:center
}
.page-navigation a,.page-navigation span{
    margin:0 5px;
    font-weight:500;
    font-size:22px;
    color:#000;
    text-decoration:none
}
.page-navigation .page-navigation-current{
    font-weight:700
}
@media (max-width:1575px){
    .feedback-item-date{
        font-size:10px;
        color:#000
    }
    .feedback-item-room{
        font-size:12px
    }
    .feedback-item-collection{
        font-size:10px
    }
    .feedback-item-author-name{
        font-size:12px
    }
    .feedback-item-address{
        font-size:10px
    }
    .feedback-item-text{
        max-height:80px;
        font-size:10px
    }
}
@media (max-width:1199px){
    .feedback-item-rating-stars i{
        width:15px;
        height:15px
    }
    .feedback-item-rating-name{
        font-size:12px
    }
    .feedback-item-date{
        font-size:13px
    }
    .feedback-item-room{
        font-size:16px
    }
    .feedback-item-collection{
        font-size:13px
    }
    .feedback-item-author-name{
        font-size:16px
    }
    .feedback-item-address{
        font-size:13px
    }
    .feedback-item-text{
        max-height:120px;
        font-size:13px
    }
}
@media (max-width:767px){
    .feedback-item-first-block{
        grid-column:1/2;
        grid-row:1/2
    }
    .feedback-item-second-block{
        grid-column:1/2;
        grid-row:2/3;
        margin:5px 0
    }
    .feedback-item-third-block{
        grid-column:1/2;
        grid-row:5/6;
        margin:0 0 5px
    }
    .feedback-item-fourth-block{
        grid-column:1/2;
        grid-row:7/8
    }
}
.free-lamp{
    position:relative;
    padding:0 0 200px;
    background:#f1f1f1
}
.free-lamp-arrow{
    position:absolute;
    top:-60px;
    width:100%;
    z-index:5
}
.free-lamp-arrow-bottom{
    position:absolute;
    bottom:0;
    width:100%;
    z-index:5
}
.free-lamp-promo{
    position:relative;
    width:185px;
    height:185px;
    background:-webkit-gradient(linear,left top,left bottom,from(#81023c),to(#fb0876));
    background:linear-gradient(to bottom,#81023c 0,#fb0876 100%);
    border-radius:50%;
    -webkit-box-shadow:2px 2px 15px #585858;
    box-shadow:2px 2px 15px #585858;
    color:#fff;
    font-size:22px;
    line-height:1.3
}
.free-lamp-promo span{
    position:absolute;
    top:50%;
    left:30%
}
.free-lamp-heading{
    display:block;
    margin:35px 0 15px;
    color:#000;
    font-size:40px;
    font-weight:700;
    line-height:1.25
}
.free-lamp-description{
    display:block;
    margin:0 0 55px;
    color:#000;
    font-size:24px;
    line-height:1.25
}
.free-lamp .personal-guarantee-request-input{
    margin:0 15px 15px 0
}
.free-lamp .personal-guarantee-request-input input{
    width:250px
}
.free-lamp-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    right:70px;
    width:370px;
    height:36px;
    background-color:#f06;
    border:0;
    -webkit-box-shadow:7px 12.124px 28px 0 rgba(229,4,105,.5);
    box-shadow:7px 12.124px 28px 0 rgba(229,4,105,.5);
    color:#fff;
    font-size:18px
}
.free-lamp-button:focus,.free-lamp-button:hover{
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    text-decoration:none
}
.free-lamp-icons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:200px 0 0
}
.free-lamp-icons-item{
    flex-basis:50%;
    margin:0 0 45px
}
.free-lamp-icons-item i{
    display:block;
    width:45px;
    height:45px;
    margin:0 0 15px 10px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
.free-lamp-icons-item span{
    font-size:16px;
    line-height:1.25
}
.free-lamp-gift{
    position:absolute;
    top:100px;
    right:2vw;
    width:430px;
    height:430px;
    background:url('https://luxsteli.com.ua/images/lamps-gift.png')center center no-repeat,url('https://luxsteli.com.ua/images/lamps-gift-shadow.png')center center no-repeat;
    background-size:contain
}
.free-lamp-gift-text{
    display:inline-block;
    position:absolute;
    top:450px;
    right:22vw;
    -webkit-transform:rotate(-40deg);
    transform:rotate(-40deg);
    font-size:18px
}
.free-lamp-sign{
    position:absolute;
    bottom:20%;
    left:48%;
    width:32%
}
.free-cleaner .free-lamp-gift{
    z-index:8;
    right:7vw;
    background:url('https://luxsteli.com.ua/images/free_cleaner/cleaner.png')center center no-repeat;
    background-size:contain
}
.free-cleaner .free-lamp-sign-position{
    position:absolute;
    z-index:6;
    bottom:20%;
    left:48%;
    width:32%
}
.free-cleaner .free-lamp-sign{
    position:static;
    width:auto;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.free-cleaner .free-lamp-gift-text{
    z-index:6;
    top:45px;
    right:auto;
    left:50px;
    -webkit-transform:rotate(9deg);
    transform:rotate(9deg)
}
.free-cleaner .free-lamp-heading{
    display:inline-block;
    position:relative
}
.free-cleaner .free-lamp-heading::after{
    content:"";
    position:absolute;
    top:-30px;
    right:-25px;
    width:45px;
    height:45px;
    background:url('https://luxsteli.com.ua/images/free_cleaner/smile.png')no-repeat;
    background-size:contain
}
.free-cleaner .free-lamp-heading__light,.free-cleaner .free-lamp-heading__mini{
    font-weight:300;
    text-transform:none
}
.free-cleaner .free-lamp-heading__colored{
    color:#f06;
    text-transform:none
}
@media screen and (max-width:1575px){
    .free-cleaner .free-lamp-gift{
        top:50px;
        right:10%
    }
    .free-cleaner .free-lamp-sign-position{
        bottom:30%;
        left:47%;
        width:38%;
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg)
    }
}
@media screen and (max-width:1199px){
    .free-cleaner .free-lamp-gift{
        top:100px;
        right:5%
    }
    .free-cleaner .free-lamp-heading{
        font-size:35px
    }
    .free-cleaner .free-lamp-sign-position{
        bottom:15%;
        left:48%;
        width:30%;
        -webkit-transform:rotate(-9deg);
        transform:rotate(-9deg)
    }
    .free-cleaner .free-lamp-gift-text{
        top:15px;
        left:20px
    }
}
@media screen and (max-width:991px){
    .free-cleaner .free-lamp-heading{
        font-size:30px
    }
    .free-cleaner .free-lamp-sign-position{
        bottom:20%;
        width:32%
    }
}
@media screen and (max-width:767px){
    .free-cleaner .free-lamp-gift,.free-cleaner .free-lamp-sign-position{
        display:none
    }
}
@media screen and (max-width:575px){
    .free-cleaner .free-lamp-heading::after{
        display:none
    }
}
.callback-heading,.faq-heading{
    display:block;
    margin:150px 0 125px;
    text-align:center
}
.callback-heading{
    margin:20px 0 40px
}
.callback-description{
    display:block;
    margin:0 0 75px;
    font-size:29px;
    text-transform:uppercase
}
.callback-text-big{
    display:block;
    color:#eaeaea;
    font-size:93px;
    font-weight:900;
    line-height:1
}
.callback-text-big-move-left{
    text-align:center
}
.callback-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    margin:0 75px 0 95px
}
.callback-form-text{
    display:block;
    margin:60px 0 15px;
    font-size:21px;
    line-height:1.1
}
.callback-form .personal-guarantee-request-input{
    margin:0 0 10px
}
.callback-form .personal-guarantee-request-input input{
    width:100%
}
.callback-form button{
    height:29px;
    padding:0 10px;
    background:#e5046a;
    border:0;
    color:#fff;
    font-size:14px;
    line-height:100%;
    cursor:pointer
}
.callback-coffee{
    position:relative;
    top:-190px;
    height:300px;
    background-size:contain;
    background-position:70%center;
    background-repeat:no-repeat;
    z-index:5
}
.contacts-info{
    background:#eaeaea
}
.contacts-info-block,.contacts-info-block-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.contacts-info-block{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:30px 0 15px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.contacts-info-block-left{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.contacts-info-block-left svg{
    width:25px;
    height:25px;
    margin:0 20px 0 0;
    fill:#e5046a
}
.contacts-info-block-right{
    text-align:right
}
.contacts-info-block-right .adress-block-text span{
    line-height:1.1
}
.contacts-info-block-text{
    display:inline-block;
    font-size:17px
}
.contacts-info-block-text div{
    line-height:1.5
}
.contacts-info-block-text a{
    display:inline-block;
    color:#000;
    border-bottom:1px dashed #000;
    line-height:1.5;
    cursor:pointer
}
.contacts-info-block-text a:focus,.contacts-info-block-text a:hover{
    text-decoration:none;
    border-bottom:1px solid #000
}
.office-img{
    height:650px
}
#regional_map,.map{
    height:550px
}
@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none){
    body>div{
        overflow-x:hidden
    }
    body>div.shop-now{
        overflow-x:visible
    }
    .shop-now-person{
        bottom:-68px;
        background-position:-85px 0
    }
    .catalog-icons-img div{
        display:none
    }
}
@media screen and (max-width:1575px){
    .cta-button{
        position:relative;
        top:-2rem;
        left:15rem
    }
    .adress-form{
        width:935px;
        margin:5.9rem auto 0
    }
    .adress-form>span{
        font-size:2.7rem
    }
    .adress-form form{
        margin:0
    }
    .adress-form form input{
        background-size:14px 14px;
        background-position:7px center;
        font-size:1.8rem
    }
    .adress-form form button{
        font-size:1.8rem
    }
    .you-become{
        padding:6rem 0 3rem
    }
    .you-become-bg-text{
        max-width:95rem;
        padding:8rem 0 0;
        font-size:20rem
    }
    .you-become-text-small{
        font-size:2rem
    }
    .you-become-text-big{
        font-size:7rem
    }
    .you-become-benefits{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns:1fr 8rem 1fr;
        grid-template-columns:1fr 8rem 1fr;
        -ms-grid-rows:auto;
        grid-template-rows:auto;
        margin:3rem 0 0
    }
    .you-become-benefits-blockquote{
        position:relative;
        -ms-grid-column:3;
        -ms-grid-column-span:1;
        grid-column:3/4;
        -ms-grid-row:1;
        -ms-grid-row-span:2;
        grid-row:1/3
    }
    .you-become-benefits-blockquote-semicolon{
        font-size:6rem
    }
    .you-become-benefits-blockquote blockquote{
        font-size:1.75rem
    }
    .you-become-benefits-item{
        margin:0 0 3rem
    }
    .you-become-benefits-item-heading::after,.you-become-benefits-item-icon{
        width:8rem;
        height:8rem
    }
    .you-become-benefits-item-heading{
        margin:1rem 0 1rem 11rem;
        font-size:1.8rem
    }
    .you-become-benefits-item-description{
        max-width:230px;
        margin:0 0 0 11rem
    }
    .iphone{
        top:50px;
        left:-120px;
        width:131px;
        height:265px
    }
    .iphone-shadow{
        top:310px;
        left:-170px;
        width:243px;
        height:50px
    }
    .calculator{
        -ms-grid-columns:5fr 1rem 3fr;
        grid-template-columns:5fr 1rem 3fr;
        padding:3rem 6rem 3rem 7rem;
        margin:15px 15px 140px
    }
    .calculator-heading{
        padding:0;
        margin:0 auto;
        text-align:center
    }
    .calculator-fieldset-select::after{
        top:1rem
    }
    .calculator-fieldset a{
        width:32px;
        height:32px;
        font-size:28px
    }
    .calculator label{
        flex-basis:21rem;
        font-size:2rem
    }
    .calculator input[type=number]{
        width:5.5rem;
        height:4rem;
        font-size:14px
    }
    .calculator select{
        min-width:20rem;
        height:4.5rem;
        padding:.6rem 5.5rem 1rem 1.5rem
    }
    .calculator-price{
        font-size:2rem
    }
    .calculator-price-question{
        margin:0 0 15px
    }
    .calculator-button{
        height:4.5rem;
        padding:.5rem 0 0;
        font-size:1.7rem
    }
    .calculator-question{
        font-size:1.7rem
    }
    .calculator-question-icon{
        width:1.5rem;
        height:1.5rem;
        padding:.1rem 0 0;
        font-size:1rem
    }
    .catalog-heading{
        max-width:760px
    }
    .catalog-icons-img{
        width:190px;
        height:65px
    }
    .catalog-icons-img:not(:nth-child(3n)),.steps-text>span:not(:last-child){
        margin:0
    }
    .catalog-icons-img:first-of-type>div{
        bottom:2px;
        left:28px;
        width:26px;
        height:26px
    }
    .catalog-icons-img:nth-of-type(2)>div{
        bottom:3px;
        left:73px;
        width:22px;
        height:22px
    }
    .catalog-icons-img:nth-of-type(3)>div{
        bottom:0;
        left:96px;
        width:30px;
        height:24px
    }
    .catalog-main{
        min-height:469px
    }
    .catalog-categories li:not(:last-child){
        margin:0 15px 0 0
    }
    .catalog-categories a{
        font-size:14px
    }
    .catalog-categories-leaf{
        width:16px;
        height:20px
    }
    .catalog-swiper{
        height:332px;
        margin:0
    }
    .catalog-swiper-slide{
        padding:14px 49px
    }
    .catalog-swiper-slide-img{
        margin:0 140px 0 0
    }
    .catalog-swiper-slide-description{
        top:14px;
        right:49px;
        width:239px;
        height:242px;
        padding:25px
    }
    .catalog-swiper-slide-description-description,.catalog-swiper-slide-description-name{
        margin:0 0 12px;
        font-size:14px
    }
    .catalog-swiper-slide-description-price-old{
        margin:0
    }
    .catalog-swiper-slide-description-button{
        font-size:13px
    }
    .catalog-swiper-slide-category{
        top:14px;
        left:49px
    }
    .catalog-swiper-controls{
        bottom:14px;
        right:49px;
        width:125px;
        height:50px
    }
    .catalog-swiper-controls-separator{
        bottom:14px;
        right:111px;
        height:32px
    }
    .catalog-swiper-button{
        bottom:14px;
        width:62px;
        height:50px
    }
    .catalog-swiper-button div{
        width:10px;
        height:10px;
        margin:-5px 0 0-5px
    }
    .catalog-swiper-button-prev{
        right:112px
    }
    .catalog-swiper-button-next{
        right:49px
    }
    .catalog-thumbs{
        height:94px;
        margin:0 49px 25px
    }
    .get-pdf{
        padding:15px 95px 15px 20px;
        margin:30px 0 50px;
        border-width:8px
    }
    .get-pdf-description{
        font-size:16px
    }
    .get-pdf form{
        margin:15px 0 0
    }
    .get-pdf form>div{
        margin:0 0 30px
    }
    .get-pdf form i{
        width:30px;
        height:30px;
        margin:0 0 0 20px
    }
    .get-pdf form span{
        margin:15px 0 0 8px;
        font-size:11px
    }
    .get-pdf form input:not([type=checkbox]){
        height:42px;
        padding:0 25px 0 65px;
        margin:0 23px 0 0;
        font-size:14px
    }
    .get-pdf form input:not([type=checkbox])+i{
        top:14px;
        left:17px;
        width:17px;
        height:17px
    }
    .get-pdf form input:not([type=checkbox])+i::after{
        top:-8px;
        left:34px;
        height:32px
    }
    .get-pdf form button{
        height:42px;
        margin:0 23px 0 0;
        font-size:14px
    }
    .get-pdf form button::before{
        width:16px;
        height:16px;
        margin:0 10px 0 0
    }
    .get-pdf form label{
        max-width:295px;
        padding:0 0 0 20px;
        font-size:10px;
        line-height:1.2
    }
    .get-pdf form label .checkmark{
        top:4px;
        width:13px;
        height:13px
    }
    .get-pdf form label .checkmark::after{
        top:2px;
        left:4px;
        width:6px;
        height:8px;
        border-width:0 2px 2px 0
    }
    .get-pdf-catalog-update{
        top:-80px;
        right:-170px
    }
    .get-pdf img{
        right:-226px;
        width:440px
    }
    .get-pdf-arrow{
        top:140px;
        right:-40px;
        width:90px;
        -webkit-transform:rotate(20deg);
        transform:rotate(20deg)
    }
    .icons-choice{
        top:7px;
        left:11px;
        width:30px;
        height:30px
    }
    .icons-choice-show{
        height:auto
    }
    .icons-choice>*{
        margin:0 0 8px
    }
    .choose-and-order-text{
        margin:0 0 0 17px;
        font-size:19px
    }
    .choose-and-order-text::after{
        right:-78px;
        border-left:28px solid transparent;
        border-right:28px solid transparent;
        border-top:28px solid #fff
    }
    .shop-now{
        margin:0 0 25px
    }
    .shop-now-discount-banner,.shop-now-trolley{
        top:-280px;
        width:245px;
        height:282px
    }
    .shop-now-heading{
        margin:170px 0 0
    }
    .shop-now-description{
        margin:0 0 60px
    }
    .shop-now-zero-problems{
        font-size:24px
    }
    .shop-now-person{
        bottom:-48px;
        height:380px
    }
    .shop-now-button{
        width:305px;
        height:54px;
        font-size:14px
    }
    .shop-now-button::before{
        display:block;
        width:55px;
        height:38px;
        padding:5px 17px 5px 0;
        margin:0 25px 0 0
    }
    .shop-now-button-cta{
        margin:5px 0 200px 30px;
        font-size:11px
    }
    .shop-now-button-cta-buyers-count{
        font-size:20px
    }
    .here-and-now{
        margin:0 0 0 18px;
        font-size:53px
    }
    .here-and-now>svg{
        height:480px
    }
    .online-discount,.steps-text{
        font-size:17px
    }
    .steps-text>span{
        height:75px
    }
    .steps-counter{
        margin:-25px 0 0;
        font-size:59px
    }
    .steps-progress-bar{
        margin:0 0 0-5px
    }
    .steps-progress-bar-line{
        top:-154px;
        left:2px;
        height:508px
    }
    .steps-progress-bar-line::after{
        left:-24px;
        border-left:28px solid transparent;
        border-right:28px solid transparent;
        border-bottom:28px solid #fff
    }
    .steps-progress-bar-dot-wrapper{
        margin:0 0 60px -2px
    }
    .steps-description{
        font-size:12px
    }
    .steps-description>span{
        display:block;
        height:75px
    }
    .personal-guarantee-heading{
        margin:0 0 40px;
        font-size:19px
    }
    .personal-guarantee-promo-arrow{
        top:-80px;
        left:80px;
        width:55px
    }
    .personal-guarantee-promo-text{
        top:40px;
        font-size:10px
    }
    .personal-guarantee-text{
        padding:15px;
        background-size:80px
    }
    .personal-guarantee-text>p{
        font-size:12px;
        margin:0 0 12px
    }
    .personal-guarantee-items-item:not(:last-child){
        margin:0 45px 0 0
    }
    .personal-guarantee-items i{
        width:30px;
        height:30px;
        margin:15px
    }
    .personal-guarantee-items-heading{
        margin:30px 0 0 15px
    }
    .personal-guarantee-items-description{
        margin:0 0 0 15px
    }
    .personal-guarantee-request-text{
        font-size:14px
    }
    .personal-guarantee-request-input{
        margin:0 28px 10px 0
    }
    .personal-guarantee-request-input input{
        width:205px;
        font-size:14px;
        background-size:12px 12px
    }
    .callback-form button,.personal-guarantee-request button{
        height:30px;
        font-size:14px
    }
    .certificates{
        margin:120px 0 72px
    }
    .certificates .diamond-bg-text{
        max-width:810px;
        font-size:160px;
        line-height:.85
    }
    .certificates-text{
        padding:87px 0 0
    }
    .certificates-text-big{
        font-size:42px
    }
    .certificates-text-middle{
        font-size:20px
    }
    .certificates-text-small{
        font-size:16px
    }
    .certificates-blanks{
        padding:27px 58px
    }
    .certificates-blanks-img{
        width:105px;
        height:145px;
        border:4px solid #bababa;
        -o-border-image:url('https://luxsteli.com.ua/images/certificate-border.svg')4 stretch;
        border-image:url('https://luxsteli.com.ua/images/certificate-border.svg')4 stretch
    }
    .certificates-benefit{
        font-size:16px;
        line-height:30px
    }
    .certificates-partners img{
        height:30px
    }
    .feedback-items-wrapper .swipper{
        display:block
    }
    .feedback-like{
        left:100px;
        width:241px;
        height:207px
    }
    .feedback-hashtag{
        font-size:40px
    }
    .feedback-item{
        -ms-grid-columns:140px 1fr;
        grid-template-columns:140px 1fr
    }
    .feedback-item-wrapper{
        width:443px;
        height:255px
    }
    .feedback-item-rating i{
        width:9px;
        height:9px
    }
    .feedback-item-rating span{
        font-size:9px
    }
    .feedback-item-name{
        max-height:29px;
        margin:0 0 5px;
        font-size:12px
    }
    .feedback-item-area,.feedback-item-price>span{
        font-size:12px
    }
    .feedback-item-options{
        max-height:66px;
        font-size:11px
    }
    .feedback-item-price{
        font-size:11px
    }
    .feedback-item-city{
        max-height:37px;
        font-size:11px
    }
    .feedback-swiper{
        height:190px
    }
    .feedback-thumbs{
        height:40px
    }
    .feedback-see-more a{
        width:208px;
        height:37px;
        font-size:14px;
        line-height:37px
    }
    .feedback-see-more a::after{
        width:8px;
        height:8px
    }
    .feedback-button i{
        width:10px;
        height:10px
    }
    .feedback-button-like{
        top:6px;
        right:5px;
        min-width:30px;
        height:15px;
        padding:0 2px
    }
    .feedback-button-like span{
        font-size:10px
    }
    .feedback-button-share{
        right:5px;
        width:17px;
        height:17px
    }
    .free-lamp-arrow{
        top:-39px
    }
    .free-lamp-promo{
        width:113px;
        height:113px;
        font-size:15px
    }
    .free-lamp-promo span{
        top:45%;
        left:25%
    }
    .free-lamp-heading{
        margin:25px 0 15px;
        font-size:28px
    }
    .free-lamp-description{
        margin:0 0 40px;
        font-size:18px
    }
    .free-lamp .personal-guarantee-request-input input{
        width:175px
    }
    .free-lamp-button{
        width:275px;
        height:36px;
        font-size:16px
    }
    .free-lamp-icons{
        margin:140px 0 0 35px
    }
    .free-lamp-icons-item{
        flex-basis:50%;
        margin:0 0 30px
    }
    .free-lamp-icons-item i{
        width:27px;
        height:27px;
        margin:0 0 10px 7px
    }
    .free-lamp-icons-item span{
        font-size:15px
    }
    .free-lamp-gift{
        top:-20px;
        right:0;
        width:338px;
        height:338px;
        z-index:5
    }
    .free-lamp-gift-text{
        top:290px;
        right:20vw;
        font-size:15px
    }
    .free-lamp-sign{
        bottom:30%;
        left:47%;
        width:38%;
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg)
    }
    .faq-heading{
        margin:164px 0 100px
    }
    .callback-heading{
        margin:40px 0 30px
    }
    .callback-description{
        font-size:22px
    }
    .callback-text-big{
        font-size:67px
    }
    .callback-form-text{
        margin:40px 0 15px;
        font-size:17px
    }
    .callback-coffee{
        top:-110px;
        left:-40px;
        height:190px
    }
    .adress-block{
        padding:6px 0 11px
    }
    .adress-block-left svg{
        width:19px;
        height:19px;
        margin:0 10px 0 0
    }
    .adress-block-text{
        font-size:13px
    }
    .office-img{
        height:451px
    }
    #regional_map,.map{
        height:286px
    }
}
@media screen and (max-width:1199px){
    .cta-button{
        left:7.5rem;
        height:43px;
        margin:3rem 0 2rem
    }
    .adress-form{
        width:100%;
        margin:3.3rem auto 0
    }
    .adress-form form{
        margin:1rem 0 0
    }
    .adress-form form svg{
        top:8px;
        width:21px;
        height:21px
    }
    .adress-form form input{
        height:37px;
        padding:.3rem 1rem .3rem 5.5rem;
        font-size:2.25rem;
        background-size:21px 21px;
        background-position:12px center
    }
    .adress-form form .date,.adress-form form .phone,.adress-form form button{
        flex-basis:33%;
        font-size:2.25rem
    }
    .partners{
        bottom:0;
        height:7.5rem
    }
    .you-become{
        padding:5rem 0 2rem
    }
    .you-become-bg-text{
        display:inline-block;
        padding:0 0 0 10rem;
        max-width:110rem;
        font-size:17.5rem;
        line-height:15rem
    }
    .you-become-text-small{
        display:inline-block;
        padding:20rem 0 0
    }
    .you-become-benefits{
        position:relative;
        -ms-grid-columns:1fr 5rem 1fr;
        grid-template-columns:1fr 5rem 1fr;
        margin:6rem 0 0
    }
    .you-become-benefits-blockquote{
        position:absolute;
        top:-152px
    }
    .you-become-benefits-blockquote blockquote{
        font-size:2rem
    }
    .you-become-benefits-item{
        margin:0 0 5rem
    }
    .you-become-benefits-item:nth-child(2){
        -ms-grid-column:1;
        -ms-grid-column-span:3;
        grid-column:1/4
    }
    .you-become-benefits-item-heading::after,.you-become-benefits-item-icon{
        width:10rem;
        height:10rem
    }
    .you-become-benefits-item-heading{
        display:block;
        margin:1.5rem 0 1.5rem 13rem;
        font-size:2rem
    }
    .you-become-benefits-item-description{
        max-width:33rem;
        margin:0 0 0 13rem
    }
    .iphone{
        top:-220px;
        left:35px;
        width:110px;
        height:222px
    }
    .iphone-shadow{
        top:10px;
        left:20px;
        width:150px;
        height:30px
    }
    .calculator{
        -ms-grid-columns:3fr 60px 2fr;
        grid-template-columns:3fr 60px 2fr;
        padding:35px 65px 45px;
        margin:45px 5px 80px
    }
    .calculator-heading:first-child{
        margin:130px 0 0
    }
    .calculator-fieldset{
        margin:0 0 20px
    }
    .calculator-fieldset-select::after,.callback-form .personal-guarantee-request-input svg{
        top:12px
    }
    .calculator-fieldset a{
        width:34px;
        height:34px
    }
    .calculator label{
        max-width:135px;
        font-size:15px
    }
    .calculator input[type=number]{
        width:62px;
        height:34px;
        margin:0 8px;
        border:1px solid #e5046a
    }
    .calculator select{
        min-width:170px;
        height:42px;
        padding:1rem 5.5rem 1rem 1.5rem
    }
    .calculator-price{
        font-size:15px
    }
    .calculator-button{
        height:42px;
        padding:6px 0 0;
        margin:0;
        font-size:13px
    }
    .calculator-question{
        font-size:13px
    }
    .calculator-question-icon{
        width:13px;
        height:13px;
        padding:.1rem 0 0;
        font-size:8px
    }
    .catalog-icons-img{
        height:45px;
        width:130px
    }
    .catalog-icons-img:not(:last-child){
        margin:0 50px 0 0
    }
    .catalog-icons-img:first-of-type>div{
        bottom:2px;
        left:20px;
        width:17px;
        height:17px
    }
    .catalog-icons-img:nth-of-type(2)>div{
        bottom:2px;
        left:51px;
        width:15px;
        height:15px
    }
    .catalog-icons-img:nth-of-type(3)>div{
        bottom:0;
        left:69px;
        width:19px;
        height:16px
    }
    .catalog-main{
        min-height:501px
    }
    .catalog-categories:not(:last-child){
        margin:0 30px 0 0
    }
    .catalog-categories a{
        font-size:20px
    }
    .catalog-swiper{
        height:471px
    }
    .catalog-swiper-slide-img{
        margin:0
    }
    .catalog-swiper-slide-description{
        padding:20px
    }
    .catalog-swiper-slide-description-description,.catalog-swiper-slide-description-name,.feedback-item-rating span{
        font-size:15px
    }
    .catalog-swiper-button{
        width:106px;
        height:106px;
        border-radius:50%
    }
    .catalog-swiper-button div{
        bottom:30px
    }
    .catalog-swiper-button-prev{
        left:-4px;
        border-right:53px solid rgba(205,205,204,.7)
    }
    .catalog-swiper-button-prev div{
        left:unset;
        right:-30px
    }
    .catalog-swiper-button-next{
        right:-4px;
        border-left:53px solid rgba(234,234,234,.7)
    }
    .catalog-swiper-button-next div{
        left:-25px
    }
    .get-pdf{
        padding:15px 195px 15px 75px;
        margin:30px 0 0;
        border-width:5px
    }
    .get-pdf::after,.get-pdf::before{
        content:"";
        display:block;
        position:absolute;
        width:0;
        height:0
    }
    .get-pdf::before{
        left:-5px;
        bottom:-105px;
        border-left:465px solid transparent;
        border-right:465px solid transparent;
        border-top:100px solid #e8e8e8
    }
    .get-pdf::after{
        left:0;
        bottom:-100px;
        border-left:460px solid transparent;
        border-right:460px solid transparent;
        border-top:100px solid #fff
    }
    .get-pdf-description{
        font-size:18px
    }
    .get-pdf form{
        margin:30px 0 0
    }
    .get-pdf form>div{
        margin:0 0 65px
    }
    .get-pdf form i{
        width:48px;
        height:48px;
        margin:0 0 0 10px
    }
    .get-pdf form span{
        margin:24px 0 0 10px;
        font-size:12px
    }
    .get-pdf form input:not([type=checkbox]){
        height:62px;
        padding:0 25px 0 72px;
        margin:0 20px 0 0;
        border-radius:19px
    }
    .get-pdf form input:not([type=checkbox])+i{
        top:23px;
        left:19px
    }
    .get-pdf form button{
        height:62px;
        border-radius:10px;
        font-size:16px
    }
    .get-pdf form label{
        max-width:320px;
        padding:0 0 0 35px;
        font-size:14px
    }
    .get-pdf form label .checkmark{
        top:-16px;
        width:28px;
        height:28px
    }
    .get-pdf form label .checkmark::after{
        left:10px;
        top:-2px;
        width:14px;
        height:24px
    }
    .get-pdf-catalog-update{
        top:30px;
        right:10px
    }
    .get-pdf img{
        top:0;
        right:-20px;
        width:380px
    }
    .get-pdf-arrow{
        top:230px;
        right:70px;
        width:120px;
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg)
    }
    .icons-choice{
        top:16px;
        left:13px
    }
    .choose-and-order{
        position:relative;
        top:60px;
        background:0 0;
        z-index:2
    }
    .choose-and-order-text{
        display:block;
        font-size:20px;
        font-weight:300;
        text-align:right
    }
    .choose-and-order-text::after{
        display:none
    }
    .shop-now{
        padding:65px 0 250px;
        margin:0;
        background:url('https://luxsteli.com.ua/images/icons/trolley.svg')no-repeat -75px 20%,#f1f1f1;
        background-size:260px,cover
    }
    .shop-now-person::after,.shop-now::after{
        content:"";
        display:block;
        position:absolute;
        left:0;
        width:100%;
        background-size:cover
    }
    .shop-now::after{
        top:-220px;
        background:center bottom url('https://luxsteli.com.ua/images/shop-now-triangles.svg')no-repeat;
        height:220px
    }
    .shop-now-trolley{
        top:-200px;
        left:auto;
        right:0;
        -webkit-transform:scale(-1,1);
        transform:scale(-1,1);
        z-index:5
    }
    .shop-now-description,.shop-now-heading{
        position:relative;
        top:30px;
        text-align:left;
        z-index:5
    }
    .shop-now-heading{
        margin:110px 0 0
    }
    .shop-now-description{
        margin:0;
        font-size:28px;
        text-transform:uppercase
    }
    .shop-now-zero-problems{
        -ms-grid-column:16;
        -ms-grid-column-span:6;
        grid-column:16/22;
        -ms-grid-row:3;
        -ms-grid-row-span:4;
        grid-row:3/7;
        line-height:1.7
    }
    .shop-now-zero-problems-red{
        color:#ff0054
    }
    .shop-now-person{
        bottom:0;
        height:640px;
        background-image:url('https://luxsteli.com.ua/images/shop-now-person-mobile.png');
        background-position:-190px 50px;
        background-size:650px
    }
    .shop-now-person::after{
        bottom:-1px;
        height:150px;
        background:left bottom url('https://luxsteli.com.ua/images/shop-now-person-triangle.svg')no-repeat
    }
    .shop-now-button{
        height:64px;
        margin:25px 0 40px
    }
    .shop-now-button-wrapper{
        top:-200px;
        position:relative
    }
    .here-and-now>svg,.shop-now-button-wrapper::after{
        display:none
    }
    .shop-now-button-cta{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin:5px 0 0 110px
    }
    .shop-now-button-cta-buyers-count{
        font-size:21px
    }
    .shop-now-button-cta-text{
        max-width:110px;
        margin:0 0 0 5px
    }
    .here-and-now{
        -ms-grid-column:3;
        -ms-grid-column-span:13;
        grid-column:3/16;
        margin:0 0 30px;
        color:#ff0054;
        font-size:37px;
        font-weight:900;
        text-align:right;
        text-shadow:0 4px 4px rgba(34,30,31,.17)
    }
    .online-discount,.steps-progress-bar-line::after{
        display:none
    }
    .steps-text{
        -ms-grid-column:8;
        -ms-grid-column-span:5;
        grid-column:8/13;
        font-size:17px
    }
    .steps-counter div:nth-child(1),.steps-text>span:nth-child(1){
        -webkit-animation-delay:0s;
        animation-delay:0s
    }
    .steps-counter div:nth-child(2),.steps-text>span:nth-child(2){
        -webkit-animation-delay:.5s;
        animation-delay:.5s
    }
    .steps-counter div:nth-child(3),.steps-text>span:nth-child(3){
        -webkit-animation-delay:1.8s;
        animation-delay:1.8s
    }
    .steps-counter div:nth-child(4),.steps-text>span:nth-child(4){
        -webkit-animation-delay:2.8s;
        animation-delay:2.8s
    }
    .steps-counter{
        -ms-grid-column:13;
        -ms-grid-column-span:2;
        grid-column:13/15;
        margin:-15px 0 0;
        font-size:64px;
        line-height:1.18;
        text-align:center
    }
    .steps-progress-bar{
        -ms-grid-column:15;
        -ms-grid-column-span:1;
        grid-column:15/16;
        margin:5px 0 0
    }
    .steps-progress-bar-dot{
        background:#e8e8e8;
        border:0
    }
    .steps-progress-bar-dot-wrapper{
        width:18px;
        height:18px;
        margin:0 0 55px 2px
    }
    .steps-progress-bar-dot-wrapper:nth-of-type(2) .steps-progress-bar-dot-border{
        -webkit-animation-delay:0s;
        animation-delay:0s
    }
    .steps-progress-bar-dot-wrapper:nth-of-type(3) .steps-progress-bar-dot-border{
        -webkit-animation-delay:.5s;
        animation-delay:.5s
    }
    .steps-progress-bar-dot-wrapper:nth-of-type(4) .steps-progress-bar-dot-border{
        -webkit-animation-delay:1.8s;
        animation-delay:1.8s
    }
    .steps-progress-bar-dot-wrapper:nth-of-type(5) .steps-progress-bar-dot-border{
        -webkit-animation-delay:2.8s;
        animation-delay:2.8s
    }
    .steps-progress-bar-line{
        top:10px;
        left:9px;
        width:4px;
        height:270px;
        background:#e8e8e8
    }
    .steps-progress-bar-line-red{
        margin:8px 1px 0
    }
    .steps-description{
        display:none
    }
    .steps-description>span:nth-child(1){
        -webkit-animation-delay:0s;
        animation-delay:0s
    }
    .steps-description>span:nth-child(2){
        -webkit-animation-delay:.5s;
        animation-delay:.5s
    }
    .steps-description>span:nth-child(3){
        -webkit-animation-delay:1.8s;
        animation-delay:1.8s
    }
    .steps-description>span:nth-child(4){
        -webkit-animation-delay:2.8s;
        animation-delay:2.8s
    }
    .personal-guarantee{
        position:relative;
        background:#f1f1f1 url('https://luxsteli.com.ua/images/geometric-bg-mobile.png')center center no-repeat;
        background-size:cover
    }
    .personal-guarantee::after{
        content:"";
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100px;
        background:left top url('https://luxsteli.com.ua/images/personal-guarantee-triangle.svg')no-repeat;
        background-size:cover
    }
    .personal-guarantee-heading{
        margin:0 0 25px;
        font-size:36px;
        text-align:left
    }
    .personal-guarantee-promo-arrow{
        top:-80px;
        left:80px;
        width:55px
    }
    .personal-guarantee-text{
        padding:15px
    }
    .personal-guarantee-text>p{
        font-size:10px
    }
    .personal-guarantee-items{
        display:block
    }
    .personal-guarantee-items-item{
        margin:0 0 20px
    }
    .personal-guarantee-items-item:not(:last-child){
        margin:0 0 20px
    }
    .personal-guarantee-items i{
        width:30px;
        height:30px;
        margin:0
    }
    .personal-guarantee-items i::after{
        bottom:-10px;
        left:-5px
    }
    .personal-guarantee-items-heading{
        margin:15px 0 0;
        font-size:12px
    }
    .personal-guarantee-items-description{
        margin:0;
        font-size:12px
    }
    .personal-guarantee-request{
        padding:0 25px;
        margin:0 30px 0 0;
        background:0 0;
        border:15px solid transparent;
        -o-border-image:url('https://luxsteli.com.ua/images/icons/poligon-borders.svg')15 round round;
        border-image:url('https://luxsteli.com.ua/images/icons/poligon-borders.svg')15 round round
    }
    .personal-guarantee-request-text{
        display:block;
        font-size:17px
    }
    .personal-guarantee-request-input{
        margin:0 24px 0 0
    }
    .personal-guarantee-request-input input{
        width:270px;
        padding:9px 20px 9px 50px;
        font-size:16px;
        background-size:24px 24px;
        background-position:15px center
    }
    .personal-guarantee-request button{
        height:43px;
        font-size:16px
    }
    .feedback-description{
        text-transform:uppercase
    }
    .feedback-like{
        top:60px;
        left:-20px;
        width:247px;
        height:211px
    }
    .feedback-hashtag{
        padding:35px 0 25px;
        line-height:1
    }
    .feedback-items-swiper{
        overflow:hidden
    }
    .feedback-items-swiper-nav,.feedback-items-swiper>.swiper-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .feedback-item{
        -ms-grid-columns:280px 1fr;
        grid-template-columns:280px 1fr
    }
    .feedback-item-wrapper{
        width:770px;
        height:448px
    }
    .feedback-item-wrapper:nth-of-type(even),.feedback-item-wrapper:nth-of-type(odd){
        margin:0
    }
    .feedback-item-rating i{
        width:17px;
        height:17px
    }
    .feedback-item-name{
        max-height:50px;
        font-size:20px
    }
    .feedback-item-area{
        font-size:20px
    }
    .feedback-item-options{
        max-height:165px;
        font-size:18px
    }
    .feedback-item-price{
        font-size:18px
    }
    .feedback-item-price>span{
        font-size:22px
    }
    .feedback-item-city{
        max-height:55px;
        font-size:18px
    }
    .feedback-swiper{
        height:340px
    }
    .feedback-thumbs{
        height:83px
    }
    .feedback-see-more a{
        width:276px;
        height:50px;
        margin:40px auto 0;
        font-size:16px;
        line-height:100%
    }
    .feedback-button i{
        width:22px;
        height:22px
    }
    .feedback-button-like{
        top:7px;
        right:10px;
        height:31px;
        padding:0 6px
    }
    .feedback-button-like span{
        font-size:16px
    }
    .feedback-button-share{
        right:10px;
        width:36px;
        height:36px
    }
    .feedback-separate .feedback-item-wrapper{
        margin:0 0 30px
    }
    .free-lamp{
        padding:30px 0 0
    }
    .free-lamp-arrow{
        top:-8px
    }
    .free-lamp-promo{
        width:140px;
        height:140px;
        font-size:18px
    }
    .free-lamp-promo span{
        top:35%;
        text-align:center
    }
    .free-lamp-heading{
        margin:45px 0 15px;
        font-size:40px;
        text-transform:uppercase
    }
    .free-lamp-description{
        margin:0 0 28px;
        font-size:18px
    }
    .free-lamp .personal-guarantee-request-input{
        margin:0 0 15px 50px
    }
    .free-lamp .personal-guarantee-request-input input{
        width:290px
    }
    .free-lamp-button{
        position:relative;
        right:auto;
        width:290px;
        height:69px;
        padding:0 15px;
        margin:0 0 90px 50px;
        font-size:16px;
        text-align:center
    }
    .free-lamp-gift{
        top:145px;
        width:406px;
        height:406px
    }
    .free-lamp-gift-text{
        top:500px;
        right:25vw;
        font-size:16px;
        -webkit-transform:rotate(-25deg);
        transform:rotate(-25deg)
    }
    .free-lamp-sign{
        bottom:15%;
        left:48%;
        width:30%;
        -webkit-transform:rotate(-9deg);
        transform:rotate(-9deg)
    }
    .faq-heading{
        margin:48px 0 26px
    }
    .callback-heading{
        margin:10px 0 20px
    }
    .callback-description{
        margin:0 0 10px;
        font-size:19px
    }
    .callback-text-big{
        font-size:64px
    }
    .callback-form{
        margin:0 0 0 50px
    }
    .callback-form-text{
        margin:25px 80px 10px 0;
        font-size:19px
    }
    .callback-form-text-coffee{
        max-width:160px
    }
    .callback-form .personal-guarantee-request-input input{
        height:47px;
        font-size:16px;
        line-height:100%
    }
    .callback-form button{
        height:47px;
        font-size:16px
    }
    .callback-coffee{
        top:-160px;
        left:-30px;
        height:173px
    }
    .adress-block{
        padding:16px 0 18px
    }
    .adress-block-left svg{
        width:22px;
        height:22px;
        margin:0 14px 0 0
    }
    .adress-block-text{
        font-size:16px
    }
    .office-img{
        height:345px
    }
    #regional_map,.map{
        height:399px
    }
}
@media screen and (max-width:1199px) and (-ms-high-contrast:active) and (-ms-high-contrast:none){
    .shop-now-person{
        bottom:-15px
    }
    .shop-now::after{
        display:none
    }
    .personal-guarantee::after{
        top:-10px
    }
}
@media screen and (max-width:991px){
    .cta-button{
        left:0;
        padding:1.5rem 4.5rem;
        margin:6rem 0 0
    }
    .adress-form{
        padding:1.5rem;
        margin:7.2rem auto 0
    }
    .adress-form>span{
        font-size:1.8rem
    }
    .adress-form form svg{
        top:14px;
        width:14px;
        height:14px
    }
    .adress-form form input{
        height:42px;
        padding:.2rem 1rem .2rem 3.5rem;
        font-size:1.4rem;
        background-size:14px 14px
    }
    .adress-form form button{
        font-size:1.4rem
    }
    .partners{
        height:4rem;
        padding:.5rem 0
    }
    .partners div:not(:last-child){
        margin:0 3rem 0 0
    }
    .you-become{
        padding:12rem 0 2rem
    }
    .you-become-bg-text{
        position:absolute;
        right:10%;
        padding:0;
        max-width:62rem;
        font-size:13rem;
        line-height:11rem;
        text-align:right
    }
    .you-become-text-small{
        padding:2rem 0 0;
        font-size:1.6rem
    }
    .you-become-text-big{
        font-size:4rem
    }
    .you-become-benefits{
        -ms-grid-columns:1fr 4rem 1fr;
        grid-template-columns:1fr 4rem 1fr;
        margin:3rem 0 0
    }
    .you-become-benefits-item{
        margin:0 0 4rem
    }
    .you-become-benefits-item:nth-child(2){
        -ms-grid-column:1;
        -ms-grid-column-span:1;
        grid-column:1/2
    }
    .you-become-benefits-item-heading::after,.you-become-benefits-item-icon{
        width:8.5rem;
        height:8.5rem
    }
    .you-become-benefits-item-heading{
        margin:.5rem 0 1.5rem 11rem;
        font-size:1.6rem
    }
    .you-become-benefits-item-description{
        max-width:20rem;
        margin:0 0 0 11rem;
        font-size:12px
    }
    .iphone{
        left:115px
    }
    .iphone-shadow{
        left:100px
    }
    .calculator{
        -ms-grid-columns:3fr 40px 2fr;
        grid-template-columns:3fr 40px 2fr;
        padding:30px 60px 25px;
        margin:45px 0 80px
    }
    .calculator-heading{
        text-align:left
    }
    .calculator-fieldset a{
        width:43px;
        height:32px
    }
    .calculator-fieldset-select::after{
        right:15px;
        width:10px;
        height:10px
    }
    .calculator label{
        max-width:125px;
        font-size:17px
    }
    .calculator input[type=number]{
        height:32px;
        font-size:14px
    }
    .calculator select{
        min-width:163px;
        height:40px;
        padding:.8rem 3.5rem 1rem 1.5rem;
        font-size:15px
    }
    .calculator-button{
        height:40px;
        line-height:14px
    }
    .calculator-price{
        font-size:17px
    }
    .calculator-question{
        font-size:15px
    }
    .calculator-question-credit,.catalog-categories a{
        font-size:16px
    }
    .calculator-question-icon{
        margin:-2px 5px 0 0
    }
    .catalog-heading{
        max-width:660px
    }
    .catalog-icons-img{
        width:111px;
        height:38px
    }
    .catalog-icons-img:not(:last-child){
        margin:0 30px 0 0
    }
    .catalog-icons-img:first-of-type>div{
        bottom:1px;
        left:16px;
        width:15px;
        height:15px
    }
    .catalog-icons-img:nth-of-type(2)>div{
        bottom:2px;
        left:43px;
        width:13px;
        height:13px
    }
    .catalog-icons-img:nth-of-type(3)>div{
        bottom:0;
        left:56px;
        width:17px;
        height:15px
    }
    .catalog-main{
        min-height:429px
    }
    .catalog-swiper{
        height:405px
    }
    .catalog-swiper-slide{
        padding:14px 0
    }
    .catalog-swiper-slide-description{
        right:0
    }
    .catalog-swiper-slide-category{
        left:0;
        padding:5px;
        font-size:10px
    }
    .catalog-swiper-button{
        bottom:30px
    }
    .catalog-swiper-button-prev{
        left:-53px
    }
    .catalog-swiper-button-next{
        right:-53px
    }
    .get-pdf{
        padding:10px 120px 10px 20px
    }
    .get-pdf::before{
        bottom:-78px;
        border-top:73px solid #e8e8e8;
        border-left:345px solid transparent;
        border-right:345px solid transparent
    }
    .get-pdf::after{
        bottom:-73px;
        border-top:73px solid #fff;
        border-left:340px solid transparent;
        border-right:340px solid transparent
    }
    .get-pdf-heading{
        margin:50px 0 0
    }
    .get-pdf-description{
        font-size:17px
    }
    .get-pdf form{
        margin:24px 0 0
    }
    .get-pdf form>div{
        margin:0 0 55px
    }
    .get-pdf form i{
        width:40px;
        height:40px;
        margin:0 0 0 8px
    }
    .get-pdf form span{
        margin:20px 0 0 5px;
        font-size:12px
    }
    .get-pdf form input:not([type=checkbox]){
        height:52px;
        padding:0 20px 0 60px;
        font-size:11px
    }
    .get-pdf form input:not([type=checkbox])+i{
        top:18px;
        left:16px;
        width:16px;
        height:16px
    }
    .get-pdf form input:not([type=checkbox])+i::after{
        top:-6px;
        left:30px;
        width:1px;
        height:29px
    }
    .get-pdf form button{
        height:52px;
        border-radius:10px;
        font-size:13px
    }
    .get-pdf form label{
        max-width:270px;
        padding:0 0 0 30px;
        font-size:12px
    }
    .get-pdf form label .checkmark{
        top:-12px;
        width:24px;
        height:24px
    }
    .get-pdf form label .checkmark::after{
        top:-4px;
        left:8px
    }
    .get-pdf-catalog-update{
        top:200px;
        right:30px
    }
    .get-pdf img{
        right:-35px;
        width:285px
    }
    .get-pdf-arrow{
        top:200px;
        right:20px;
        width:100px
    }
    .icons-choice{
        top:10px;
        left:10px
    }
    .choose-and-order{
        top:190px
    }
    .choose-and-order-text{
        font-size:17px
    }
    .shop-now{
        padding:200px 0
    }
    .shop-now::after{
        top:-146px
    }
    .shop-now-trolley{
        top:-260px
    }
    .shop-now-heading{
        top:110px;
        margin:185px 0 0;
        text-align:right
    }
    .shop-now-description{
        top:110px;
        font-size:15px;
        text-align:right
    }
    .shop-now-zero-problems{
        -ms-grid-column:17;
        -ms-grid-column-span:6;
        grid-column:17/23;
        margin:25px 0 0
    }
    .shop-now-person{
        bottom:-20px;
        background-position:-160px 160px;
        background-size:550px
    }
    .shop-now-person::after{
        bottom:19px
    }
    .shop-now-button{
        height:56px;
        font-size:11px
    }
    .shop-now-button-wrapper{
        top:-150px
    }
    .here-and-now{
        margin:0 0 55px;
        font-size:32px;
        font-weight:300
    }
    .steps-text{
        -ms-grid-column:7;
        -ms-grid-column-span:6;
        grid-column:7/13
    }
    .steps-description>span,.steps-text>span{
        height:85px;
        font-size:17px
    }
    .steps-counter div:nth-child(1),.steps-text>span:nth-child(1){
        -webkit-animation-delay:0s;
        animation-delay:0s
    }
    .steps-counter div:nth-child(2),.steps-text>span:nth-child(2){
        -webkit-animation-delay:.5s;
        animation-delay:.5s
    }
    .steps-counter div:nth-child(3),.steps-text>span:nth-child(3){
        -webkit-animation-delay:2s;
        animation-delay:2s
    }
    .steps-counter div:nth-child(4),.steps-text>span:nth-child(4){
        -webkit-animation-delay:3.2s;
        animation-delay:3.2s
    }
    .steps-counter{
        margin:-20px 0 0;
        font-size:56px;
        line-height:84px
    }
    .steps-progress-bar{
        -ms-grid-column:15;
        -ms-grid-column-span:2;
        grid-column:15/17;
        margin:10px 0 0
    }
    .steps-progress-bar-dot-wrapper{
        margin:0 0 65px 14px
    }
    .steps-progress-bar-dot-wrapper:nth-of-type(2) .steps-progress-bar-dot-border{
        -webkit-animation-delay:0s;
        animation-delay:0s
    }
    .steps-progress-bar-dot-wrapper:nth-of-type(3) .steps-progress-bar-dot-border{
        -webkit-animation-delay:.5s;
        animation-delay:.5s
    }
    .steps-progress-bar-dot-wrapper:nth-of-type(4) .steps-progress-bar-dot-border{
        -webkit-animation-delay:2s;
        animation-delay:2s
    }
    .steps-progress-bar-dot-wrapper:nth-of-type(5) .steps-progress-bar-dot-border{
        -webkit-animation-delay:3.2s;
        animation-delay:3.2s
    }
    .steps-progress-bar-line{
        left:21px;
        height:255px
    }
    .steps-description>span:nth-child(1){
        -webkit-animation-delay:0s;
        animation-delay:0s
    }
    .steps-description>span:nth-child(2){
        -webkit-animation-delay:.5s;
        animation-delay:.5s
    }
    .steps-description>span:nth-child(3){
        -webkit-animation-delay:2s;
        animation-delay:2s
    }
    .steps-description>span:nth-child(4){
        -webkit-animation-delay:3.2s;
        animation-delay:3.2s
    }
    .personal-guarantee{
        padding:65px 0 15px
    }
    .personal-guarantee-heading{
        font-size:30px
    }
    .personal-guarantee-items i{
        width:27px;
        height:27px
    }
    .personal-guarantee-items-description,.personal-guarantee-items-heading{
        font-size:10px
    }
    .personal-guarantee-request{
        padding:0 10px;
        margin:0
    }
    .personal-guarantee-request-text{
        font-size:15px
    }
    .personal-guarantee-request-input{
        margin:0 17px 0 0
    }
    .personal-guarantee-request-input input{
        width:216px;
        padding:7px 20px 7px 50px;
        font-size:15px;
        background-size:19px 19px
    }
    .personal-guarantee-request button{
        height:38px;
        font-size:15px
    }
    .feedback-like{
        top:105px;
        left:-40px;
        width:186px;
        height:159px
    }
    .feedback-hashtag{
        font-size:30px
    }
    .feedback-item{
        -ms-grid-columns:225px 1fr;
        grid-template-columns:225px 1fr
    }
    .feedback-item-wrapper{
        width:690px;
        height:auto
    }
    .feedback-item-rating i{
        width:14px;
        height:14px
    }
    .feedback-item-rating span{
        font-size:14px
    }
    .feedback-item-name{
        max-height:45px;
        font-size:18px
    }
    .feedback-item-area{
        font-size:18px
    }
    .feedback-item-options{
        max-height:125px;
        font-size:17px
    }
    .feedback-item-price{
        font-size:17px
    }
    .feedback-item-price>span{
        font-size:20px
    }
    .feedback-item-city{
        max-height:55px;
        font-size:17px
    }
    .feedback-swiper{
        height:280px
    }
    .feedback-thumbs{
        height:66px
    }
    .feedback-button i{
        width:18px;
        height:18px
    }
    .feedback-button-like{
        right:10px;
        height:27px
    }
    .feedback-button-like span{
        font-size:14px
    }
    .feedback-button-share{
        width:31px;
        height:31px
    }
    .free-lamp-promo{
        left:-10px;
        width:110px;
        height:110px;
        font-size:13px
    }
    .free-lamp-heading{
        margin:25px 0 20px;
        font-size:29px
    }
    .free-lamp-description{
        margin:0 0 20px;
        font-size:14px
    }
    .free-lamp .personal-guarantee-request-input{
        margin:0 0 11px 30px
    }
    .free-lamp .personal-guarantee-request-input input{
        width:232px
    }
    .free-lamp-button{
        width:232px;
        height:55px;
        padding:0 20px;
        margin:0 0 90px 30px;
        font-size:15px
    }
    .free-lamp-gift{
        top:110px;
        width:338px;
        height:338px
    }
    .free-lamp-gift-text{
        top:400px;
        right:28vw;
        font-size:13px;
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg)
    }
    .free-lamp-sign{
        bottom:20%;
        width:32%
    }
    .faq-heading{
        margin:52px 0 24px
    }
    .callback-heading{
        margin:10px 0
    }
    .callback-description{
        margin:0 0 15px;
        font-size:17px
    }
    .callback-text-big{
        font-size:57px;
        letter-spacing:-4px
    }
    .callback-text-big-move-left{
        position:relative;
        left:-50px
    }
    .callback-margin{
        margin:54px 0 0
    }
    .callback-margin-double{
        margin:116px 0 0
    }
    .callback-form{
        margin:0 0 0 30px
    }
    .callback-form-text{
        margin:35px 80px 10px 0;
        font-size:19px
    }
    .callback-form-text-coffee{
        max-width:140px
    }
    .callback-coffee{
        left:30px;
        height:162px
    }
    .adress-block{
        padding:8px 0 9px
    }
    .adress-block-left svg{
        width:19px;
        height:19px;
        margin:0 9px 0 0
    }
    .adress-block-text{
        font-size:15px
    }
    .office-img{
        height:277px
    }
    #regional_map,.map{
        height:272px
    }
}
@media screen and (max-width:991px) and (-ms-high-contrast:active) and (-ms-high-contrast:none){
    .shop-now-person::after{
        bottom:-10px
    }
    .personal-guarantee::after{
        top:-20px
    }
}
@media screen and (max-width:767px){
    .flexer{
        padding:0 0 50px
    }
    .flexer-bubble{
        max-height:500px
    }
    .adress-form{
        margin:0 auto;
        background:#fff
    }
    .adress-form-wrapper{
        margin:-15px 0 0
    }
    .adress-form form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .adress-form form svg{
        top:10px;
        width:17px;
        height:17px
    }
    .adress-form form input{
        height:38px;
        padding:.8rem 1rem .8rem 5rem;
        font-size:1.6rem;
        background-size:17px 17px
    }
    .adress-form form .date,.adress-form form .phone{
        flex-basis:100%;
        margin:0 0 10px
    }
    .adress-form form button{
        display:block;
        flex-basis:100%;
        height:38px;
        border-radius:15px;
        font-size:16px
    }
    .iphone{
        left:45px;
        top:-110px;
        width:65px;
        height:132px
    }
    .iphone-shadow{
        top:25px;
        left:35px;
        width:100px;
        height:20px
    }
    .calculator{
        padding:20px 23px 30px;
        margin:45px 0 30px
    }
    .calculator-heading:first-child{
        margin:95px 0 0
    }
    .calculator-fieldset{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .calculator-fieldset a{
        width:36px;
        height:26px
    }
    .calculator-fieldset a span{
        margin:-4px 0 0;
        font-size:22px
    }
    .calculator-fieldset-select::after{
        top:9px
    }
    .calculator label{
        font-size:12px;
        line-height:13px
    }
    .calculator input[type=number]{
        width:48px;
        height:26px;
        font-size:12px
    }
    .calculator select{
        min-width:135px;
        height:32px;
        font-size:12px
    }
    .calculator-price{
        margin:0 0 20px;
        font-size:12px
    }
    .calculator-price span{
        display:block;
        max-width:unset;
        text-align:right
    }
    .calculator-price-line-values span{
        display:inline
    }
    .calculator-price span.calculator-price-answer,.catalog-heading span{
        display:none
    }
    .calculator-price b,.calculator-price-line-values{
        display:inline;
        font-size:18px
    }
    .calculator-price-line{
        margin:0 0 8px
    }
    .calculator-price-line-credit>span{
        font-size:12px;
        line-height:16px
    }
    .calculator-price-line-credit .calculator-price-line-values,.calculator-price-line-credit .calculator-price-line-values span,.calculator-price-line-credit b,.calculator-price-line-credit b span{
        font-size:15px;
        line-height:18px
    }
    .calculator-price-question{
        margin:0;
        font-size:12px
    }
    .calculator-price .calculator-question-icon{
        display:inline-flex
    }
    .calculator-button{
        height:38px;
        border-radius:15px
    }
    .catalog-heading:first-child{
        margin:20px auto 0
    }
    .catalog-heading:nth-child(2){
        max-width:290px
    }
    .catalog-main{
        min-height:447px
    }
    .catalog-categories{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin:20px 0 0
    }
    .catalog-categories li{
        width:calc(50% - 3px);
        text-align:center;
        margin:0 0 9px
    }
    .catalog-categories li:not(:last-child){
        margin:0 0 9px
    }
    .catalog-categories li:nth-child(odd){
        margin:0 6px 9px 0
    }
    .catalog-categories a{
        display:inline-block;
        width:100%;
        height:32px;
        border:1px solid #e5046a;
        font-size:12px;
        line-height:30px
    }
    .catalog-categories a:focus,.catalog-categories a:hover{
        color:#fff;
        background:#e5046a
    }
    .catalog-categories a:focus::before,.catalog-categories a:hover::before{
        content:unset
    }
    .catalog-categories a.ecoline{
        background:#3bcc3b;
        border:1px solid #3bcc3b;
        color:#fff
    }
    .catalog-categories-leaf{
        width:10px;
        height:12px;
        fill:#fff
    }
    .catalog-swiper{
        height:auto
    }
    .catalog-swiper-slide-description{
        top:-5px;
        right:0;
        width:119px;
        height:124px;
        padding:19px
    }
    .catalog-swiper-slide-description-name{
        flex-grow:1;
        font-size:9px
    }
    .catalog-swiper-slide-description-price{
        font-size:12px
    }
    .catalog-swiper-slide-description div{
        position:absolute;
        top:0;
        left:0;
        width:112px;
        height:110px;
        margin:7px;
        border:1px dotted #000
    }
    .catalog-swiper-slide-description div svg{
        position:absolute;
        top:-2px;
        left:-2px;
        width:14px;
        height:14px
    }
    .catalog-swiper-slide-description-button{
        margin-top:40px;
        margin-bottom:10px
    }
    .catalog-swiper-button{
        bottom:100px
    }
    .get-pdf{
        padding:0 30px 0 7px;
        margin:100px 0 0
    }
    .get-pdf-heading{
        margin:40px 0 0
    }
    .get-pdf::before{
        bottom:-50px;
        border-left:255px solid transparent;
        border-right:255px solid transparent;
        border-top:45px solid #e8e8e8
    }
    .get-pdf::after{
        bottom:-45px;
        border-left:250px solid transparent;
        border-right:250px solid transparent;
        border-top:45px solid #fff
    }
    .get-pdf form{
        margin:87px 0 0
    }
    .get-pdf form>div{
        flex-basis:100%;
        margin:0 0 20px
    }
    .get-pdf form input[type=text]{
        font-size:13px
    }
    .get-pdf form button{
        margin:0 40px 0 0
    }
    .get-pdf-catalog-update{
        top:-80px;
        right:10px
    }
    .get-pdf img{
        top:-110px;
        right:60px;
        width:270px
    }
    .get-pdf-arrow{
        top:40px;
        right:0;
        width:120px;
        height:185px;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        overflow:hidden
    }
    .get-pdf-arrow svg{
        -webkit-transform:rotate(-40deg);
        transform:rotate(-40deg)
    }
    .icons-choice{
        top:12px;
        left:10px;
        width:28px
    }
    .choose-and-order{
        top:180px;
        z-index:3
    }
    .choose-and-order-text{
        margin:0;
        font-size:10px;
        text-align:left
    }
    .shop-now{
        padding:110px 0 150px;
        margin:80px 0 0
    }
    .shop-now::after{
        height:150px
    }
    .shop-now-heading{
        top:160px;
        margin:0;
        font-size:16px;
        font-weight:900;
        text-align:left
    }
    .shop-now-description{
        top:160px;
        font-size:16px;
        text-align:left;
        text-transform:none
    }
    .shop-now-zero-problems{
        -ms-grid-row:4;
        -ms-grid-row-span:3;
        grid-row:4/7;
        max-width:100px;
        margin:-115px 0 0 10px;
        font-size:14px;
        list-style:disc
    }
    .shop-now-person{
        bottom:-161px;
        background-position:-130px 125px;
        background-size:420px;
        z-index:0
    }
    .shop-now-person::after{
        bottom:160px
    }
    .shop-now-button{
        width:232px;
        height:44px;
        margin:0 auto 10px;
        font-size:10px
    }
    .shop-now-button-wrapper{
        position:relative;
        top:-50px;
        margin:0;
        background:0 0;
        z-index:5
    }
    .shop-now-button-wrapper::after{
        display:none
    }
    .shop-now-button-cta{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        width:280px;
        margin:5px auto
    }
    .here-and-now{
        margin:0 0 20px;
        font-size:16px;
        text-align:left;
        z-index:3
    }
    .steps-text{
        -ms-grid-column:8;
        -ms-grid-column-span:5;
        grid-column:8/13;
        z-index:3
    }
    .steps-text span{
        height:55px;
        font-size:11px
    }
    .steps-counter{
        margin:-11px 0 0;
        font-size:36px;
        line-height:54px
    }
    .steps-progress-bar-dot-wrapper{
        width:10px;
        height:10px;
        margin:0 0 42px 13px
    }
    .steps-progress-bar-line{
        left:17px;
        width:2px;
        height:155px
    }
    .steps-progress-bar-line::after{
        width:2px;
        height:35px
    }
    .steps-progress-bar-line-red{
        display:none
    }
    .steps-opacity{
        opacity:1
    }
    .personal-guarantee::after{
        border-top:30px solid #fff
    }
    .personal-guarantee-heading{
        font-size:16px
    }
    .personal-guarantee-video{
        margin:0 0 35px
    }
    .personal-guarantee-request-text{
        font-size:12px;
        margin:0 0 18px
    }
    .personal-guarantee-request-input{
        width:100%;
        margin:0 0 11px
    }
    .personal-guarantee-request-input input{
        width:100%;
        padding:8px 20px 8px 40px;
        font-size:10px;
        background-size:18px 18px;
        background-position:10px center
    }
    .personal-guarantee-request button{
        width:100%;
        height:33px;
        margin:0 0 5px;
        border-radius:10px;
        -webkit-box-shadow:0 8px 9px 0 rgba(229,4,105,.71);
        box-shadow:0 8px 9px 0 rgba(229,4,105,.71)
    }
    .personal-guarantee-request button:focus,.personal-guarantee-request button:hover{
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .feedback{
        background:0 0
    }
    .feedback-item{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .feedback-item-wrapper{
        width:100%
    }
    .feedback-item-rating{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .feedback-item-rating span{
        font-size:14px
    }
    .feedback-item-name{
        max-height:34px;
        font-size:14px
    }
    .feedback-item-area{
        display:inline-block;
        margin:0 0 0 10px;
        font-size:14px
    }
    .feedback-item-options{
        max-height:none;
        font-size:14px
    }
    .feedback-item-options-prev{
        position:relative;
        border-bottom:1px dashed #000;
        cursor:pointer
    }
    .feedback-item-options-prev::after{
        content:"";
        display:block;
        position:absolute;
        top:7px;
        right:-16px;
        width:0;
        height:0;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:10px solid #000
    }
    .feedback-item-options a,.feedback-item-options span{
        display:none
    }
    .feedback-item-city,.feedback-item-price{
        -ms-grid-row:5;
        -ms-grid-row-span:1;
        grid-row:5/6
    }
    .feedback-item-price{
        display:inline-block;
        text-align:right
    }
    .feedback-item-city{
        max-height:none;
        margin:0 140px 0 0
    }
    .feedback-item-images{
        -ms-grid-column:1;
        -ms-grid-column-span:1;
        grid-column:1/2;
        -ms-grid-row:4;
        -ms-grid-row-span:1;
        grid-row:4/5;
        margin:0 0 20px
    }
    .feedback-swiper{
        height:293px
    }
    .feedback-thumbs{
        height:64px
    }
    .feedback-see-more a{
        max-width:242px;
        width:100%;
        height:35px;
        border-radius:5px
    }
    .feedback-separate .feedback-item-wrapper{
        margin:0 0 10px
    }
    .free-lamp{
        margin:30px 0 50px
    }
    .free-lamp::after{
        content:"";
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100px;
        background:left top url('https://luxsteli.com.ua/images/free-lamp-triangle.svg')no-repeat;
        background-size:cover
    }
    .free-lamp-promo{
        top:-23px;
        left:80%;
        width:80px;
        height:80px;
        font-size:11px
    }
    .free-lamp-promo span{
        left:18%
    }
    .free-lamp-heading{
        position:relative;
        margin:15px 0 40px;
        font-size:20px;
        z-index:5
    }
    .free-lamp-heading-mobile-block{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin:20px 0 0
    }
    .free-lamp-heading-mobile-block div{
        flex-shrink:0;
        margin:0 15px 0 0
    }
    .free-lamp-heading-mobile-block i{
        display:inline-block;
        width:27px;
        height:27px
    }
    .free-lamp-heading-mobile-block span{
        display:inline-block;
        margin:0 0 0 10px;
        color:#e5046a;
        font-size:10px
    }
    .free-lamp-description{
        margin:0 0 25px;
        font-size:13px
    }
    .free-lamp .personal-guarantee-request-input{
        margin:0 0 11px
    }
    .free-lamp .personal-guarantee-request-input svg{
        top:10px;
        left:10px
    }
    .free-lamp .personal-guarantee-request-input input{
        width:100%;
        padding:8px 20px 8px 40px;
        font-size:13px
    }
    .free-lamp-button{
        width:100%;
        height:50px;
        margin:0 0 50px
    }
    .free-lamp-gift{
        top:70px;
        right:60px;
        width:185px;
        height:185px;
        background-position:right center;
        z-index:1
    }
    .free-lamp-arrow-bottom,.free-lamp-gift-text,.free-lamp-sign,.you-become-benefits-item-heading::after{
        display:none
    }
    .callback{
        position:relative;
        margin:0 0 30px
    }
    .callback-heading{
        margin:25px 0 10px;
        text-align:center
    }
    .callback-description{
        margin:0 0 25px;
        font-size:14px;
        text-align:center
    }
    .callback-text-big{
        font-size:40px;
        text-align:center
    }
    .callback-text-big-move-left{
        left:auto;
        right:0;
        text-transform:uppercase
    }
    .callback-margin{
        margin:0;
        text-align:center
    }
    .callback-form{
        margin:0 25px
    }
    .callback-form-text{
        margin:10px 0;
        font-size:13px;
        text-align:center
    }
    .callback-form button{
        margin:0 0 5px;
        font-size:15px
    }
    .adress-block{
        padding:2px 0 6px
    }
    .adress-block-text,.callback-form .personal-guarantee-request-input input{
        font-size:14px
    }
    .office-img{
        height:226px
    }
    #regional_map,.map{
        height:220px
    }
    .you-become-text-small{
        margin:0 0 0 25px
    }
    .you-become-text-big{
        display:block;
        margin:0 0 0 25px
    }
    .you-become-benefits{
        display:flex;
        flex-flow:row wrap;
        margin:0-5px
    }
    .you-become-benefits-item{
        flex:0 0 auto;
        width:50%;
        margin:4rem 0 0;
        padding:0 5px
    }
    .you-become-benefits-item-icon{
        position:static;
        margin:0 0 0 25px;
        border:1px solid #292929;
        border-radius:50%
    }
    .you-become-benefits-item-heading{
        max-width:170px;
        margin:10px 0
    }
    .you-become-benefits-item-description{
        margin:0
    }
}
@media screen and (max-width:767px) and (-ms-high-contrast:active) and (-ms-high-contrast:none){
    .get-pdf-corner{
        top:60%
    }
    .shop-now-person{
        bottom:-201px
    }
    .shop-now::after{
        top:-15px
    }
    .personal-guarantee::after{
        top:-30px
    }
    .free-lamp::after{
        top:-15px
    }
}
@media screen and (max-width:575px){
    .calculator{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        margin:25px 0 30px
    }
    .calculator-heading{
        text-align:center
    }
    .calculator-fieldset:nth-of-type(5){
        -ms-grid-column:1;
        -ms-grid-column-span:1;
        grid-column:1/2;
        -ms-grid-row:5;
        -ms-grid-row-span:1;
        grid-row:5/6
    }
    .calculator input[type=number],.calculator-fieldset a{
        height:30px
    }
    .calculator-fieldset select{
        height:35px
    }
    .calculator-price{
        -ms-grid-row:6;
        grid-row:6/7
    }
    .calculator-price-line{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .calculator-price span{
        display:inline-block;
        max-width:90px;
        text-align:left
    }
    .calculator-button,.calculator-price,.calculator-question{
        -ms-grid-column:1;
        -ms-grid-column-span:1;
        grid-column:1/2;
        -ms-grid-row-span:1
    }
    .calculator-button{
        height:45px;
        padding:8px 0 0;
        -ms-grid-row:7;
        grid-row:7/8
    }
    .calculator-question{
        -ms-grid-row:8;
        grid-row:8/9
    }
    .get-pdf::after,.get-pdf::before,.iphone,.iphone-shadow{
        display:none
    }
    .catalog-swiper-slide-description-button{
        max-width:290px;
        width:100%;
        margin-top:0
    }
    .catalog-swiper-slide-img img{
        min-height:230px
    }
    .catalog-swiper-button{
        bottom:60px
    }
    .get-pdf{
        border-bottom:none
    }
    .get-pdf form input:not([type=checkbox]){
        margin:0 10px 0 0
    }
    .get-pdf-catalog-update{
        right:-5px;
        font-size:10px
    }
    .get-pdf img{
        right:10%
    }
    .get-pdf-arrow{
        top:55px;
        right:-10px
    }
    .get-pdf-corner{
        position:absolute;
        left:-5px;
        width:calc(100% + 10px)
    }
    .choose-and-order{
        top:80px;
        margin:20px 0 0
    }
    .shop-now{
        padding:45px 0 110px;
        margin:40px 0 0;
        background:url('https://luxsteli.com.ua/images/icons/trolley.svg')no-repeat -35px 27%,#f1f1f1;
        background-size:90px,cover
    }
    .shop-now::after{
        top:-135px;
        height:140px
    }
    .shop-now-trolley{
        top:-160px;
        width:139px;
        height:158px
    }
    .shop-now-heading{
        top:100px;
        margin:20px 0 0
    }
    .shop-now-description{
        top:90px
    }
    .shop-now-grid{
        -ms-grid-columns:2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr;
        grid-template-columns:2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr
    }
    .shop-now-zero-problems{
        -ms-grid-column:16;
        -ms-grid-column-span:8;
        grid-column:16/24;
        font-size:10px
    }
    .shop-now-person{
        background-position:-85px 250px;
        background-size:260px
    }
    .steps-text{
        -ms-grid-column:3;
        -ms-grid-column-span:7;
        grid-column:3/10;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .steps-text span{
        max-width:82px
    }
    .steps-counter{
        -ms-grid-column:10;
        -ms-grid-column-span:4;
        grid-column:10/14
    }
    .steps-progress-bar{
        -ms-grid-column:14;
        -ms-grid-column-span:2;
        grid-column:14/16
    }
    .diamond-blocks-image{
        height:115px
    }
    .feedback-item-city{
        margin:0 100px 0 0
    }
    .free-lamp{
        margin:30px 0 80px
    }
    .free-lamp::after{
        height:70px
    }
    .free-lamp-promo{
        top:-15px;
        left:70%
    }
    .free-lamp-heading{
        max-width:180px
    }
    .free-lamp-gift{
        right:0
    }
    .office-img{
        height:126px
    }
    #regional_map,.map{
        height:120px
    }
}
@media screen and (max-width:575px) and (-ms-high-contrast:active) and (-ms-high-contrast:none){
    .get-pdf-corner{
        top:56%
    }
    .shop-now-person{
        bottom:-215px;
        background-position:-85px 200px
    }
    .personal-guarantee::after{
        top:-50px
    }
}
.popup{
    display:none;
    max-width:760px;
    width:100%;
    padding:60px;
    background:#fff;
    overflow:hidden
}
.popup-calculator::after{
    content:url('https://luxsteli.com.ua/images/calculator.png');
    display:block;
    position:absolute;
    right:40px;
    bottom:10px;
    width:250px;
    height:385px
}
.popup-calculator-repair{
    max-height:inherit
}
.popup-calculator-repair::after{
    top:100px
}
.popup-calculator .popup-text{
    display:inline-block;
    max-width:260px;
    width:100%;
    margin:0 0 40px;
    font-size:14px
}
.popup-measurement{
    overflow:visible
}
.popup-measurement::after{
    content:" ";
    position:absolute;
    top:-5px;
    right:25px;
    display:block;
    background:center url('https://luxsteli.com.ua/images/index_sms_offer/popup-measure.png')no-repeat;
    width:225px;
    height:477px
}
.popup-gift::after{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    display:block;
    width:299px;
    height:380px;
    transform:translateY(-55%);
    background:right center/contain url('https://luxsteli.com.ua/images/popup-gift.png')no-repeat
}
.popup-measurement .popup-heading{
    max-width:470px;
    padding:0
}
.popup-white-ceiling-discount::after{
    top:0;
    right:0;
    width:285px;
    height:580px;
    background:center url('https://luxsteli.com.ua/images/index_sms_offer/discount-baloon-bg.png')no-repeat
}
.popup-measurement .popup-text{
    max-width:400px;
    font-size:14px
}
.popup-measurement .popup-text p{
    margin:10px 0
}
.popup-measurement .popup-text b{
    font-weight:500;
    color:#e5046a;
    text-transform:uppercase
}
.popup-form{
    position:relative;
    max-width:400px;
    margin:0 0 25px
}
.popup-form input[type=email],.popup-form input[type=tel],.popup-form input[type=text]{
    width:100%;
    padding:10px 0;
    margin:0 0 25px;
    border-width:0 0 1px;
    border-style:solid;
    border-color:#000;
    color:#000;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    -webkit-transition:.3s;
    transition:.3s
}
.popup-form input[type=email]:focus,.popup-form input[type=tel]:focus,.popup-form input[type=text]:focus{
    outline:0;
    border-color:#e5046a
}
.popup-form-radio-buttons{
    display:flex;
    flex-flow:row wrap;
    gap:10px 20px;
    margin:0 0 25px;
    padding:10px 0 0
}
.popup-form-radio-button label{
    margin:0 0 0 4px;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    cursor:pointer
}
.popup-form button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:220px;
    height:55px;
    background:#fff;
    border:1px solid #e5046a;
    border-radius:30px;
    color:#e5046a;
    font-size:11px;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    -webkit-transition:.3s;
    transition:.3s
}
.popup-form button:hover{
    color:#fff;
    background:#e5046a
}
.popup-heading{
    display:block;
    position:relative;
    padding-right:100px;
    margin-bottom:81px;
    font-size:32px;
    line-height:1.1
}
.popup-heading span{
    display:block
}
.popup-heading b{
    display:block;
    font-weight:900;
    font-size:48px;
    color:#e50469
}
.popup-heading::after{
    content:"";
    display:block;
    position:absolute;
    bottom:-39px;
    left:0;
    width:70px;
    height:7px;
    background:#e50469
}
.popup-column{
    display:inline-block;
    margin:0 0 14px 20px
}
.popup-list{
    display:inline-block;
    list-style:none;
    font-size:14px;
    vertical-align:top
}
.popup-list-title{
    display:block;
    margin:0 0 10px;
    font-size:14px;
    font-weight:700
}
.popup-list li{
    margin:0 0 4px
}
.popup-list li::before{
    content:"- "
}
.popup-confidentiality{
    display:inline-block;
    max-width:500px;
    width:100%;
    font-size:14px
}
.popup-confidentiality a{
    color:#000;
    text-decoration:underline
}
@media screen and (max-width:767px){
    .popup-heading{
        padding-right:0
    }
    .popup-calculator::after,.popup-gift::after,.popup-measurement::after{
        content:none;
        display:none
    }
}
@media screen and (max-width:575px){
    .popup{
        padding:30px
    }
    .popup-heading{
        margin:0 15px 50px 0;
        font-size:22px
    }
    .popup-heading b{
        font-size:34px
    }
    .popup-heading::after{
        bottom:-30px
    }
    .popup-calculator .popup-text{
        margin:0 0 25px
    }
}
.payment{
    position:relative;
    height:calc(100vh - 116px);
    min-height:800px
}
.payment-state{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:185px;
    margin:0 0 35px
}
.payment-state-fulfilled{
    background:#2fb580
}
.payment-state-rejected{
    background:#d2d2d2
}
.payment-icon{
    width:135px;
    height:135px;
    border-radius:50%
}
.payment-icon-fulfilled{
    background:url('https://luxsteli.com.ua/images/icons/check.svg'),#fff;
    background-size:50% 50%,cover;
    background-position:center center;
    background-repeat:no-repeat
}
.payment-icon-rejected{
    position:relative;
    background:#f42625
}
.payment-icon-rejected::after{
    content:"+";
    position:absolute;
    top:50%;
    left:50%;
    color:#fff;
    font-size:1000%;
    font-weight:900;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.payment-heading{
    display:block;
    padding:0 2em;
    margin:0 auto 45px;
    font-size:36px;
    font-weight:700;
    text-align:center
}
.payment-heading-fulfilled{
    color:#2fb580
}
.payment-heading-rejected{
    color:#f42625
}
.payment-text{
    display:block;
    padding:0 2em;
    margin:0 auto 100px;
    font-size:30px;
    text-align:center
}
.payment-list{
    max-width:30%;
    margin:0 auto
}
.payment-list li{
    position:relative;
    margin:0 0 30px 1.2em;
    list-style:none
}
.payment-list li::before{
    content:"";
    position:absolute;
    top:50%;
    left:-1.2em;
    width:.8em;
    height:.8em;
    background:#e5046a;
    border-radius:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.payment-list a{
    color:#000;
    font-size:18px;
    border-bottom:1px dashed #e5046a
}
.payment-list a:focus,.payment-list a:hover{
    color:#000;
    border-bottom:1px solid #e5046a
}
.payment .calculator-button{
    position:absolute;
    left:50%;
    bottom:80px;
    width:325px;
    height:50px;
    padding:0 15px;
    font-size:20px;
    line-height:50px;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
@media screen and (max-width:1575px){
    .payment{
        height:calc(100vh - 84px);
        min-height:536px
    }
    .payment-state{
        height:120px;
        margin:0 0 15px
    }
    .payment-icon{
        width:80px;
        height:80px
    }
    .payment-heading{
        margin:0 auto 20px
    }
    .payment-text{
        margin:0 auto 40px
    }
    .payment-list{
        max-width:45%
    }
    .payment-list li{
        margin:0 0 20px 1.2em
    }
    .payment .calculator-button{
        bottom:15px
    }
}
@media screen and (max-width:1199px){
    .payment-list{
        max-width:55%
    }
}
@media screen and (max-width:991px){
    .payment{
        height:calc(100vh - 206px);
        min-height:600px
    }
    .payment-list{
        max-width:70%
    }
}
@media screen and (max-width:767px){
    .payment{
        height:calc(100vh - 35px);
        min-height:500px
    }
    .payment-state{
        height:140px
    }
    .payment-icon{
        width:70px;
        height:70px
    }
    .payment-heading,.payment-text{
        padding:0 15px;
        font-size:18px
    }
    .payment-text{
        margin:0 0 30px;
        font-size:14px
    }
    .payment-list{
        max-width:100%;
        padding:0 40px
    }
    .payment-list a{
        font-size:12px
    }
    .payment .calculator-button{
        bottom:20px;
        width:240px;
        height:35px;
        font-size:16px;
        line-height:35px
    }
}
.tabs{
    max-width:1345px;
    margin:0 auto 80px
}
.tabs-buttons{
    display:flex;
    justify-content:space-around;
    margin:0 0 40px
}
.tabs-buttons a{
    max-width:150px;
    width:100%;
    padding:5px 10px;
    border:1px solid #e5046a;
    border-radius:5px;
    background:#fff;
    color:#585858;
    font-size:12px;
    text-align:center
}
.tabs-buttons a::before{
    content:"";
    display:block;
    width:2em;
    height:2em;
    margin:0 auto;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat
}
.tabs-buttons a:first-child{
    margin:0 10px 0 0
}
.tabs-buttons a:first-child::before{
    background-image:url('https://luxsteli.com.ua/images/icons/price-list.svg')
}
.tabs-buttons a:last-child{
    margin:0 0 0 10px
}
.tabs-buttons a:last-child::before{
    background-image:url('https://luxsteli.com.ua/images/icons/download-icon.svg')
}
.tabs-faq-question input,.tabs>input{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0)
}
.tabs>input:checked+label{
    position:relative;
    margin:0 20px 0 0;
    -webkit-box-shadow:6px -6px 20px 0 rgba(0,0,0,.1);
    box-shadow:6px -6px 20px 0 rgba(0,0,0,.1);
    z-index:3
}
.tabs>input:checked+label::after{
    content:"";
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    height:25px;
    background:#fff
}
.tabs>label{
    display:inline-block;
    padding:15px 20px;
    margin:0;
    background:#fff;
    color:#585858;
    font-size:35px;
    -webkit-box-shadow:3px -3px 10px 0 rgba(0,0,0,.1);
    box-shadow:3px -3px 10px 0 rgba(0,0,0,.1);
    transition:box-shadow .3s,margin .3s
}
.tabs>label::before{
    content:"";
    display:inline-block;
    width:1.4em;
    height:1.4em;
    margin:0 .5em 0 0;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    vertical-align:middle
}
.tabs-content{
    display:none;
    position:relative;
    width:100%;
    padding:40px;
    background:#fff;
    -webkit-box-shadow:6.364px 6.364px 40px 0 rgba(0,0,0,.1);
    box-shadow:6.364px 6.364px 40px 0 rgba(0,0,0,.1);
    z-index:2
}
.tabs-content-table{
    max-width:1000px;
    max-height:72vh;
    min-height:760px;
    margin:0 auto;
    border-collapse:collapse;
    border:1px solid #000;
    font-size:18px;
    overflow-y:auto
}
.tabs-content-table td,.tabs-content-table th{
    padding:5px 10px 5px 5px;
    border:1px solid #000
}
.tabs-content-table th:nth-child(n+2){
    text-align:center
}
.tabs-content-table td:nth-child(n+2),.tabs-content-table td:only-child{
    text-align:center
}
.tabs-content .get-pdf{
    margin:50px 60px 50px 0
}
.tabs-person{
    position:absolute;
    bottom:0;
    right:0;
    width:406px;
    height:630px;
    background:url('https://luxsteli.com.ua/images/tabs-person1.png')bottom right no-repeat;
    background-size:contain
}
.tabs-faq{
    height:605px;
    padding:55px 345px 35px 115px;
    border:1px solid #e5046a;
    overflow-y:auto
}
.tabs-faq-heading{
    display:block;
    margin:0 0 35px;
    color:#585858;
    font-size:35px;
    font-weight:700
}
.tabs-faq-question{
    position:relative;
    margin:0 0 35px;
    color:#585858;
    font-size:30px
}
.tabs-faq-question input:checked+label::before{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.tabs-faq-question label{
    position:relative
}
.tabs-faq-question label span{
    border-bottom:1px dashed #585858;
    cursor:pointer
}
.tabs-faq-question label:hover span{
    border-bottom:1px solid #585858
}
.tabs-faq-question label::before{
    content:">";
    position:absolute;
    left:-.8em;
    color:#e5046a;
    transition:transform .3s
}
.tabs-faq-answer{
    display:none;
    font-size:24px
}
#tab-1+label::before{
    background-image:url('https://luxsteli.com.ua/images/icons/question.svg')
}
#tab-2+label::before{
    background-image:url('https://luxsteli.com.ua/images/icons/price-list.svg')
}
#tab-3+label::before{
    background-image:url('https://luxsteli.com.ua/images/icons/download-icon.svg')
}
@media screen and (max-width:1575px){
    .tabs{
        max-width:1010px;
        margin:0 auto 90px
    }
    .tabs>label{
        padding:10px 15px;
        font-size:26px
    }
    .tabs-content{
        padding:35px 25px
    }
    .tabs-content-table{
        min-height:320px
    }
    .tabs-content .get-pdf{
        margin:20px 80px 0 0
    }
    .tabs-content .get-pdf img{
        top:-70px;
        right:-165px;
        width:380px
    }
    .tabs-person{
        width:290px;
        height:450px
    }
    .tabs-faq{
        height:446px;
        padding:40px 255px 0 90px
    }
    .tabs-faq-heading{
        margin:0 0 30px;
        font-size:26px
    }
    .tabs-faq-question{
        margin:0 0 30px;
        font-size:22px
    }
    .tabs-faq-answer{
        font-size:18px
    }
}
@media screen and (max-width:1199px){
    .tabs>label{
        padding:7px 10px;
        font-size:20px
    }
    .tabs-content .get-pdf{
        padding:15px 100px 15px 25px
    }
    .tabs-content .get-pdf::after,.tabs-content .get-pdf::before{
        display:none
    }
    .tabs-content .get-pdf img{
        top:-20px
    }
    .tabs-content .get-pdf-arrow{
        right:5px;
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    .tabs-person{
        width:185px;
        height:300px
    }
    .tabs-faq{
        height:355px;
        padding:20px 165px 0 50px
    }
    .tabs-faq-heading{
        margin:0 0 20px;
        font-size:22px
    }
    .tabs-faq-question{
        margin:0 0 25px;
        font-size:18px
    }
    .tabs-faq-answer{
        font-size:16px
    }
}
@media screen and (max-width:991px){
    .tabs-content{
        padding:25px 15px
    }
    .tabs-content .get-pdf{
        padding:15px;
        margin:0
    }
    .tabs-content .get-pdf img,.tabs-content .get-pdf-arrow{
        display:none
    }
    .tabs-faq{
        height:495px
    }
    .tabs-faq-answer{
        font-size:12px
    }
}
@media screen and (max-width:767px){
    .tabs>input:checked+label::after{
        height:15px
    }
    .tabs-faq{
        height:490px
    }
}
@media screen and (max-width:575px){
    .tabs>label{
        font-size:14px
    }
    .tabs-content{
        padding:15px
    }
    .tabs-person{
        width:100px;
        height:160px;
        background-image:url('https://luxsteli.com.ua/images/tabs-person-mobile.png')
    }
    .tabs-faq{
        height:auto;
        max-height:60vh;
        padding:15px 80px 0 15px
    }
    .tabs-faq-heading{
        margin:0 0 15px;
        font-size:14px
    }
    .tabs-faq-question{
        margin:0 0 20px;
        font-size:12px
    }
}
.measurement{
    background-image:url('https://luxsteli.com.ua/images/measurement-bg.jpg');
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    overflow:hidden
}
.measurement-no-arrow .measurement{
    background-image:url('https://luxsteli.com.ua/images/measurement-bg-no-arrow.jpg')
}
.measurement-text{
    margin:300px 0 30px;
    background:radial-gradient(rgba(255,255,255,.75),transparent)
}
.measurement-no-arrow .measurement-text{
    margin:200px 0 30px
}
.measurement-text span{
    display:block;
    margin:0 10px 40px 0;
    font-size:32px;
    line-height:1.15
}
.measurement-text p{
    margin:0 0 10px;
    font-size:16px;
    line-height:1.3
}
.measurement-form{
    margin:0 0 80px
}
.measurement-form legend{
    font-size:15px;
    font-weight:700;
    text-transform:uppercase
}
.measurement-form input{
    display:block;
    max-width:250px;
    margin:0 auto 45px 0;
    background:0 0;
    border:0;
    font-size:27px
}
.measurement-form button{
    max-width:256px;
    width:100%;
    height:34px;
    padding:0 10px;
    border:0;
    font-size:14px;
    margin:20px 0 0;
    background:#e5046a;
    color:#fff;
    cursor:pointer
}
.measurement-person{
    position:absolute;
    width:554px;
    height:665px;
    bottom:0;
    left:30%;
    background-size:contain;
    background-position:center top;
    background-repeat:no-repeat
}
@media screen and (max-width:1575px){
    .measurement-no-arrow .measurement-text,.measurement-text{
        margin:160px 0 20px
    }
    .measurement-text span{
        margin:0 10px 30px 0;
        font-size:24px
    }
    .measurement-text p{
        margin:0 0 7px;
        font-size:12px
    }
    .measurement-form legend{
        font-size:11px
    }
    .measurement-form input{
        margin:0 auto 35px 0;
        font-size:21px
    }
    .measurement-person{
        width:414px;
        height:497px;
        left:15%
    }
}
@media screen and (max-width:991px){
    .measurement-person{
        left:0
    }
}
@media screen and (max-width:767px){
    .measurement{
        background-image:url('https://luxsteli.com.ua/images/measurement-bg-mobile.jpg')
    }
    .measurement-no-arrow .measurement-text,.measurement-text{
        margin:45px 0 10px
    }
    .measurement-text span{
        margin:0 0 10px;
        font-size:12px;
        font-weight:700
    }
    .measurement-text p{
        margin:0 15px 4px 0;
        font-size:10px
    }
    .measurement-text p:last-of-type{
        display:none
    }
    .measurement-form{
        margin:0 0 16px
    }
    .measurement-form legend{
        font-size:9px
    }
    .measurement-form input{
        margin:0 auto 18px 0;
        font-size:13px
    }
    .measurement-form button{
        max-width:180px;
        height:20px;
        margin:7px 0 0;
        font-size:8px
    }
    .measurement-person{
        left:-40px;
        width:260px;
        height:280px
    }
}
.gallery{
    margin:0 0 190px
}
.gallery-heading{
    display:block;
    font-size:50px;
    text-align:center;
    text-transform:uppercase
}
.gallery-description{
    display:block;
    margin:0 0 80px;
    font-size:30px;
    text-align:center
}
.gallery-grid{
    max-width:1320px;
    width:100%;
    margin:0 auto
}
.gallery-grid .swiper-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%
}
.gallery-grid-item{
    flex-basis:calc((100% - 15px*5)/6);
    margin:0 15px 15px 0
}
.gallery-grid-item:nth-child(6n){
    margin-right:0
}
.gallery-grid-item a{
    display:block;
    position:relative;
    padding-top:88%
}
.gallery-grid-item a img{
    position:absolute;
    top:0;
    left:0
}
@media screen and (max-width:1575px){
    .gallery{
        margin:0 0 10px
    }
    .gallery-heading{
        font-size:38px
    }
    .gallery-description{
        margin:0 0 35px;
        font-size:22px
    }
    .gallery-grid{
        max-width:1000px
    }
    .gallery-grid-item{
        flex-basis:calc((100% - 15px*4)/5)
    }
    .gallery-grid-item:nth-child(6n){
        margin-right:15px
    }
    .gallery-grid-item:nth-child(5n){
        margin-right:0
    }
    .gallery-grid-item:nth-child(n+11){
        display:none
    }
}
@media screen and (max-width:1199px){
    .gallery-grid-item{
        flex-basis:calc((100% - 15px*3)/4)
    }
    .gallery-grid-item:nth-child(5n),.gallery-grid-item:nth-child(6n){
        margin-right:15px
    }
    .gallery-grid-item:nth-child(4n){
        margin-right:0
    }
    .gallery-grid-item:nth-child(n+9){
        display:none
    }
}
@media screen and (max-width:991px){
    .gallery-heading{
        font-size:30px
    }
    .gallery-description{
        margin:0 0 25px;
        font-size:16px
    }
    .gallery-grid-item{
        flex-basis:calc((100% - 15px*2)/3)
    }
    .gallery-grid-item:nth-child(4n),.gallery-grid-item:nth-child(5n),.gallery-grid-item:nth-child(6n){
        margin-right:15px
    }
    .gallery-grid-item:nth-child(3n){
        margin-right:0
    }
    .gallery-grid-item:nth-child(n+7){
        display:none
    }
}
@media screen and (max-width:767px){
    .gallery-heading{
        font-size:14px
    }
    .gallery-description{
        margin:0 0 10px;
        font-size:12px
    }
    .gallery-grid-item{
        flex-basis:calc((100% - 15px)/2)
    }
    .gallery-grid-item:nth-child(3n),.gallery-grid-item:nth-child(4n),.gallery-grid-item:nth-child(5n),.gallery-grid-item:nth-child(6n){
        margin-right:15px
    }
    .gallery-grid-item:nth-child(2n){
        margin-right:0
    }
    .gallery-grid-item:nth-child(n+5){
        display:none
    }
}
@media screen and (max-width:575px){
    .gallery-grid{
        width:auto;
        margin:0 20px;
        overflow:hidden
    }
    .gallery-grid .swiper-wrapper{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .gallery-grid-item{
        flex-basis:100%;
        flex-shrink:0;
        height:100%;
        margin:0 0 20px
    }
    .gallery-grid-item:nth-child(n){
        display:block;
        margin-right:0
    }
    .gallery-grid .ready-solutions-grid-button{
        top:50%
    }
    .gallery-grid .ready-solutions-grid-button-prev{
        left:10px
    }
    .gallery-grid .ready-solutions-grid-button-next{
        right:10px
    }
}
.ready-solutions-grid{
    position:relative;
    width:100%;
    height:100%;
    margin:60px 0 120px;
    overflow:hidden
}
.index-video-item picture,.index-video-item-bottom video,.page-video .section-video-item-bottom video,.ready-solutions-grid .swiper-wrapper{
    width:100%
}
.ready-solutions-grid-item{
    position:relative;
    flex-shrink:0;
    width:100%;
    height:100%;
    min-height:325px;
    padding:0 0 15px;
    transition-property:transform
}
.ready-solutions-grid-item-image{
    position:absolute;
    width:325px;
    height:325px
}
.gallery-grid-item a img,.ready-solutions-grid-item-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ready-solutions-grid-item-table{
    margin:0 0 0 380px
}
.ready-solutions-grid-item-table table{
    color:#333
}
.ready-solutions-grid-item-table caption{
    margin:0 50px 20px 10px;
    padding:0;
    color:#333;
    font-size:16px;
    caption-side:top
}
.ready-solutions-grid-item-table thead{
    background-color:#f1f1f1;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase
}
.ready-solutions-grid-item-table td,.ready-solutions-grid-item-table th{
    position:relative;
    padding:2px 10px
}
.ready-solutions-grid-item-table td{
    font-size:11px
}
.ready-solutions-grid-item-table-sale{
    color:#e5046a
}
.ready-solutions-grid-item-table-total{
    background-color:#f1f1f1;
    color:#5a6071;
    font-weight:700;
    text-transform:uppercase
}
.ready-solutions-grid-item-table-total td{
    font-size:14px
}
.ready-solutions-grid-item-table-credit td{
    color:#e0194b;
    font-size:14px;
    font-weight:700
}
.ready-solutions-grid-item-table-halva{
    position:relative;
    background-color:#ffe9c7;
    color:#000
}
.ready-solutions-grid-item-table-halva td{
    font-size:13px
}
.ready-solutions-grid-item-table-halva div{
    position:absolute;
    top:35%;
    right:28px;
    width:55px;
    height:35px;
    background:url('https://luxsteli.com.ua/images/card-halva.png')center center no-repeat;
    background-size:contain;
    -webkit-transform:translateY(-50%) rotate(10deg);
    transform:translateY(-50%) rotate(10deg)
}
.ready-solutions-grid-button{
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    border-bottom:5px solid #d2d2d2;
    border-left:5px solid #d2d2d2;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer;
    z-index:2
}
.ready-solutions-grid-button-prev{
    left:5px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.ready-solutions-grid-button-next{
    right:5px;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
@media screen and (max-width:1575px){
    .ready-solutions-grid{
        margin:75px 0 190px;
        padding:0 40px
    }
    .ready-solutions-grid-item{
        min-height:250px
    }
    .ready-solutions-grid-item-image{
        width:250px;
        height:250px
    }
    .ready-solutions-grid-item-table{
        margin:0 0 0 265px
    }
    .ready-solutions-grid-item-table caption{
        margin:0 30px 10px 10px;
        font-size:14px
    }
    .ready-solutions-grid-item-table thead{
        font-size:10px
    }
    .ready-solutions-grid-item-table td,.ready-solutions-grid-item-table th{
        padding:2px 8px
    }
    .ready-solutions-grid-item-table td{
        font-size:9px
    }
    .ready-solutions-grid-item-table-total td{
        font-size:13px
    }
    .ready-solutions-grid-item-table-credit td{
        font-size:11px
    }
    .ready-solutions-grid-item-table-halva div{
        width:50px;
        height:30px
    }
}
@media screen and (max-width:1199px){
    .ready-solutions-grid{
        margin:40px 0 90px
    }
    .ready-solutions-grid-item{
        min-height:200px
    }
    .ready-solutions-grid-item-image{
        width:200px;
        height:200px
    }
    .ready-solutions-grid-item-table{
        margin:0 0 0 215px
    }
    .ready-solutions-grid-item-table caption{
        margin:0 0 10px 5px;
        font-size:13px
    }
    .ready-solutions-grid-item-table thead{
        font-size:10px
    }
    .ready-solutions-grid-item-table td,.ready-solutions-grid-item-table th{
        padding:2px 5px
    }
    .ready-solutions-grid-item-table td{
        font-size:9px
    }
    .ready-solutions-grid-item-table-total td{
        font-size:10px
    }
    .ready-solutions-grid-item-table-credit td{
        font-size:11px
    }
    .ready-solutions-grid-item-table-halva div{
        right:15px;
        width:40px;
        height:25px
    }
}
@media screen and (max-width:575px){
    .ready-solutions-grid{
        margin:20px 0 60px;
        padding:0
    }
    .ready-solutions-grid-item-image{
        width:calc(100% - 40px);
        height:250px;
        margin:0 20px
    }
    .ready-solutions-grid-item-table{
        margin:270px 0 0
    }
    .ready-solutions-grid-item-table table{
        width:100%
    }
    .ready-solutions-grid-item-table caption{
        font-size:12px;
        font-weight:400
    }
    .ready-solutions-grid-item-table td{
        font-size:12px
    }
    .ready-solutions-grid-item-table thead,.ready-solutions-grid-item-table-total td{
        font-size:14px
    }
    .ready-solutions-grid-item-table-credit td{
        font-size:12px
    }
    .ready-solutions-grid-button{
        top:125px;
        width:15px;
        height:15px;
        border-width:2px
    }
    .ready-solutions-grid-button-prev{
        left:3px
    }
    .ready-solutions-grid-button-next{
        right:3px
    }
}
.section-video{
    padding:70px 0;
    background:#fff
}
.section-video *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.page-video-container,.section-video-container{
    max-width:1120px;
    margin:0 auto;
    padding:0 15px;
    position:relative;
    display:block
}
.page-video .section-video-title{
    font-size:43px;
    color:#000;
    text-align:center;
    margin-bottom:15px
}
.page-video .section-video-text{
    font-size:19px;
    font-style:italic;
    text-align:center;
    color:#999;
    margin-bottom:50px
}
.page-video .section-video-wrap{
    margin-bottom:40px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.page-video .section-video-item{
    margin-bottom:20px;
    width:-webkit-calc(50% - 10px);
    width:calc(50% - 10px);
    text-decoration:none;
    position:relative
}
.page-video .section-video-item-top{
    position:relative;
    background:#f4f4f4;
    padding:30px;
    height:290px
}
.page-video .section-video-item-icon{
    position:absolute;
    top:40px;
    right:30px;
    height:64px;
    width:64px;
    display:block;
    background:#fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:65% 65%;
    background-size:65%
}
.page-video .section-video-button{
    text-align:center
}
.page-video .section-video-button a,.page-video .section-video-item-button span{
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    text-decoration:none;
    border:1px solid #e0194b;
    font-weight:900;
    transition:all .3s ease
}
.page-video .section-video-button a{
    display:inline-flex;
    padding:0 60px;
    height:60px;
    color:#fff;
    background:#e0194b;
    -webkit-border-radius:30px;
    border-radius:30px
}
.page-video .section-video-button a:hover{
    background:#fff;
    color:#e0194b
}
.page-video .section-video-button a:hover:after,.page-video .section-video-item-button span:after{
    content:url('https://luxsteli.com.ua/images/youtube/youtube-pink.svg')
}
.page-video .section-video-item-title{
    font-size:32px;
    color:#000;
    padding-right:100px;
    margin-bottom:15px
}
.page-video .section-video-item-text{
    color:#7b7b83;
    font-size:13px;
    line-height:22px;
    padding-right:100px;
    margin-bottom:30px
}
.page-video .section-video-item-button{
    background:#f4f4f4;
    bottom:0;
    position:absolute;
    left:0;
    right:0;
    width:100%;
    margin:0 auto;
    padding:0 30px 15px
}
.page-video .section-video-item-button span{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    color:#e0194b;
    font-size:11px;
    height:44px;
    text-align:center;
    -webkit-border-radius:22px;
    border-radius:22px;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease
}
.page-video .section-video-button a:after,.page-video .section-video-item-button span:after{
    margin-left:20px;
    position:relative;
    width:25px;
    height:28px;
    display:block;
    flex-shrink:0
}
.page-video .section-video-item-button span:hover{
    color:#fff;
    background:#e0194b
}
.page-video .section-video-button a:after,.page-video .section-video-item-button span:hover:after{
    content:url('https://luxsteli.com.ua/local/templates/mp/assets/img/youtube/youtube.svg')
}
.page-video .section-video-item-bottom{
    width:100%;
    height:auto;
    max-height:300px;
    display:block;
    overflow:hidden
}
.page-video{
    padding:80px 0;
    background:#fff
}
.page-video *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.page-video-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.page-video .page-video-wrap:not(:last-child){
    margin-bottom:100px
}
.page-video .page-video-col{
    width:-webkit-calc(50% - 10px);
    width:calc(50% - 10px);
    position:relative
}
.page-video .page-video-image{
    height:300px;
    display:block;
    width:100%;
    margin-bottom:15px;
    position:relative;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    background-size:cover
}
.page-video .page-video-image:hover span{
    background:#000
}
.page-video .page-video-image span{
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-transform:uppercase;
    color:#fff;
    background:rgba(0,0,0,.75);
    height:45px;
    position:absolute;
    bottom:0;
    font-size:11px;
    font-weight:900;
    left:0;
    right:0
}
.page-video .page-video-image span:before{
    content:url('https://luxsteli.com.ua/images/youtube/play-button.svg');
    height:16px;
    width:16px;
    display:block;
    margin-right:10px
}
.page-video .page-video-title{
    font-size:32px;
    color:#000;
    margin-bottom:15px
}
.page-video .page-video-text{
    font-size:13px;
    line-height:22px;
    color:#7b7b83
}
.page-video .page-video-list{
    height:430px
}
.page-video .page-video-list-item{
    width:100%;
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    text-decoration:none;
    padding:15px 0
}
.page-video .page-video-list-item:first-child{
    padding-top:0
}
.page-video .page-video-list-item:not(:last-child){
    border-bottom:1px solid #eee
}
.page-video .page-video-list-item:hover .page-video-list-item-title{
    color:#e0194b
}
.page-video .page-video-list-item-num{
    width:25px;
    flex-shrink:0;
    text-align:center;
    font-size:14px;
    color:#000
}
.page-video .page-video-list-item-image{
    height:80px;
    width:140px;
    display:block;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    background-size:cover
}
.page-video .page-video-list-item-title{
    margin-left:8px;
    font-size:14px;
    font-weight:700;
    color:#000;
    padding-right:15px;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.page-video .simplebar-track{
    width:3px;
    background:#eee
}
.page-video .simplebar-scrollbar{
    width:3px;
    background:#e0194b;
    right:0
}
.page-video .simplebar-scrollbar::before{
    background:0 0
}
@media (max-width:991.98px){
    .page-video .section-video-title{
        font-size:24px
    }
    .page-video .section-video-text{
        font-size:13px
    }
    .page-video .section-video-item-title{
        font-size:22px
    }
    .page-video .section-video-item-button span{
        font-size:9px
    }
    .page-video .section-video-item-button span:after{
        margin-left:10px
    }
}
@media (max-width:767.98px){
    .page-video .section-video-item{
        width:100%
    }
    .page-video .section-video-item-button span{
        font-size:11px
    }
    .page-video .section-video-item-top{
        height:auto;
        padding-bottom:15px
    }
    .page-video .section-video-item-button{
        position:relative;
        padding-bottom:0
    }
    .page-video .page-video-col{
        width:100%
    }
    .page-video .page-video-col:first-child{
        margin-bottom:30px
    }
}
@media (max-width:575.98px){
    .page-video .section-video-item-button{
        padding-right:0;
        padding-left:0
    }
    .page-video .section-video-item-button span{
        padding:0 15px
    }
    .page-video .section-video-item-text,.page-video .section-video-item-title{
        padding-right:0
    }
    .page-video .section-video-item-icon{
        display:none
    }
    .page-video .section-video-button a{
        padding-left:30px;
        padding-right:30px
    }
    .page-video .page-video-title{
        font-size:24px
    }
}
.index-video{
    margin:40px 0
}
.index-video-title{
    margin:0 0 15px;
    font-size:42px;
    text-align:center
}
.index-video-text{
    margin:0 0 50px;
    font-style:italic;
    font-size:20px;
    color:#999;
    text-align:center
}
.index-video-item{
    display:block;
    margin:0 0 30px;
    color:#000;
    text-decoration:none
}
.index-video-item:focus,.index-video-item:hover{
    color:#000;
    text-decoration:none
}
.index-video-item-top{
    position:relative;
    height:240px;
    padding:30px 30px 60px;
    background:#f4f4f4;
    overflow:hidden
}
.index-video-item-icon{
    position:absolute;
    top:30px;
    right:30px;
    width:64px;
    height:64px;
    background:center/65% 65%no-repeat #fff;
    border-radius:50%
}
.index-video-item-title{
    margin:0 80px 15px 0;
    font-size:32px;
    line-height:1
}
.index-video-item-text{
    margin:0 80px 30px 0;
    font-size:13px;
    line-height:18px;
    color:#7b7b83
}
.index-video-item-button{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 12px;
    margin:0 30px 15px;
    font-weight:500;
    font-size:15px;
    line-height:1;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background:#f06
}
.index-video-item-button:focus,.index-video-item-button:hover{
    color:#fff
}
.index-video-item-button span{
    display:block
}
.index-video-item-button::after{
    content:"";
    flex:0 0 auto;
    display:block;
    margin:0 0 0 10px;
    width:25px;
    height:28px;
    background:center/contain url('https://luxsteli.com.ua/images/icons/youtube-gallery.svg')no-repeat
}
.index-video-item-bottom{
    position:relative;
    display:block;
    width:100%;
    height:0;
    padding:0 0 56%;
    overflow:hidden
}
.index-video-item-bottom iframe{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none
}
.index-video-item img{
    width:100%
}
@media (min-width:1200px){
    .index-video-container{
        max-width:1140px
    }
}
@media (max-width:991px){
    .index-video-item-top{
        padding:20px 20px 60px
    }
    .index-video-item-icon{
        top:20px;
        right:20px
    }
    .index-video-item-title{
        margin:0 0 20px;
        font-size:22px
    }
    .index-video-item-text{
        margin:0 65px 30px 0
    }
    .index-video-item-button{
        margin:0 20px 15px;
        height:auto;
        min-height:40px;
        padding:4px 12px
    }
}
@media (max-width:767px){
    .index-video{
        margin:30px 0 45px
    }
    .index-video-title{
        font-size:24px
    }
    .index-video-text{
        font-size:13px
    }
    .index-video-item{
        margin:0 0 15px
    }
    .index-video-item-top{
        height:auto
    }
    .wrap_c3c{
        bottom:55px!important
    }
}
.site-breadcrumbs-wrapper{
    position:relative;
    z-index:20;
    padding:5px 0;
    background:#e8e8e8
}
.site-breadcrumbs{
    display:flex;
    flex-flow:row wrap;
    list-style:none;
    margin:0;
    padding:0;
    gap:5px 10px
}
.site-breadcrumbs-item{
    font-size:14px;
    line-height:20px
}
.site-breadcrumbs-item::after{
    content:"";
    display:inline-block;
    width:0;
    height:0;
    margin:0 0 0 8px;
    border-style:solid;
    border-width:4px 0 4px 4px;
    border-color:transparent transparent transparent #000
}
.site-breadcrumbs-item:last-child::after{
    display:none
}
.site-breadcrumbs-item>a{
    color:#000;
    text-decoration:none;
    border-bottom:1px solid
}
.site-breadcrumbs-item>a:hover,.site-breadcrumbs-item>span{
    color:#5d5d5d
}
@media (max-width:1199px){
    .site-breadcrumbs-wrapper{
        padding:3px 0
    }
    .site-breadcrumbs-item{
        font-size:13px;
        line-height:20px
    }
}
.franchise-info-wrapper{
    margin:60px 0 0;
    padding:25px 0;
    background:#5a6071
}
.franchise-info{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    align-items:center;
    max-width:820px;
    margin:0 auto
}
.franchise-info-text{
    flex:1 1 50%;
    max-width:100%;
    padding:0 30px 0 0;
    font-weight:400;
    font-size:20px;
    line-height:28px;
    color:#f6f3ff
}
.franchise-info-button{
    position:relative;
    z-index:1;
    display:inline-block;
    padding:6px 26px;
    font-size:20px;
    line-height:28px;
    color:#fff;
    background:#e50469;
    border:0;
    border-radius:4px;
    box-shadow:0 0 3px 0 rgba(255,255,255,.15);
    cursor:pointer;
    outline:0
}
.franchise-info-button:focus,.franchise-info-button:hover{
    color:#fff;
    background:#da005f;
    outline:0
}
@media screen and (max-width:767px){
    .franchise-info-wrapper{
        margin:35px 0 0
    }
    .franchise-info-text{
        width:100%;
        padding:0 10px 0 0
    }
    .franchise-info-button,.franchise-info-text{
        font-size:13px;
        line-height:18px
    }
}
.page-404{
    position:relative;
    display:flex;
    flex-flow:column nowrap;
    justify-content:center;
    align-items:center;
    min-height:calc(100vh - 140px);
    padding:150px 0 80px;
    text-align:center;
    background:center/cover url('https://luxsteli.com.ua/images/404/404-bg.jpg')no-repeat
}
.page-404::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:180px;
    height:138px;
	background:center top/contain url('https://luxsteli.com.ua/images/logo404_svg_2.svg')no-repeat;
    transform:translateX(-50%)
}
.page-404-text{
    margin:0 0 25px;
    font-weight:900;
    font-size:240px;
    line-height:1;
    color:#000
}
.page-404-subtext{
    margin:0 0 75px;
    font-weight:300;
    font-size:20px;
    line-height:25px
}
.page-404-button a{
    display:inline-block;
    padding:16px 82px 15px;
    font-weight:900;
    font-size:20px;
    line-height:25px;
    color:#fff;
    background:#e50469;
    border-radius:28px;
    box-shadow:16px 16px 32px 0 rgba(229,4,105,.5);
    transition:all .25s
}
.page-404-button a:hover{
    text-decoration:none;
    box-shadow:none
}
@media (max-width:1575px){
    .page-404{
        min-height:calc(100vh - 120px);
        padding:150px 0 60px
    }
    .page-404-text{
        margin:0 0 10px;
        font-size:190px
    }
    .page-404-subtext{
        margin:0 0 45px
    }
}
@media (max-width:991px){
    .page-404{
        min-height:calc(100vh - 210px);
        padding:150px 0 60px
    }
    .page-404-text{
        margin:0 0 25px;
        font-size:240px
    }
    .page-404-subtext{
        margin:0 0 75px
    }
}
@media (max-width:767px){
    .page-404{
        min-height:calc(100vh - 35px);
        padding:150px 0 50px
    }
    .page-404-text{
        margin:0 0 20px;
        font-size:160px
    }
    .page-404-subtext{
        margin:0 0 50px;
        font-size:18px;
        line-height:24px
    }
    .page-404-button a{
        padding:16px 52px 15px;
        font-size:18px;
        line-height:24px
    }
}
:root{
    --color-gray-light:#fdfdfd;
    --color-gray-semilight:#f7f8f8;
    --color-gray-dark:#686868;
    --color-purple:#ea2774
}
.scrollbar-x-thin,.scrollbar-y-thin{
    scrollbar-width:thin
}
.scrollbar-x-thin::-webkit-scrollbar{
    height:8px
}
.scrollbar-x-thin::-webkit-scrollbar-track{
    background:0 0
}
.scrollbar-x-thin::-webkit-scrollbar-thumb{
    background-color:#e9e7e7;
    border-radius:4px;
    border:transparent
}
.scrollbar-y-thin::-webkit-scrollbar{
    width:8px
}
.scrollbar-y-thin::-webkit-scrollbar-track{
    background:0 0
}
.scrollbar-y-thin::-webkit-scrollbar-thumb{
    background-color:#e9e7e7;
    border-radius:4px;
    border:transparent
}
.btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:70px;
    padding:0 32px;
    font-weight:400;
    font-size:16px;
    line-height:1.5;
    color:var(--color-gray-dark);
    background:0 0;
    border:1px solid;
    border-radius:10px;
    transition:.25s;
    cursor:pointer;
    outline:0
}
.btn2{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:30px;
    padding:0 12px;
    font-weight:400;
    font-size:16px;
    line-height:1.5;
    color:var(--color-gray-dark);
    background:0 0;
    border:1px solid;
    border-radius:10px;
    transition:.25s;
    cursor:pointer;
    outline:0
}
.btn:focus,.btn2:focus,.btn:hover,.btn2:hover{
    color:var(--color-gray-light);
    text-decoration:none;
    background-color:var(--color-gray-dark);
    border-color:var(--color-gray-dark);
    outline:0
}
.btn-primary{
    position:relative;
    color:var(--color-gray-light);
    background-color:var(--color-purple);
    border-color:var(--color-purple)
}
.btn-primary:focus,.btn-primary:hover{
    top:-1px;
    color:var(--color-gray-light);
    background-color:var(--color-purple);
    border-color:var(--color-purple);
    box-shadow:0 10px 30px 0 rgba(52,52,52,.2)
}
.btn-secondary{
    border-color:var(--color-purple)
}
.btn-secondary:focus,.btn-secondary:hover{
    color:var(--color-gray-light);
    background-color:var(--color-purple);
    border-color:var(--color-purple)
}
@media (max-width:1575px){
    .btn{
        height:60px;
        padding:0 28px
    }
}
@media (max-width:991px){
    .btn{
        height:50px;
        padding:0 18px;
        border-radius:5px
    }
}
.index-advantages-section{
    padding:0;
    background:#fff
}
.btn-secondary{
    color:var(--color-purple)
}
.index-advantages{
    display:flex;
    flex-flow:row wrap;
    gap:30px;
    border:2px solid rgb(247,248,248,1);
    border-radius:6px
}
.index-advantages-col{
    flex:1 1 auto;
    width:calc(25% - 23px)
}
.index-advantage{
    display:flex;
    flex-flow:row nowrap;
    justify-content:center;
    align-items:center;
    padding:34px 20px;
    font-size:21px;
    line-height:1.5;
    color:var(--color-gray-dark);
    border-radius:10px
}
.index-advantage-icon{
    position:relative;
    flex:0 0 auto;
    margin:0 30px 0 0
}
.index-advantage-icon svg{
    width:auto;
    max-height:100%
}
.index-advantage-description{
    position:relative;
    flex:0 0 auto;
    padding:0 0 0 30px
}
.index-advantage-description::before{
    content:"";
    position:absolute;
    top:0;
    right:100%;
    bottom:0;
    display:block;
    width:1px;
    background:linear-gradient(180deg,rgba(255,255,255,0)0,#ea2774 50%,rgba(255,255,255,0) 100%)
}
.index-advantage-description b{
    font-weight:600;
    color:var(--color-purple)
}
@media (max-width:1575px){
    .index-advantages-section{
        padding:45px 0
    }
    .index-advantage{
        padding:24px 12px;
        font-size:16px
    }
    .index-advantage-icon{
        height:38px;
        margin:0 18px 0 0
    }
    .index-advantage-description{
        padding:0 0 0 18px
    }
}
@media (max-width:1199px){
    .index-advantages-section{
        padding:35px 0
    }
    .index-advantages{
        gap:15px
    }
    .index-advantages-col{
        width:calc(25% - 12px)
    }
    .index-advantage{
        padding:20px 10px;
        font-size:15px
    }
    .index-advantage-icon{
        height:30px;
        margin:0 12px 0 0
    }
    .index-advantage-description{
        padding:0 0 0 12px
    }
}
@media (max-width:991px){
    .index-advantages-section{
        padding:45px 0
    }
    .index-advantage{
        flex-wrap:wrap;
        justify-content:start;
        padding:15px 10px 15px 15px
    }
    .index-advantage-icon{
        width:100%;
        margin:0 0 12px
    }
    .index-advantage-description{
        width:100%;
        padding:12px 0 0
    }
    .index-advantage-description::before{
        top:auto;
        right:auto;
        bottom:100%;
        left:-5px;
        width:65px;
        height:1px;
        background:linear-gradient(90deg,rgba(255,255,255,0)0,#ea2774 50%,rgba(255,255,255,0) 100%)
    }
}
@media (max-width:767px){
    .index-advantages-section{
        padding:30px 0 35px
    }
    .index-advantages-col{
        width:calc(50% - 8px)
    }
    .index-advantage{
        font-size:14px
    }
}
.index-calculator-section{
    padding:100px 0;
    background:var(--color-gray-semilight);
    display:block
}
.index-calculator-section-main{
    display:none
}
.index-heading-h2,.index-heading-h3{
    margin:0 auto 60px;
    font-weight:700;
    font-size:42px;
    line-height:1.2;
    color:var(--color-gray-dark);
    text-align:center
}
.index-heading-h2.gradient-divider{
    margin-bottom:20px;
    padding:0 0 10px
}
.index-heading-h3{
    max-width:1270px;
    font-weight:400;
    font-size:21px;
    line-height:1.5
}
.index-heading-h3 b{
    font-weight:700
}
.gradient-divider,.gradient-divider-left{
    position:relative
}
.gradient-divider-left::after,.gradient-divider::after{
    content:"";
    position:absolute;
    top:100%;
    max-width:100%;
    height:1px
}
.gradient-divider::after{
    left:50%;
    width:490px;
    background:linear-gradient(90deg,rgba(255,255,255,0)0,#ea2774 50%,rgba(255,255,255,0) 100%);
    transform:translateX(-50%)
}
.gradient-divider-left::after{
    left:0;
    width:175px;
    background:linear-gradient(90deg,#ea2774 0,rgba(255,255,255,0) 100%)
}
.index-calculator-wrapper{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    align-items:stretch;
    padding:68px 80px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 30px 89px 0 rgba(109,109,109,.05)
}
.index-calculator{
    width:718px
}
.index-calculator-heading{
    padding:0 0 10px;
    margin:0 0 70px;
    font-weight:700;
    font-size:32px;
    line-height:1.2;
    color:var(--color-gray-dark)
}
.index-calculator-selects{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center;
    padding:0 0 42px;
    margin:0 0 42px;
    border-bottom:1px solid rgba(155,155,155,.35)
}
.index-calculator-select-field{
    display:flex;
    align-items:center;
    gap:30px
}
.index-calculator-label{
    display:block;
    margin:0;
    font-weight:500;
    font-size:21px;
    line-height:1.2;
    color:var(--color-gray-dark)
}
.index-calculator-select{
    width:214px;
    height:60px;
    padding:18px 48px 18px 24px;
    font-weight:500;
    font-size:18px;
    line-height:1.2;
    color:var(--color-purple);
    background:top 24px right 24px url('https://luxsteli.com.ua/images/index-new/angle-down.svg')no-repeat;
    background-size:23px auto;
    border:1px solid var(--color-purple);
    border-radius:12px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    outline:0
}
.index-calculator-select::-ms-expand{
    display:none
}
.index-calculator-range{
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    gap:50px
}
.index-calculator-range+.index-calculator-range{
    margin:45px 0 0;
    padding:40px 0 0;
    border-top:1px solid rgba(155,155,155,.35)
}
.index-calculator-area-slider{
    position:relative;
    flex:1 1 50%;
    max-width:100%
}
.index-calculator-area-slider .rangeslider{
    background-color:#9d9d9d
}
.index-calculator-area-slider .rangeslider--horizontal{
    height:21px;
    border-left:none;
    border-right:none;
    border-top:10px solid #fff;
    border-bottom:10px solid #fff;
    border-radius:0
}
.index-calculator-area-slider .rangeslider__fill{
    display:none
}
.index-calculator-area-slider .rangeslider__handle{
    top:-17px;
    width:35px;
    height:35px;
    background-image:none;
    background-color:var(--color-purple);
    border:10px solid #ffc6dc;
    box-shadow:none
}
.index-calculator-area-slider-values{
    position:absolute;
    top:100%;
    left:0;
    display:flex;
    justify-content:space-between;
    width:100%;
    margin:4px 0 0
}
.index-calculator-area-slider-value{
    flex:0 0 auto;
    display:flex;
    justify-content:center;
    width:1px;
    font-weight:500;
    font-size:19px;
    line-height:1.2;
    color:rgba(104,104,104,.5)
}
.index-calculator-area-input{
    flex:0 0 auto;
    width:84px
}
.index-calculator-area-input input{
    display:block;
    width:100%;
    height:54px;
    padding:14px;
    font-weight:600;
    font-size:21px;
    line-height:1.2;
    color:var(--color-gray-dark);
    text-align:center;
    border:1px solid var(--color-gray-dark);
    border-radius:7px;
    outline:0
}
.index-calculator-area-input input::-webkit-inner-spin-button,.index-calculator-area-input input::-webkit-outer-spin-button,.slide-calculator-area-input input::-webkit-inner-spin-button,.slide-calculator-area-input input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.index-calculator-area-input input:focus,.index-calculator-area-input input:hover,.slide-calculator-area-input input:focus,.slide-calculator-area-input input:hover{
    outline:0
}
.index-calculator-info{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center;
    margin:80px 0 0
}
.index-calculator-info-result{
    font-weight:600;
    font-size:21px;
    line-height:1.2;
    color:var(--color-gray-dark)
}
.index-calculator-result-value{
    display:inline-block;
    margin:0 0 0 58px;
    font-weight:700;
    font-size:24px;
    line-height:1.2;
    color:var(--color-purple);
    white-space:nowrap
}
.index-calculator-info-helper{
    position:relative
}
.index-calculator-info-helper .helper-button{
    display:inline-block;
    padding:0;
    font-size:18px;
    line-height:1.2;
    color:var(--color-purple);
    text-decoration:underline;
    background:0 0;
    border:0;
    cursor:pointer;
    outline:0
}
.index-calculator-info-helper .helper-message{
    position:absolute;
    z-index:-1;
    bottom:100%;
    right:0;
    width:280px;
    padding:16px;
    margin:0 0 10px;
    font-size:16px;
    line-height:1.2;
    color:var(--color-gray-dark);
    background:#fff;
    border-radius:10px;
    box-shadow:0 5px 10px 0 rgba(0,0,0,.15);
    opacity:0;
    transition:opacity .25s;
    pointer-events:none
}
.index-calculator-info-helper .helper-message ul,.slide-calculator-info-helper .slide-helper-message ul{
    padding:0 0 0 15px;
    margin:4px 0 0
}
.index-calculator-info-helper .helper-button:focus~.helper-message,.index-calculator-info-helper .helper-button:hover~.helper-message{
    z-index:2;
    opacity:1;
    pointer-events:initial
}
.index-calculator-form{
    width:480px;
    padding:60px;
    background:#fff;
    box-shadow:0 25px 60px 0 rgba(149,149,149,.1);
    border-radius:15px
}
@media (max-width:1575px){
    .gradient-divider::after{
        width:360px
    }
    .gradient-divider-left::after{
        width:150px
    }
    .index-calculator-section{
        padding:90px 0
    }
    .index-heading-h2{
        font-size:36px
    }
    .index-heading-h2.gradient-divider{
        margin-bottom:15px
    }
    .index-heading-h3{
        margin-bottom:45px;
        font-size:19px
    }
    .index-calculator-wrapper{
        padding:38px 42px
    }
    .index-calculator{
        width:580px
    }
    .index-calculator-heading{
        margin:0 0 65px;
        font-size:28px
    }
    .index-calculator-selects{
        padding:0 0 38px;
        margin:0 0 38px
    }
    .index-calculator-select-field{
        gap:15px
    }
    .index-calculator-label{
        font-size:19px
    }
    .index-calculator-select{
        width:180px;
        height:50px;
        padding:12px 42px 12px 12px;
        background-position:top 20px right 12px;
        background-size:20px auto
    }
    .index-calculator-range{
        gap:35px
    }
    .index-calculator-range+.index-calculator-range{
        margin:40px 0 0;
        padding:35px 0 0
    }
    .index-calculator-area-slider-values{
        margin:2px 0 0
    }
    .index-calculator-area-slider-value{
        font-size:17px
    }
    .index-calculator-area-input{
        width:76px
    }
    .index-calculator-area-input input{
        height:48px;
        padding:10px;
        font-size:19px
    }
    .index-calculator-info{
        margin:70px 0 0
    }
    .index-calculator-info-result{
        font-size:19px
    }
    .index-calculator-result-value{
        margin:0 0 0 28px;
        font-size:22px
    }
    .index-calculator-info-helper .helper-button{
        font-size:16px
    }
    .index-calculator-form{
        width:380px;
        padding:36px 28px
    }
}
@media (max-width:1199px){
    .gradient-divider-left::after{
        width:120px
    }
    .index-calculator-wrapper{
        padding:38px 28px
    }
    .index-calculator{
        width:440px
    }
    .index-calculator-heading{
        margin:0 0 35px;
        font-size:24px
    }
    .index-calculator-selects{
        padding:0 0 30px;
        margin:0 0 25px
    }
    .index-calculator-select-field{
        flex-flow:column nowrap;
        justify-content:start;
        align-items:start;
        gap:10px;
        width:calc(50% - 15px)
    }
    .index-calculator-label{
        font-size:18px
    }
    .index-calculator-select{
        width:100%
    }
    .index-calculator-range{
        flex-wrap:wrap;
        justify-content:space-between;
        gap:15px
    }
    .index-calculator-range+.index-calculator-range{
        margin:40px 0 0;
        padding:25px 0 0
    }
    .index-calculator-area-slider{
        flex:0 0 auto;
        order:2;
        width:100%
    }
    .index-calculator-area-slider-value{
        width:auto
    }
    .index-calculator-info{
        justify-content:center;
        margin:50px 0 0
    }
    .index-calculator-info-result{
        display:flex;
        justify-content:space-between;
        width:100%;
        margin:0 0 10px;
        padding:12px 18px;
        background:var(--color-gray-semilight);
        border-radius:7px
    }
    .index-calculator-info-helper .helper-message{
        right:auto;
        left:50%;
        transform:translateX(-50%)
    }
    .index-calculator-form{
        padding:40px 28px
    }
}
@media (max-width:991px){
    .gradient-divider::after{
        width:320px
    }
    .index-calculator-section{
        padding:45px 0;
        display:block
    }
    .index-heading-h2{
        font-size:32px
    }
    .index-heading-h2.gradient-divider{
        margin-bottom:10px
    }
    .index-heading-h3{
        font-size:18px
    }
    .index-calculator-wrapper{
        padding:28px 18px;
        gap:15px;
        border-radius:5px
    }
    .index-calculator{
        width:calc(50% - 8px)
    }
    .index-calculator-heading{
        display:none
    }
    .index-calculator-selects{
        gap:15px
    }
    .index-calculator-select-field{
        width:calc(50% - 8px)
    }
    .index-calculator-label{
        font-size:14px
    }
    .index-calculator-select{
        height:45px;
        padding:12px 45px 12px 10px;
        font-size:16px;
        background-position:top 18px right 10px;
        background-size:16px auto;
        border-radius:5px
    }
    .index-calculator-range{
        gap:15px;
        margin:0 0 45px
    }
    .index-calculator-area-slider .rangeslider__handle{
        top:-15px;
        width:30px;
        height:30px;
        border-width:8px
    }
    .index-calculator-area-slider-value{
        font-size:14px
    }
    .index-calculator-area-input{
        width:65px
    }
    .index-calculator-area-input input{
        height:40px;
        font-size:16px;
        border-radius:5px
    }
    .index-calculator-info-helper .helper-button{
        font-size:12px
    }
    .index-calculator-info-helper .helper-message{
        font-size:14px
    }
    .index-calculator-form{
        width:calc(50% - 8px);
        padding:44px 18px 52px;
        box-shadow:0 0 35px 0 rgba(109,109,109,.1);
        border-radius:5px
    }
}
@media (max-width:767px){
    .gradient-divider::after{
        max-width:160px
    }
    .index-calculator-section{
        padding:35px 0
    }
    .index-heading-h2,.index-heading-h3{
        margin-bottom:30px;
        font-size:24px
    }
    .index-heading-h3{
        font-size:14px
    }
    .index-calculator,.index-calculator-info-trigger .btn{
        width:100%
    }
    .index-calculator-info-result{
        flex-flow:column nowrap;
        align-items:center;
        padding:20px 15px;
        margin:0 0 20px;
        font-weight:400;
        font-size:16px;
        border-radius:5px
    }
    .index-calculator-result-value{
        margin:10px 0 0;
        font-size:19px
    }
    .index-calculator-info-trigger{
        width:100%;
        margin:0 0 20px
    }
    .index-calculator-form{
        display:none;
        width:290px
    }
}
.std-form-description,.std-form-heading{
    color:var(--color-gray-dark);
    text-align:center
}
.std-form-heading{
    margin:0 0 20px;
    font-weight:700;
    font-size:32px;
    line-height:1.2
}
.std-form-heading.gradient-divider{
    padding:0 0 10px
}
.std-form-heading.gradient-divider::after{
    max-width:175px
}
.std-form-description{
    margin:0 0 40px;
    font-size:16px;
    line-height:1.5
}
.std-form-line{
    margin:0 0 15px
}
.std-form-input{
    display:block;
    width:100%;
    height:60px;
    padding:17px 38px 19px;
    font-size:16px;
    line-height:1.5;
    color:var(--color-gray-dark);
    background:var(--color-gray-semilight);
    border:0;
    border-radius:10px;
    outline:0
}
.std-form-modal{
    max-width:500px;
    padding:86px 40px 58px;
    border-radius:15px;
    box-shadow:0 25px 60px 0 rgba(149,149,149,.1)
}
.fancybox-slide--html .std-form-modal .fancybox-close-small{
    top:15px;
    right:15px;
    width:48px;
    height:48px
}
.std-form-modal-close-button{
    margin:60px 0 0
}
.std-form-modal-close-button .btn,.std-form-submit .btn{
    width:100%
}
.std-form-radio-line{
    margin:45px 0;
    text-align:center
}
.std-form-radio-line-row{
    display:inline-flex;
    flex-flow:row wrap;
    justify-content:start;
    gap:15px 30px;
    margin:0 auto
}
.std-form-radio{
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:start;
    gap:0 12px;
    margin:0;
    font-weight:500;
    font-size:18px;
    line-height:24px;
    color:var(--color-gray-dark);
    cursor:pointer
}
.std-form-radio input{
    position:absolute;
    top:0;
    left:0;
    opacity:0
}
.std-form-radio-display{
    position:relative;
    width:24px;
    height:24px;
    background:#ffc6dc;
    border-radius:50%
}
.std-form-radio input:checked~.std-form-radio-display::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    width:12px;
    height:12px;
    background:var(--color-purple);
    border-radius:50%;
    transform:translate(-50%,-50%)
}
.std-form-submit{
    margin:0 0 20px
}
.std-form-agreements{
    font-size:14px;
    line-height:1.5;
    color:var(--color-gray-dark)
}
.std-form-modal .std-form-agreements{
    margin:15px 0 0
}
.std-form-agreements a{
    font-weight:700;
    color:var(--color-gray-dark);
    text-decoration:underline
}
@media (max-width:1575px){
    .std-form-heading{
        font-size:28px
    }
    .std-form-input{
        height:50px;
        padding:15px 20px;
        font-size:16px
    }
    .std-form-submit{
        margin:0 0 10px
    }
}
@media (max-width:1199px){
    .std-form-heading{
        font-size:24px
    }
    .std-form-heading.gradient-divider::after{
        width:160px
    }
}
@media (max-width:991px){
    .std-form-modal-close-button{
        margin:45px 0 0
    }
    .std-form-heading{
        margin:0 0 18px
    }
    .std-form-heading.gradient-divider{
        padding:0 0 18px
    }
    .std-form-description{
        margin:0 0 14px;
        font-size:14px
    }
    .std-form-description p+p{
        margin:21px 0 0
    }
    .std-form-input{
        border-radius:5px
    }
    .std-form-radio-line{
        margin:30px 0
    }
    .std-form-radio-line-row{
        gap:10px 20px
    }
    .std-form-radio{
        gap:0 6px;
        font-size:16px;
        line-height:22px
    }
    .std-form-radio-display{
        width:22px;
        height:22px
    }
    .std-form-radio input:checked~.std-form-radio-display::after{
        width:10px;
        height:10px
    }
    .std-form-agreements{
        font-size:13px
    }
}
@media (max-width:767px){
    .std-form-modal{
        max-width:340px;
        padding:48px 20px 32px;
        border-radius:5px;
        box-shadow:0 0 75px 0 rgba(109,109,109,.1)
    }
    .fancybox-slide--html .std-form-modal .fancybox-close-small{
        top:0;
        right:0
    }
    .std-form-modal-close-button{
        margin:35px 0 0
    }
}
.office-info-modal{
    width:100%;
    max-width:800px
}
.office-info-row{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    gap:0 30px;
    margin:24px 0 0;
    padding:0 40px
}
.office-info-col{
    margin:0 0 30px
}
.office-info-heading,.office-info-list li{
    font-size:16px;
    line-height:1.5;
    color:var(--color-gray-dark)
}
.office-info-heading{
    margin:0 0 15px;
    font-weight:700
}
.office-info-list{
    padding:0;
    list-style:none
}
.office-info-list li{
    position:relative;
    padding:0 0 0 20px;
    font-weight:400
}
.office-info-list li::before{
    content:"";
    position:absolute;
    top:10px;
    left:8px;
    display:block;
    width:4px;
    height:4px;
    background:var(--color-gray-dark);
    border-radius:50%
}
@media (max-width:767px){
    .office-info-modal{
        max-width:290px
    }
    .office-info-row{
        display:flex;
        flex-flow:column nowrap;
        gap:0;
        padding:0 20px
    }
    .office-info-heading{
        margin:0 0 8px;
        font-size:14px
    }
    .office-info-list li{
        padding:0 0 0 16px;
        font-size:14px
    }
    .office-info-list li::before{
        top:8px;
        left:6px;
        width:3px;
        height:3px
    }
}
.index-catalog-gallery-section{
    padding:120px 0;
    background:var(--color-gray-light)
}
.index-catalog-gallery-buttons{
    display:flex;
    flex-flow:row nowrap;
    justify-content:stretch;
    margin:0 0 50px;
    box-shadow:0 10px 30px 0 rgba(157,157,157,.05)
}
.index-catalog-gallery-button{
    position:relative;
    flex:1 1 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    max-width:100%;
    height:65px;
    padding:0 12px;
    font-weight:400;
    font-size:21px;
    line-height:1.2;
    color:var(--color-gray-dark);
    background:#fff
}
.index-catalog-gallery-button:focus,.index-catalog-gallery-button:hover{
    color:var(--color-gray-dark);
    text-decoration:none
}
.index-catalog-gallery-button.active{
    font-weight:600;
    letter-spacing:-.01em
}
.index-catalog-gallery-button::after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    display:block;
    width:60%;
    height:3px;
    background:var(--color-purple);
    border-radius:3px 3px 0 0;
    transform:translateX(-50%);
    opacity:0;
    transition:.25s
}
.index-catalog-gallery-button.active::after,.index-catalog-gallery-button:focus::after,.index-catalog-gallery-button:hover::after{
    opacity:1
}
.index-catalog-gallery-button+.index-catalog-gallery-button::before{
    content:"";
    position:absolute;
    top:10px;
    bottom:10px;
    left:0;
    display:block;
    width:1px;
    background:var(--color-gray-dark);
    opacity:.5
}
.index-catalog-gallery-button:first-child{
    border-radius:10px 0 0 10px
}
.index-catalog-gallery-button:last-child{
    border-radius:0 10px 10px 0
}
.index-catalog-gallery-tab:not(.active){
    height:0;
    opacity:0;
    overflow:hidden
}
.index-catalog-gallery-tab{
    transition:opacity .25s
}
.index-catalog-gallery-row{
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    gap:0 70px
}
.index-catalog-gallery-slider .swiper{
    border-radius:15px
}
.index-catalog-gallery-col-sliders{
    flex:0 0 auto;
    width:1010px
}
.index-catalog-gallery-slide{
    position:relative;
    display:block;
    height:546px
}
.index-catalog-gallery-slide img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.index-catalog-gallery-slider-next,.index-catalog-gallery-slider-prev{
    position:absolute;
    z-index:10;
    top:50%;
    width:50px;
    height:50px;
    background-color:#fff;
    background-repeat:no-repeat;
    background-size:13px auto;
    border-radius:50%;
    cursor:pointer;
    transform:translateY(-50%)
}
.index-catalog-gallery-slider-prev{
    left:30px;
    background-position:17px center;
    background-image:url('https://luxsteli.com.ua/images/index-new/angle-left.svg')
}
.index-catalog-gallery-slider-next{
    right:30px;
    background-position:right 17px center;
    background-image:url('https://luxsteli.com.ua/images/index-new/angle-right.svg')
}
.index-catalog-gallery-slider-next.swiper-button-disabled,.index-catalog-gallery-slider-prev.swiper-button-disabled{
    opacity:.35
}
.index-catalog-gallery-slider .swiper-pagination{
    bottom:30px;
    left:50%;
    display:inline-flex;
    align-items:center;
    gap:0 12px;
    width:auto;
    height:44px;
    padding:0 22px;
    background:#fff;
    border-radius:22px;
    transform:translateX(-50%)
}
.index-catalog-gallery-slider .swiper-pagination .swiper-pagination-bullet{
    display:block;
    width:12px;
    height:12px;
    margin:0;
    padding:0;
    background:#e1e1e1;
    border-radius:50%
}
.index-catalog-gallery-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--color-purple)
}
.index-catalog-gallery-col-info{
    flex:1 1 50%;
    display:flex;
    flex-flow:column nowrap;
    justify-content:space-between;
    max-width:100%;
    height:546px
}
.index-catalog-gallery-info{
    flex:1 1 50%;
    display:flex;
    flex-flow:column nowrap;
    max-height:calc(100% - 208px)
}
.index-catalog-gallery-info .index-catalog-gallery-tab.active{
    display:flex;
    flex-flow:column nowrap;
    height:100%
}
.index-catalog-gallery-info-heading{
    flex:0 0 auto;
    padding:0 0 10px;
    margin:20px 0 30px;
    font-weight:700;
    font-size:32px;
    line-height:1.2;
    color:var(--color-gray-dark)
}
.index-catalog-gallery-info-description{
    flex:0 1 auto;
    margin:0 0 35px;
    overflow-y:auto
}
.index-catalog-gallery-info-description ul{
    margin:0;
    padding:0;
    list-style:none
}
.index-catalog-gallery-info-description ul li,.index-work-review-options-list div{
    font-size:18px;
    line-height:1.5;
    color:var(--color-gray-dark)
}
.index-catalog-gallery-info-description ul li::before{
    content:"– "
}
.index-catalog-gallery-info-price{
    flex:0 0 auto;
    margin:auto 0 35px;
    font-weight:500;
    font-size:20px;
    line-height:1.2;
    color:var(--color-gray-dark)
}
.index-catalog-gallery-info-price span{
    margin:0 0 0 8px;
    font-weight:700;
    font-size:24px;
    color:var(--color-purple)
}
@media (max-width:1575px){
    .index-catalog-gallery-section{
        padding:90px 0
    }
    .index-catalog-gallery-buttons{
        margin:0 0 35px
    }
    .index-catalog-gallery-button{
        height:50px;
        font-size:18px
    }
    .index-catalog-gallery-row{
        gap:30px
    }
    .index-catalog-gallery-col-sliders{
        width:780px
    }
    .index-catalog-gallery-slide{
        height:430px
    }
    .index-catalog-gallery-slider-prev{
        left:15px
    }
    .index-catalog-gallery-slider-next{
        right:15px
    }
    .index-catalog-gallery-slider .swiper-pagination{
        bottom:15px
    }
    .index-catalog-gallery-col-info{
        height:430px
    }
    .index-catalog-gallery-info{
        max-height:calc(100% - 178px)
    }
    .index-catalog-gallery-info-heading{
        margin:10px 0 20px;
        font-size:24px
    }
    .index-catalog-gallery-info-description{
        margin:0 0 15px
    }
    .index-catalog-gallery-info-description ul li{
        font-size:15px
    }
    .index-catalog-gallery-info-price{
        margin:0 0 25px;
        font-size:18px
    }
    .index-catalog-gallery-info-price span{
        font-size:21px
    }
}
@media (max-width:1199px){
    .index-catalog-gallery-section{
        padding:75px 0
    }
    .index-catalog-gallery-buttons{
        margin:0 0 30px
    }
    .index-catalog-gallery-button{
        font-size:16px
    }
    .index-catalog-gallery-col-sliders{
        width:640px
    }
    .index-catalog-gallery-slide{
        height:430px
    }
    .index-catalog-gallery-slider-next,.index-catalog-gallery-slider-prev{
        width:42px;
        height:42px
    }
    .index-catalog-gallery-slider-prev{
        left:10px;
        background-position:13px center
    }
    .index-catalog-gallery-slider-next{
        right:10px;
        background-position:right 13px center
    }
    .index-catalog-gallery-slider .swiper-pagination{
        bottom:10px;
        gap:0 8px;
        height:38px;
        padding:0 16px
    }
    .index-catalog-gallery-col-info{
        height:430px
    }
    .index-catalog-gallery-info-heading{
        margin:10px 0 20px;
        font-size:20px
    }
    .index-catalog-gallery-info-description{
        margin:0 0 15px
    }
    .index-catalog-gallery-info-description ul li{
        font-size:14px
    }
    .index-catalog-gallery-info-price{
        margin:0 0 25px;
        font-size:16px
    }
    .index-catalog-gallery-info-price span{
        font-size:18px
    }
}
@media (max-width:991px){
    .index-catalog-gallery-section{
        padding:45px 0
    }
    .index-catalog-gallery-buttons{
        flex-flow:row wrap;
        gap:8px
    }
    .index-catalog-gallery-button{
        flex:1 1 auto;
        width:calc(25% - 6px);
        max-width:initial;
        height:42px;
        font-size:16px;
        background-color:#f2f2f2;
        border-radius:5px
    }
    .index-catalog-gallery-button.active,.index-catalog-gallery-button:focus{
        color:var(--color-gray-light);
        background-color:var(--color-purple)
    }
    .index-catalog-gallery-button:first-child,.index-catalog-gallery-button:last-child{
        border-radius:5px
    }
    .index-catalog-gallery-button+.index-catalog-gallery-button::before,.index-catalog-gallery-button::after{
        display:none
    }
    .index-catalog-gallery-row{
        flex-flow:column nowrap
    }
    .index-catalog-gallery-col-sliders{
        width:100%
    }
    .index-catalog-gallery-slider .swiper{
        border-radius:10px
    }
    .index-catalog-gallery-slide{
        height:0;
        padding:0 0 55%
    }
    .index-catalog-gallery-slider-next,.index-catalog-gallery-slider-prev{
        display:none
    }
    .index-catalog-gallery-slider .swiper-pagination{
        height:28px;
        padding:0 12px
    }
    .index-catalog-gallery-slider .swiper-pagination .swiper-pagination-bullet{
        width:10px;
        height:10px
    }
    .index-catalog-gallery-col-info{
        flex:0 0 auto;
        width:100%;
        height:auto;
        max-width:initial
    }
    .index-catalog-gallery-info-heading{
        margin:0 0 20px
    }
}
@media (max-width:767px){
    .index-catalog-gallery-section{
        padding:35px 0
    }
    .index-catalog-gallery-buttons{
        margin:0 0 15px
    }
    .index-catalog-gallery-button{
        width:auto;
        padding:8px
    }
    .index-catalog-gallery-slider .swiper-pagination{
        height:auto;
        padding:0;
        background:0 0
    }
    .index-catalog-gallery-info-heading{
        margin:0 0 15px;
        font-size:18px
    }
    .index-catalog-gallery-info-description,.index-catalog-gallery-info-price{
        margin:0 0 30px
    }
}
.index-portfolio-section{
    padding:20px 0;
    background:var(--color-gray-light)
}
.index-reviews-section{
    padding:120px 0;
    background:var(--color-gray-light)
}
.index-work-reviews-slider>.swiper:not(.swiper-initialized){
    overflow:visible
}
.index-work-reviews-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper{
    flex-flow:row wrap;
    align-items:stretch;
    gap:30px
}
.index-work-reviews-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{
    flex:0 1 auto;
    width:calc(50% - 15px);
    height:auto
}
.index-work-review{
    height:100%;
    padding:38px 36px 48px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 30px 90px 0 rgba(109,109,109,.05)
}
.index-work-review-slider-row{
    display:flex;
    flex-flow:row nowrap;
    gap:14px;
    margin:0 0 45px
}
.index-work-review-slider{
    flex:0 0 auto;
    width:406px
}
.index-work-review-slider>.swiper{
    border-radius:15px
}
.index-work-review-slide{
    position:relative;
    display:block;
    height:224px
}
.index-work-review-slide>img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center bottom
}
.index-work-review-play-overlay{
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7)
}
.index-work-review-play-overlay img{
    display:block;
    width:56px;
    height:auto
}
.index-work-review-thumbnails{
    flex:1 1 50%;
    display:flex;
    flex-flow:row wrap;
    gap:14px;
    max-width:100%;
    height:224px
}
.index-work-review-thumbnail{
    position:relative;
    flex:1 1 auto;
    display:block;
    width:calc(50% - 7px);
    height:calc(50% - 7px);
    border-radius:7px;
    overflow:hidden
}
.index-work-review-thumbnail>img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.index-work-review-heading{
    margin:0 0 30px;
    font-weight:700;
    font-size:24px;
    line-height:1.5;
    color:var(--color-gray-dark)
}
.index-work-review-heading span{
    white-space:nowrap
}
.index-work-review-options{
    margin:0 0 30px
}
.index-work-review-options-heading{
    margin:0 0 12px;
    font-weight:600;
    font-size:21px;
    line-height:1.5;
    color:var(--color-gray-dark)
}
.index-work-review-options-list{
    display:flex;
    flex-flow:row wrap;
    align-content:start;
    gap:0 5px;
    height:81px;
    overflow-y:auto
}
.index-work-review-price{
    font-weight:700;
    font-size:21px;
    line-height:1.5;
    color:var(--color-gray-dark)
}
.index-work-review-price span{
    color:var(--color-purple);
    white-space:nowrap
}
.index-work-reviews-more{
    width:290px;
    margin:60px auto 0
}
.index-calls-wrapper form,.index-work-reviews-more .btn{
    width:100%
}
.swiper-pagination.swiper-pagination-simple{
    position:static;
    margin:30px 0 0
}
.swiper-pagination.swiper-pagination-simple .swiper-pagination-bullet{
    width:12px;
    height:12px;
    margin:0 8px;
    background-color:#ddd
}
.swiper-pagination.swiper-pagination-simple .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--color-purple)
}
@media (max-width:1575px){
    .index-portfolio-section{
        padding:90px 0
    }
	.index-reviews-section{
        padding:90px 0
    }
    .index-work-review{
        padding:28px 26px 36px;
        box-shadow:0 22px 68px 0 rgba(109,109,109,.05);
        border-radius:10px
    }
    .index-work-review-slider-row{
        gap:8px;
        margin:0 0 36px
    }
    .index-work-review-slider{
        width:290px
    }
    .index-work-review-slider>.swiper{
        border-radius:10px
    }
    .index-work-review-slide{
        height:180px
    }
    .index-work-review-thumbnails{
        height:180px;
        gap:8px
    }
    .index-work-review-thumbnail{
        width:calc(50% - 4px);
        height:calc(50% - 4px);
        border-radius:5px
    }
    .index-work-review-play-overlay img{
        width:42px
    }
    .index-work-review-heading{
        margin:0 0 18px;
        font-size:20px
    }
    .index-work-review-options{
        margin:0 0 22px
    }
    .index-work-review-options-heading{
        margin:0 0 8px;
        font-size:18px
    }
    .index-work-review-options-list{
        height:72px
    }
    .index-work-review-options-list div{
        font-size:16px
    }
    .index-work-review-price{
        font-size:18px
    }
}
@media (max-width:1199px){
    .index-portfolio-section{
        padding:75px 0
    }
	.index-reviews-section{
        padding:75px 0
    }
    .index-work-reviews-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper{
        gap:16px
    }
    .index-work-reviews-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{
        width:calc(50% - 8px)
    }
    .index-work-review{
        padding:26px 22px 32px;
        box-shadow:0 16px 42px 0 rgba(109,109,109,.05)
    }
    .index-work-review-slider-row{
        margin:0 0 28px
    }
    .index-work-review-slider{
        width:calc(50% - 4px)
    }
    .index-work-review-heading{
        margin:0 0 18px;
        font-size:18px
    }
    .index-work-review-options{
        margin:0 0 22px
    }
    .index-work-review-options-heading{
        margin:0 0 8px;
        font-size:16px
    }
    .index-work-review-options-list{
        height:63px
    }
    .index-work-review-options-list div{
        font-size:14px
    }
    .index-work-review-price{
        font-size:16px
    }
    .index-work-reviews-more{
        margin-top:45px
    }
}
@media (max-width:991px){
    .index-portfolio-section{
        padding:45px 0
    }
	.index-reviews-section{
        padding:45px 0
    }
    .index-work-reviews-slider>.swiper:not(.swiper-initialized){
        overflow:hidden
    }
    .index-work-reviews-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper{
        flex-flow:row nowrap
    }
    .index-work-reviews-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{
        width:100%
    }
    .index-work-reviews-slider>.swiper{
        box-shadow:0 0 75px 0 rgba(109,109,109,.1)
    }
    .index-video-links-slider>.swiper>.swiper-wrapper>.swiper-slide,.index-work-reviews-slider>.swiper>.swiper-wrapper>.swiper-slide{
        height:auto
    }
    .index-work-review{
        padding:30px 20px;
        box-shadow:none
    }
    .index-work-review-slider-row{
        margin:0 0 30px
    }
    .index-work-review-slider{
        width:380px
    }
    .index-work-review-slide,.index-work-review-thumbnails{
        height:220px
    }
    .index-work-review-options-list{
        max-width:480px
    }
    .index-work-reviews-more{
        margin-top:30px
    }
}
@media (max-width:767px){
    .index-portfolio-section{
        padding:35px 0
    }
	.index-reviews-section{
        padding:35px 0
    }
    .swiper-pagination.swiper-pagination-simple .swiper-pagination-bullet{
        width:10px;
        height:10px
    }
    .index-work-review,.index-work-review-slider>.swiper{
        border-radius:5px
    }
    .index-work-review-slider-row{
        flex-flow:column nowrap
    }
    .index-work-review-slider{
        width:100%
    }
    .index-work-review-slide{
        height:0;
        padding:0 0 60%
    }
    .index-work-review-thumbnails{
        height:auto
    }
    .index-work-review-thumbnail{
        width:calc(25% - 8px);
        height:0;
        padding:0 0 17%
    }
    .index-work-review-play-overlay img{
        width:38px
    }
    .index-work-review-heading{
        position:relative;
        padding:0 0 10px;
        margin:0 0 15px
    }
    .index-work-review-heading::after{
        content:"";
        position:absolute;
        top:100%;
        left:0;
        width:150px;
        max-width:100%;
        height:1px;
        background:linear-gradient(90deg,#ea2774 0,rgba(255,255,255,0) 100%)
    }
    .index-work-reviews-more{
        width:100%
    }
}
.index-stock{
    padding:100px 0;
    background:#f7f8f8
}
.index-stock .index-heading-h2{
    margin-bottom:89px
}
.index-stock-item{
    padding:20px 60px;
    background:#fff;
    box-shadow:0 32.464px 97.3919px rgba(109,109,109,.05);
    border-radius:15px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:0 45px;
    align-items:center
}
.index-stock-item-img{
    padding:17px 30px;
    background:linear-gradient(180deg,#ea2774 -41.52%,rgba(234,39,116,0) 100%);
    border-radius:50%;
    position:relative;
    z-index:2;
    width:fit-content
}
.index-stock-item-img img{
    height:197px;
    object-fit:contain;
    position:relative;
    z-index:1;
    display:block
}
.index-stock-item-img::after{
    content:"";
    position:absolute;
    bottom:20px;
    right:0;
    background:linear-gradient(270deg,#303030 31.94%,rgba(48,48,48,0) 101.44%);
    opacity:.75;
    filter:blur(7px);
    transform:matrix(-1,0,0,1,0,0);
    width:158px;
    height:32px;
    z-index:0;
    border-radius:40%
}
.index-stock-item-info-title{
    font-weight:700;
    font-size:28px;
    line-height:34px;
    color:#686868;
    margin-bottom:15px
}
.index-stock-item-info{
    display:grid;
    grid-template-columns:1fr minmax(auto,360px);
    justify-content:space-between;
    padding-left:45px;
    padding-top:16px;
    padding-bottom:16px;
    gap:0 120px
}
.index-stock-item-info.gradient-divider::after{
    left:0;
    top:0;
    width:2px;
    height:100%;
    background:linear-gradient(0deg,rgba(255,255,255,0)0,#ea2774 50%,rgba(255,255,255,0) 100%)
}
.index-stock-item-info-title-date{
    font-weight:500;
    font-size:18px;
    line-height:21px;
    color:#686868
}
.index-about-body p,.index-stock-item-info-descr{
    font-weight:400;
    font-size:18px;
    line-height:150%;
    color:#686868
}
.index-stock-item-info-descr span{
    font-weight:500
}
.index-stock-item-info-title-box{
    margin-bottom:30px
}
@media (max-width:1575px){
    .index-stock-item{
        padding:20px 40px;
        gap:30px
    }
    .index-stock-item-img img{
        height:177px
    }
    .index-stock-item-img::after{
        width:138px
    }
    .index-stock-item-info{
        grid-template-columns:1fr minmax(auto,300px);
        gap:60px;
        padding-left:30px
    }
    .index-stock .index-heading-h2{
        margin-bottom:45px
    }
}
@media (max-width:991px){
    .index-stock-item{
        padding:30px 20px
    }
    .index-stock-item-info{
        grid-template-columns:1fr;
        gap:30px
    }
    .index-stock{
        padding:60px 0
    }
}
@media (max-width:767px){
    .index-stock .index-heading-h2{
        margin-bottom:30px
    }
    .index-stock-item{
        grid-template-columns:1fr;
        justify-items:center;
        gap:20px
    }
    .index-stock-item-img{
        padding:10px 20px
    }
    .index-stock-item-img img{
        height:130px
    }
    .index-stock-item-img::after{
        width:105px;
        height:21px
    }
    .index-stock-item-info{
        text-align:center;
        padding:0
    }
    .index-stock-item-info-title{
        font-size:18px;
        line-height:22px;
        margin-bottom:10px
    }
    .index-stock-item-info-title-date{
        font-weight:400;
        font-size:14px;
        line-height:16px;
        color:#686868
    }
    .index-sock-item-info-btn-desc,.index-stock-item-info-btn.deskt,.index-stock-item-info.gradient-divider::after{
        display:none
    }
    .index-stock-item-info-descr{
        font-size:14px;
        line-height:150%
    }
    .index-stock-item-info-descr span{
        font-weight:600
    }
    .index-stock{
        padding:35px 0
    }
    .index-stock-item-info-btn-box .btn{
        width:100%
    }
    .index-action-form{
        display:none;
        width:290px;
        padding:44px 18px 52px;
        box-shadow:0 0 35px 0 rgba(109,109,109,.1);
        border-radius:5px
    }
}
.index-calls{
    background:#278cea
}
.index-calls,.index-calls-inner{
    position:relative;
    overflow:hidden
}
.index-calls-bubble img{
    height:238px;
    object-fit:contain;
    position:absolute;
    z-index:0
}
.index-calls-bubble img:first-child{
    top:-119px;
    left:0
}
.index-calls-bubble img:last-child{
    bottom:-119px;
    right:0;
    transform:rotate(180deg)
}
.index-calls-roulette{
    max-width:1100px;
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
    position:absolute;
    top:0;
    height:100%;
    left:50%;
    right:50%;
    transform:translate(-50%);
    z-index:0
}
.index-calls-roulette img{
    position:absolute;
    top:30px;
    right:-10px;
    height:calc(100% - 30px);
    object-fit:contain
}
.index-calls-wrapper{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:42px;
    max-width:1270px;
    min-height:386px;
    padding:60px 0;
    margin:0 auto
}
.index-calls-info{
    max-width:664px
}
.index-calls-info-title{
    font-weight:700;
    font-size:32px;
    line-height:130%;
    color:#fcfcfc
}
.index-calls-info-descr{
    font-weight:400;
    font-size:16px;
    line-height:150%;
    color:#fcfcfc
}
.gradient-ln{
    padding-bottom:10px;
    position:relative
}
.gradient-ln::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:1px;
    width:175px
}
.gradient-wh::after{
    background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 100%)
}
.gradient-ch::after{
    background:linear-gradient(90deg,#ea2774 0,rgba(234,39,116,.8) 50%,rgba(255,255,255,0) 100%)
}
.index-calls-form-box{
    display:flex;
    flex-flow:row wrap;
    gap:30px
}
.index-calls-form-input{
    width:360px
}
.index-calls-form-btn button,.index-calls-form-input input{
    height:60px;
    width:100%;
    border-radius:10px;
    font-weight:400;
    font-size:16px;
    outline:0
}
.index-calls-form-input input{
    line-height:19px;
    color:var(--color-gray-dark);
    border:0;
    background:#fff;
    box-shadow:none;
    padding:20px
}
.index-calls-form-info{
    flex-basis:100%;
    max-width:100%;
    padding-left:76px;
    margin-top:21px;
    font-weight:400;
    font-size:14px;
    line-height:150%;
    color:#fcfcfc
}
.index-calls-form-info a{
    text-decoration:underline;
    color:#fcfcfc;
    font-weight:700
}
.index-calls-form-btn{
    width:200px
}
.index-calls-form-btn button{
    background:0 0;
    border:1px solid #fcfcfc;
    padding:0 15px;
    margin:0;
    line-height:21px;
    text-align:center;
    color:#fcfcfc;
    cursor:pointer
}
.index-calls-form-btn button:focus,.index-calls-form-btn button:hover{
    background-color:#fff;
    color:#000
}
@media (max-width:1575px){
    .index-calls-form-info{
        margin-top:30px
    }
    .index-calls-bubble img{
        height:200px
    }
    .index-calls-info{
        max-width:860px
    }
    .index-calls-roulette img{
        right:-60px
    }
}
@media (max-width:1199px){
    .index-calls-roulette{
        max-width:960px
    }
    .index-calls-bubble{
        display:none
    }
    .index-calls-form-box{
        gap:16px
    }
    .index-calls-roulette img{
        top:115px;
        max-width:40%
    }
    .index-calls-wrapper{
        padding-left:20px
    }
}
@media (max-width:991px){
    .index-calls-roulette{
        display:none
    }
    .index-calls-form-box{
        justify-content:center
    }
    .index-calls-form-info{
        text-align:center;
        padding-left:0
    }
    .index-calls-wrapper{
        padding-left:0;
        align-items:center
    }
    .index-calls-info-title{
        font-size:26px;
        text-align:center
    }
    .index-stock-item-info-btn.btn{
        color:#fff;
        padding:5px
    }
}
@media (max-width:767px){
    .index-calls-roulette{
        max-width:540px
    }
    .index-calls-roulette img{
        height:121px;
        right:10px
    }
    .index-calls-wrapper{
        padding-right:0;
        gap:30px;
        text-align:center;
        padding-top:32px;
        padding-bottom:41px
    }
    .index-calls-info-title{
        padding:0 20px;
        font-weight:700;
        font-size:24px;
        line-height:29px;
        color:#fcfcfc
    }
    .index-calls-info-title.gradient-wh{
        padding-bottom:0
    }
    .index-calls-info-title.gradient-wh::after{
        display:none
    }
    .index-calls-form-btn,.index-calls-form-input{
        width:100%
    }
    .index-calls-info-descr{
        padding:0 20px;
        font-weight:400;
        font-size:14px;
        line-height:150%
    }
    .index-calls-form-btn button,.index-calls-form-input input{
        font-weight:400;
        height:50px;
        padding:15px 20px;
        border-radius:5px
    }
    .index-calls-form-btn button{
        height:auto;
        padding:17px 5px
    }
    .index-calls-form-info{
        margin-top:20px;
        padding:0 38px;
        font-size:12px
    }
}
@media (max-width:575px){
    .index-calls-roulette{
        max-width:100%
    }
}
.index-video-links-section{
    padding:120px 0;
    background:var(--color-gray-light)
}
.index-video-links-slider>.swiper:not(.swiper-initialized){
    overflow:visible
}
.index-video-links-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper{
    flex-flow:row wrap;
    align-items:stretch;
    gap:30px
}
.finished-works-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide,.index-video-links-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{
    flex:1 1 auto;
    width:calc(50% - 15px);
    height:auto
}
.index-video-links-item-img{
    display:block;
    position:relative;
    height:0;
    padding-bottom:55%;
    margin-bottom:32px
}
.index-about-image img,.index-video-links-item-img img{
    object-fit:cover;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.index-video-links-item-img img{
    border-radius:19.8642px
}
.index-video-links-slider{
    max-width:1270px;
    margin:0 auto
}
.index-video-links-item{
    background:#fff;
    box-shadow:0 24px 74px 0 rgba(109,109,109,.05);
    border-radius:15px;
    padding:32px;
    position:relative;
    height:100%
}
.index-video-links-item .btn{
    position:absolute;
    bottom:32px;
    left:32px;
    font-weight:500
}
.index-video-links-item-title{
    font-weight:700;
    font-size:24px;
    line-height:29px;
    color:#686868;
    margin-bottom:30px
}
.index-video-links-item-info{
    font-weight:400;
    font-size:18px;
    line-height:150%;
    padding-bottom:15px;
    color:#686868
}
@media (max-width:1575px){
    .index-video-links-section{
        padding:90px 0
    }
}
@media (max-width:1199px){
    .index-video-links-section{
        padding:75px 0
    }
}
@media (max-width:991px){
    .index-video-links-slider .swiper{
        border-radius:5px;
        box-shadow:0 8px 32px 0 rgba(109,109,109,.05)
    }
    .index-video-links-section{
        padding:45px 0
    }
    .index-video-links-item{
        padding:20px;
        border-radius:5px
    }
    .index-video-links-item-img{
        border-radius:5px
    }
    .index-video-links-item-info{
        font-size:16px
    }
    .index-video-links-item .btn{
        bottom:20px;
        left:20px
    }
}
@media (max-width:767px){
    .index-video-links-section{
        padding:35px 0
    }
    .index-video-links-item{
        padding:20px
    }
    .index-video-links-item-info,.index-video-links-item-title{
        font-weight:700;
        font-size:18px;
        line-height:22px;
        margin-bottom:15px;
        color:#686868
    }
    .index-video-links-item-info{
        font-weight:400;
        font-size:14px;
        line-height:150%;
        padding-bottom:65px
    }
    .index-video-links-item .btn{
        width:calc(100% - 40px)
    }
}
.index-about{
    min-height:536px;
    background:#f7f8f8;
    display:flex;
    align-items:stretch
}
.index-about-content{
    flex:0 0 100%
}
.index-about-right .index-about-container{
    margin:0;
    display:block
}
.index-about-right .index-about-container .index-work-reviews-more,.index-map-form .std-form-heading.gradient-divider::after{
    display:none
}
.index-about-container{
    margin:0 auto;
    align-items:stretch;
    padding:15px
}
.index-about-body{
    padding:15px 0;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    height:100%;
    max-width:477px;
    margin-left:160px
}
.index-about-body .index-heading-h2{
    margin-left:0;
    margin-right:0;
    margin-bottom:30px
}
.index-about-body p+p,.index-faq-item-body p+p{
    margin-top:24px
}
.index-about-body,.index-about-container,.index-about-content{
    display:flex
}
.index-about-right .index-about-image{
    order:-1;
    transform:translate(0,0)
}
.index-about-image{
    position:relative;
    flex:0 0 50%;
    transform:translate(-100%,0)
}
.index-about-image img{
    display:block;
    min-height:auto;
    filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))
}
.index-about-image picture,.index-about-right .index-about-image img,.index-map-map #regional_map{
    width:100%;
    height:100%
}
@media (max-width:1575px){
    .index-about-body{
        margin-left:30px;
        max-width:420px
    }
}
@media (max-width:991px){
    .index-about{
        flex-direction:column
    }
    .index-about-body{
        max-width:100%;
        margin:0;
        min-height:auto;
        padding:0;
        height:auto
    }
    .index-about-right .index-about-container{
        padding:0 15px;
        margin:0 auto
    }
    .index-about-image{
        flex:0 0 100%;
        margin-bottom:30px
    }
    .index-about{
        min-height:auto;
        padding-bottom:35px
    }
    .index-about-right .index-about-container .index-work-reviews-more{
        display:block
    }
    .index-about-image img{
        position:static;
        filter:none
    }
}
@media (max-width:767px){
    .index-about-image{
        height:328px
    }
    .index-about-image img{
        width:100%;
        height:100%;
        object-fit:cover
    }
    .index-about-body p{
        font-size:14px;
        line-height:150%;
        color:#686868
    }
}
.index-faq{
    padding:100px 0;
    background:#f7f8f8
}
.index-faq-inner{
    max-width:880px;
    margin:0 auto
}
.index-faq-item{
    border-bottom:1px solid #686868
}

.index-faq-item-body{
    display:none;
    padding:0 45px 30px
}
.index-faq-item-body p{
    font-weight:400;
    font-size:18px;
    line-height:150%;
    color:#686868
}
.index-faq-item-head-control svg{
    width:18px;
    height:18px
}
.index-faq-item-head-control svg path{
    fill:#ea2774
}
.index-faq-item.open .index-faq-item-head-control .close,.index-faq-item:not(.open) .index-faq-item-head-control .open{
    display:none
}
.index-faq-item-head{
    display:grid;
    grid-template-columns:minmax(auto,600px) auto;
    justify-content:space-between;
    align-items:center;
    padding:30px 45px;
    cursor:pointer
}
.index-faq-item-head-title{
    font-weight:700;
    font-size:18px;
    line-height:130%;
    color:#686868
}
@media (max-width:1575px){
    .index-faq{
        padding:90px 0
    }
}
@media (max-width:991px){
    .index-faq{
        padding:45px 0
    }
    .index-faq-item-head{
        padding:20px 15px
    }
    .index-faq-item-body{
        padding:0 15px 20px
    }
    .index-faq-item-head-title{
        font-weight:600;
        font-size:16px;
        line-height:130%
    }
    .index-faq-item-body p{
        font-weight:400;
        font-size:14px;
        line-height:150%
    }
}
@media (max-width:767px){
    .index-faq{
        padding:35px 0
    }
}
.index-sertificate{
    background:var(--color-gray-light);
    padding:120px 0
}
.index-sertificate-slider-img{
    position:relative;
    height:0;
    padding-bottom:150%
}
.index-sertificate-slider-img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.index-sertificate-inner{
    max-width:1270px;
    margin:0 auto;
    padding:64px;
    background:#fff;
    box-shadow:0 27px 80px 0 rgba(109,109,109,.05);
    border-radius:15px
}
.index-sertificate-slider{
    background:#fff;
    border-radius:15px;
    margin-bottom:48px
}
.index-sertificate-sponsors{
    padding:32px;
    background:#fff;
    box-shadow:0 16px 50px 0 rgba(94,94,94,.05);
    border-radius:15px
}
.index-sertificate-sponsors ul{
    display:flex;
    flex-flow:row nowrap;
    gap:15px;
    list-style:none;
    padding:0;
    margin:0;
    text-decoration:none;
    border-radius:10px;
    overflow-x:auto
}
.index-sertificate-sponsors ul li{
    flex:0 1 25%;
    margin:0;
    padding:14px 22px;
    text-decoration:none;
    background:#f7f8f8;
    border-radius:10px
}
.index-sertificate-sponsors ul li img{
    display:block;
    height:48px;
    margin:0 auto
}
@media (max-width:1575px){
    .index-sertificate .swiper-pagination{
        display:block;
        margin-top:60px
    }
    .index-sertificate-slider{
        margin-bottom:20px
    }
    .index-sertificate-inner{
        padding:30px 20px
    }
    .index-sertificate-sponsors{
        padding:10px
    }
    .index-sertificate{
        padding:90px 0
    }
}
@media (max-width:1199px){
    .index-sertificate{
        padding:75px 0
    }
}
@media (max-width:991px){
    .index-sertificate-sponsors{
        padding:9px 12px
    }
    .index-sertificate-slider{
        padding:0 25px
    }
    .index-sertificate{
        padding:45px 0
    }
}
@media (max-width:767px){
    .index-sertificate-sponsors ul li img{
        height:30px
    }
}
.index-map-section{
    position:relative;
    background:var(--color-gray-light)
}
.index-map-form{
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    width:360px;
    height:594px
}
.index-map-form .std-form-description,.index-map-form .std-form-heading{
    text-align:left
}
.index-map-map{
    position:absolute;
    z-index:5;
    top:0;
    right:0;
    width:calc(50% + 153px);
    height:100%
}
@media (max-width:1575px){
    .index-map-map{
        position:absolute;
        z-index:5;
        top:0;
        right:0;
        width:calc(50% + 111px);
        height:100%
    }
}
@media (max-width:1199px){
    .index-map-map{
        width:50%
    }
}
@media (max-width:991px){
    .index-map-form{
        display:block;
        height:auto;
        width:100%;
        padding:45px 0
    }
    .index-map-form .std-form-description,.index-map-form .std-form-heading{
        text-align:center
    }
    .index-map-form .std-form-heading.gradient-divider::after{
        display:block
    }
    .index-map-map{
        position:static;
        width:100%;
        height:480px
    }
}
@media (max-width:767px){
    .index-map-form{
        padding:35px 0
    }
}
.index-video-promo-section{
    padding:120px 0;
    background:var(--color-gray-light)
}
.index-video-promo{
    display:flex;
    flex-flow:row nowrap
}
.index-video-promo-player{
    position:relative;
    flex:0 0 auto;
    align-self:flex-start;
    width:1010px;
    border-radius:15px;
    box-shadow:0 15px 30px 0 rgba(149,149,149,.25);
    overflow:hidden
}
.index-video-promo-player-preview{
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:1;
    transition:.25s;
    cursor:pointer
}
.index-video-promo-player.played .index-video-promo-player-preview{
    z-index:-1;
    opacity:0;
    pointer-events:none
}
.index-video-promo-player-preview img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.index-video-promo-player video{
    display:block;
    width:100%;
    height:auto;
    opacity:1;
    transition:.25s
}
.index-video-promo-player:not(.played) video{
    opacity:0
}
.index-video-promo-form{
    flex:1 1 50%;
    display:flex;
    align-items:center;
    max-width:100%;
    padding:20px 60px 80px;
    margin:0 0 0 28px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 15px 30px 0 rgba(149,149,149,.25)
}
@media (max-width:1575px){
    .index-video-promo-section{
        padding:90px 0
    }
    .index-video-promo-player{
        width:780px
    }
    .index-video-promo-form{
        padding:18px 22px 28px;
        margin:0 0 0 18px
    }
}
@media (max-width:1199px){
    .index-video-promo-section{
        padding:75px 0
    }
    .index-video-promo-player{
        width:640px
    }
    .index-video-promo-form{
        padding:0;
        margin:0 0 0 28px;
        background:0 0;
        box-shadow:none
    }
}
@media (max-width:991px){
    .index-video-promo-section{
        padding:45px 0
    }
    .index-video-promo{
        flex-flow:column nowrap
    }
    .index-video-promo-player{
        width:100%;
        border-radius:10px;
        box-shadow:0 8px 16px 0 rgba(149,149,149,.25)
    }
    .index-video-promo-form{
        flex:0 0 auto;
        display:block;
        width:100%;
        padding:0;
        margin:28px 0 0
    }
    .index-video-promo-form .std-form-heading{
        display:none
    }
}
@media (max-width:767px){
    .index-video-promo-section{
        padding:35px 0
    }
}
.page-top-banner{
    position:relative;
    height:500px
}
.page-top-banner-img,.page-top-banner-img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.page-top-banner .container{
    height:100%
}
.page-top-banner-text{
    position:relative;
    z-index:2;
    display:flex;
    flex-flow:column nowrap;
    align-items:start;
    justify-content:center;
    width:50%;
    height:100%;
    padding:60px 0
}
.page-top-banner-text .h1,.page-top-banner-text h1{
    margin:0;
    font-weight:700;
    font-size:55px;
    line-height:1.2;
    text-transform:uppercase;
    color:#000
}
.page-top-banner-text .h1>span,.page-top-banner-text h1>span{
    display:block;
    margin:15px 0 0;
    font-weight:400;
    font-size:35px;
    line-height:1.5;
    text-transform:initial
}
.page-top-banner-text .old-price{
    position:relative;
    top:1px;
    font-size:85%;
    opacity:.5
}
.page-top-banner-text .old-price::after{
    content:"";
    position:absolute;
    top:45%;
    right:-5%;
    left:-5%;
    display:block;
    height:2px;
    background:#000;
    transform:rotate(-15deg)
}
.page-top-banner-text .btn{
    flex:0 0 auto;
    width:312px;
    height:54px;
    max-width:100%;
    padding:0 36px;
    margin:20px 0 0;
    font-size:24px;
    line-height:1;
    border-radius:8px
}
@media (max-width:1575px){
    .page-top-banner{
        height:400px
    }
    .page-top-banner-text{
        padding:45px 0
    }
    .page-top-banner-text .h1,.page-top-banner-text h1{
        font-size:48px
    }
    .page-top-banner-text .h1>span,.page-top-banner-text h1>span{
        margin:12px 0 0;
        font-size:31px
    }
}
@media (max-width:1199px){
    .page-top-banner-text{
        padding:25px 0
    }
    .page-top-banner-text .btn{
        width:290px;
        height:48px;
        padding:0 24px;
        margin:10px 0 0;
        font-size:18px
    }
}
@media (max-width:991px){
    .page-top-banner{
        height:500px
    }
    .page-top-banner-text .h1>span,.page-top-banner-text h1>span{
        margin:75px 0 0
    }
}
@media (max-width:767px){
    .page-top-banner{
        height:325px
    }
    .page-top-banner-text{
        width:50%;
        padding:25px 0
    }
    .page-top-banner-text .h1,.page-top-banner-text h1{
        font-size:20px
    }
    .page-top-banner-text .h1>span,.page-top-banner-text h1>span{
        margin:45px 0 0;
        font-size:15px
    }
    .page-top-banner-text .old-price::after{
        height:1px
    }
    .page-top-banner-text .btn{
        width:184px
    }
}
.price-list-section{
    padding:20px 0;
    background:var(--color-gray-light)
}
.price-list-wrapper{
    max-width:1270px;
    margin:0 auto
}
.price-list-wrapper+.price-list-wrapper{
    margin-top:146px
}
.price-list-table-scroll{
    overflow-x:auto
}
.price-list-table-scroll .swiper{
    border-radius:15px 15px 0 0
}
.price-list-table-scroll .swiper-slide{
    width:auto;
    min-width:100%
}
.price-list-table-scroll-scrollbar{
    position:relative;
    z-index:10;
    top:-5px;
    padding:0 5px;
    background:#ffe8f3;
    border-radius:5px
}
.price-list-table-scroll-scrollbar .swiper-horizontal>.swiper-scrollbar{
    position:relative;
    left:0;
    width:100%
}
.price-list-table-scroll-scrollbar .swiper-scrollbar{
    height:20px;
    background:0 0
}
.price-list-table-scroll .swiper-scrollbar-drag{
    top:5px;
    height:10px;
    background:var(--color-purple);
    border-radius:5px
}
.price-list-table table{
    min-width:100%;
    border-collapse:separate;
    border-spacing:0
}
.price-list-table table th{
    padding:28px 8px;
    font-weight:700;
    font-size:25px;
    line-height:1.2;
    color:var(--color-gray-dark);
    text-align:center;
    white-space:nowrap;
    background:#ffe8f3;
    border-bottom:4px solid var(--color-purple)
}
.price-list-table table th:first-child{
    position:sticky;
    left:0;
    text-align:left;
    border-radius:15px 0 0 0
}
.price-list-table table th:last-child{
    border-radius:0 15px 0 0
}
.price-list-table table td{
    height:104px;
    width:82px;
    min-width:82px;
    padding:8px;
    font-weight:500;
    font-size:20px;
    line-height:1.2;
    color:var(--color-gray-dark);
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #fcddec;
}
.price-list-table table td:first-child{
    position:sticky;
    left:0;
    width:162px;
    min-width:162px;
    font-weight:400;
    text-align:left;
    background:#fff
}
.price-list-table.second-row-smaller table tbody tr:nth-child(1) td:not(:first-child){
    font-size:19px
}
.price-list-table-additional table td:first-child{
    width:55%;
    min-width:55%
}
.price-list-table table tbody tr:nth-child(2n) td{
    background:#fff8fb
}
.price-list-description{
    max-width:1270px;
    margin:32px auto 0;
    font-weight:400;
    font-size:14px;
    line-height:1.1;
    color:var(--color-gray-dark)
}
.index-heading-prices {
  margin: 0 auto ;
  font-weight: 700;
  font-size:20px;
  line-height:1.4;
  color: var(--color-gray-dark);
}
@media (max-width:1575px){
    .price-list-section{
        padding:20px 0 20px
    }
    .price-list-wrapper+.price-list-wrapper{
        margin-top:120px
    }
    .price-list-table table th{
        padding:18px 8px;
        font-size:18px
    }
    .price-list-table table td{
        width:152px;
        min-width:152px;
        height:68px;
        font-size:16px
    }
    .price-list-table table td:first-child{
        width:132px;
        min-width:132px
    }
    .price-list-table.second-row-smaller table tbody tr:nth-child(1) td:not(:first-child){
        font-size:15px
    }
    .price-list-description{
        margin:36px auto 0;
        font-size:15px
    }
}
@media (max-width:1199px){
    .price-list-section{
        padding:25px 0 35px
    }
    .price-list-wrapper+.price-list-wrapper{
        margin-top:105px
    }
    .price-list-table table th{
        font-size:16px
    }
    .price-list-table table td{
        width:132px;
        min-width:132px;
        font-size:14px
    }
    .price-list-table.second-row-smaller table tbody tr:nth-child(1) td:not(:first-child){
        font-size:14px
    }
    .price-list-table table td:first-child{
        width:112px;
        min-width:112px
    }
}
@media (max-width:991px){
    .price-list-section{
        padding:20px 0 30px
    }
    .price-list-wrapper+.price-list-wrapper{
        margin-top:90px
    }
    .price-list-description{
        margin:28px auto 0;
        font-size:14px
    }
}
@media (max-width:767px){
    .price-list-section{
        padding:20px 0 10px
    }
    .price-list-wrapper+.price-list-wrapper{
        margin-top:75px
    }
    .price-list-table-scroll .swiper{
        border-radius:10px 10px 0
    }
    .price-list-table table th{
        padding:18px 8px;
        font-size:16px
    }
    .price-list-table table th:first-child{
        border-radius:10px 0 0 0
    }
    .price-list-table table th:last-child{
        border-radius:0 10px 0 0
    }
    .price-list-table table td{
        width:142px;
        min-width:142px;
        height:68px;
        padding:4px 8px;
        font-size:14px
    }
    .price-list-table.second-row-smaller table tbody tr:nth-child(1) td:not(:first-child){
        font-size:14px
    }
    .price-list-table-additional table td{
        width:0;
        min-width:0
    }
    .price-list-table-additional table td:first-child{
        width:150px
    }
    .price-list-table-additional table td:last-child{
        white-space:nowrap
    }
    .price-list-description{
        margin:22px auto 0;
        font-size:12px
    }
}
@media (max-width:575px){
    .price-list-table-scroll{
        margin:0-15px
    }
    .price-list-table-scroll table{
        min-width:calc(100% - 30px);
        margin:0 15px
    }
}
.std-text,.std-text .h2,.std-text h2{
    color:var(--color-gray-dark)
}
.std-text .h2,.std-text h2{
    margin:90px 0 60px;
    font-weight:700;
    font-size:42px;
    line-height:1.2
}
.std-text,.std-text .p,.std-text p{
    font-weight:400;
    font-size:20px;
    line-height:1.5
}
.std-text .p,.std-text p{
    margin:28px 0
}
.std-text ol,.std-text ul{
    margin:28px 0;
    padding:0 0 0 22px
}
.std-text ol>li,.std-text ul>li{
    margin:0 0 15px;
    font-size:20px;
    line-height:1.5
}
.std-text>:first-child{
    margin-top:0
}
.std-text>:last-child{
    margin-bottom:0
}
.std-text-small{
    max-width:1270px;
    margin:0 auto;
    font-weight:400;
    font-size:14px;
    line-height:1.5;
    color:var(--color-gray-dark)
}
.std-text-small .h2,.std-text-small h2{
    margin:60px 0 40px;
    font-weight:700;
    font-size:32px;
    line-height:1.2;
    color:var(--color-gray-dark)
}
.std-text-small .p,.std-text-small p{
    margin:21px 0;
    font-weight:400;
    font-size:14px;
    line-height:1.5
}
.std-text-small ol,.std-text-small ul{
    margin:21px 0;
    padding:0 0 0 13px
}
.std-text-small ol>li,.std-text-small ul>li{
    margin:0 0 10px;
    font-size:14px;
    line-height:1.5
}
.std-text-small>:first-child{
    margin-top:0
}
.std-text-small>:last-child{
    margin-bottom:0
}
.std-text-small table td{
    padding:6px 24px 6px 0
}
.std-text-small table td:last-child{
    padding:6px 0
}
.std-text-small table td p{
    margin:0
}
@media (max-width:1575px){
    .std-text .h2,.std-text h2{
        font-size:36px
    }
    .std-text .p,.std-text p{
        margin:26px 0;
        font-size:18px
    }
    .std-text ol,.std-text ul{
        margin:26px 0;
        padding:0 0 0 20px
    }
    .std-text ol>li,.std-text ul>li{
        margin:0 0 12px;
        font-size:18px
    }
}
@media (max-width:991px){
    .std-text .h2,.std-text h2{
        margin:60px 0 40px;
        font-size:32px
    }
    .std-text .p,.std-text p{
        margin:22px 0;
        font-size:16px
    }
    .std-text ol,.std-text ul{
        margin:22px 0;
        padding:0 0 0 18px
    }
    .std-text ol>li,.std-text ul>li{
        margin:0 0 10px;
        font-size:16px
    }
}
@media (max-width:767px){
    .std-text .h2,.std-text h2{
        margin:50px 0 30px;
        font-size:24px
    }
    .std-text .p,.std-text p{
        margin:20px 0;
        font-size:14px
    }
    .std-text ol,.std-text ul{
        margin:20px 0;
        padding:0 0 0 16px
    }
    .std-text ul>li,.std-text ul>ol{
        margin:0 0 10px;
        font-size:14px
    }
    .std-text-small{
        font-size:12px
    }
    .std-text-small .h2,.std-text-small h2{
        margin:40px 0 30px;
        font-size:24px
    }
    .std-text-small .p,.std-text-small p{
        margin:18px 0;
        font-size:12px
    }
    .std-text-small ol,.std-text-small ul{
        margin:18px 0;
        padding:0 0 0 12px
    }
    .std-text-small ol>li,.std-text-small ul>li{
        margin:0 0 8px;
        font-size:12px
    }
    .std-text-small>:first-child{
        margin-top:0
    }
    .std-text-small>:last-child{
        margin-bottom:0
    }
}
.finished-works-section,.page-seo-section{
    padding:0;
    background:var(--color-gray-light)
}
.finished-works-slider,.page-seo-section .std-text{
    max-width:1270px;
    margin:0 auto
}
.page-seo-section+.finished-works-section{
    padding-top:20px
}
.finished-works-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper{
    flex-flow:row wrap;
    align-items:stretch;
    gap:30px
}
.finished-works-item{
    height:100%;
    padding:36px 36px 30px;
    color:var(--color-gray-dark);
    background:var(--color-gray-semilight);
    border-radius:15px
}
.finished-works-item .item-image{
    position:relative;
    height:0;
    padding:0 0 48%;
    margin:0 0 24px
}
.finished-works-item .item-image img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:15px;
    object-fit:cover
}
.finished-works-item .item-name{
    margin:0 0 30px;
    font-weight:700;
    font-size:24px;
    line-height:1.5
}
.finished-works-item .item-info{
    margin:0 0 30px
}
.finished-works-item .item-info-heading{
    margin:0 0 6px;
    font-weight:600;
    font-size:21px;
    line-height:1.5
}
.finished-works-item .item-info-description{
    display:flex;
    flex-flow:row wrap;
    align-content:start;
    gap:0 5px;
    height:81px;
    font-weight:400;
    font-size:18px;
    line-height:1.5;
    overflow-y:auto
}
.finished-works-item .item-credit{
    display:flex;
    flex-flow:row nowrap;
    align-items:start;
    gap:30px;
    padding:12px 18px 14px;
    margin:0 0 30px;
    font-weight:600;
    font-size:19px;
    line-height:1.5;
    border:1px solid var(--color-purple);
    border-radius:10px
}
.finished-works-item .item-credit-description{
    flex:1 1 50%;
    max-width:100%
}
.finished-works-item .item-credit-description span{
    display:block;
    margin:2px 0 0;
    font-weight:400;
    font-size:15px
}
.finished-works-item .item-sum{
    font-weight:700;
    font-size:21px;
    line-height:150%
}
.finished-works-item .item-sum-value{
    color:var(--color-purple)
}
@media (max-width:1575px){
    .finished-works-section,.page-seo-section{
        padding:90px 0
    }
    .finished-works-item{
        padding:28px 28px 24px;
        border-radius:10px
    }
    .finished-works-item .item-image{
        margin:0 0 16px
    }
    .finished-works-item .item-image img{
        border-radius:10px
    }
    .finished-works-item .item-name{
        margin:0 0 18px;
        font-size:21px
    }
    .finished-works-item .item-info{
        margin:0 0 18px
    }
    .finished-works-item .item-info-heading{
        font-size:18px
    }
    .finished-works-item .item-info-description{
        height:72px;
        font-size:16px
    }
    .finished-works-item .item-credit{
        margin:0 0 18px;
        font-size:17px
    }
    .finished-works-item .item-credit-description span{
        font-size:14px
    }
    .finished-works-item .item-sum{
        font-size:19px
    }
}
@media (max-width:1199px){
    .page-seo-section{
        padding:90px 0
    }
    .finished-works-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper{
        gap:16px
    }
    .finished-works-item{
        padding:22px 22px 18px
    }
    .finished-works-item .item-image{
        margin:0 0 16px
    }
    .finished-works-item .item-name{
        margin:0 0 18px;
        font-size:18px
    }
    .finished-works-item .item-info{
        margin:0 0 18px
    }
    .finished-works-item .item-info-heading{
        font-size:16px
    }
    .finished-works-item .item-info-description{
        height:63px;
        font-size:14px
    }
    .finished-works-item .item-credit{
        padding:10px 16px 12px;
        margin:0 0 18px;
        font-size:15px
    }
    .finished-works-item .item-credit-description span{
        font-size:13px
    }
    .finished-works-item .item-sum{
        font-size:17px
    }
}
@media (max-width:991px){
    .finished-works-section,.page-seo-section{
        padding:45px 0
    }
    .finished-works-slider>.swiper>.swiper-wrapper>.swiper-slide{
        height:auto
    }
}
@media (max-width:767px){
    .finished-works-section,.page-seo-section{
        padding:35px 0
    }
    .finished-works-item{
        padding:20px 20px 16px;
        border-radius:5px
    }
    .finished-works-item .item-image{
        padding:0 0 60%;
        margin:0 0 16px
    }
    .finished-works-item .item-image img{
        border-radius:5px
    }
    .finished-works-item .item-name{
        margin:0 0 16px;
        font-size:16px
    }
    .finished-works-item .item-info{
        margin:0 0 20px
    }
    .finished-works-item .item-info-heading{
        font-size:14px
    }
    .finished-works-item .item-info-description{
        height:63px;
        font-size:14px
    }
    .finished-works-item .item-credit{
        padding:8px 10px;
        margin:0 0 24px;
        font-size:13px;
        border-radius:5px
    }
    .finished-works-item .item-credit-description span{
        font-size:12px
    }
    .finished-works-item .item-sum{
        font-size:14px
    }
}
.photo-gallery-section{
    padding:100px 0;
    background:var(--color-gray-light)
}
.page-seo-section+.photo-gallery-section{
    padding-top:20px
}
.photo-gallery{
    max-width:1270px;
    margin:0 auto
}
.photo-gallery .swiper{
    width:100%;
    height:810px
}
.photo-gallery .swiper-slide{
    height:calc((100% - 60px)/3)
}
.photo-gallery-item{
    position:relative;
    display:block;
    height:100%
}
.photo-gallery-item img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:15px
}
@media (max-width:1575px){
    .photo-gallery-section{
        padding:90px 0
    }
    .photo-gallery .swiper{
        height:700px
    }
}
@media (max-width:1199px){
    .photo-gallery .swiper{
        height:576px
    }
    .photo-gallery .swiper-slide{
        height:calc((100% - 30px)/3)
    }
}
@media (max-width:991px){
    .photo-gallery-section{
        padding:45px 0
    }
}
@media (max-width:767px){
    .photo-gallery-section{
        padding:35px 0
    }
    .photo-gallery .swiper{
        height:480px
    }
    .photo-gallery .swiper-slide{
        height:calc((100% - 30px)/2)
    }
}
.related-products-section{
    padding:20px 0;
    background:var(--color-gray-light)
}
.related-products-slider{
    margin:0-24px
}
.related-products-slider .swiper-pagination{
    margin:15px 0 0
}
.related-products-slider .swiper{
    padding:16px 24px 32px
}
.related-products-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper{
    flex-flow:row wrap;
    align-items:stretch;
    gap:30px
}
.related-products-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{
    flex:1 1 auto;
    width:calc((100% - 60px)/3)
}
.related-products-slider .swiper-slide{
    height:auto
}
.related-products-slider .swiper-slide:not(.swiper-slide-visible) .related-products-item{
    box-shadow:none
}
.related-products-item{
    display:flex;
    flex-flow:column nowrap;
    align-items:stretch;
    height:100%;
    padding:32px 26px 44px;
    color:var(--color-gray-dark);
    background:#fff;
    box-shadow:0 8px 24px 0 rgba(109,109,109,.05);
    border-radius:15px
}
.related-products-item-image{
    position:relative;
    height:0;
    padding:0 0 50%;
    margin:0 0 32px
}
.related-products-item-image img{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:15px
}
.related-products-item-heading{
    margin:0 0 18px;
    font-weight:700;
    font-size:24px;
    line-height:1.2
}
.related-products-item-description{
    flex:1 1 50%;
    min-height:81px;
    max-height:100%;
    margin:0 0 24px;
    font-size:18px;
    line-height:1.5
}
.related-products-item-link .btn{
    min-width:172px
}
@media (max-width:1575px){
    .related-products-section{
        padding:20px 0
    }
    .related-products-slider{
        margin:0-18px
    }
    .related-products-slider .swiper{
        padding:12px 18px 24px
    }
    .related-products-item{
        padding:26px 22px 32px;
        box-shadow:0 6px 18px 0 rgba(109,109,109,.05);
        border-radius:10px
    }
    .related-products-item-image{
        margin:0 0 28px
    }
    .related-products-item-image img{
        border-radius:10px
    }
    .related-products-item-heading{
        margin:0 0 18px;
        font-size:18px
    }
    .related-products-item-description{
        min-height:72px;
        margin:0 0 18px;
        font-size:16px
    }
}
@media (max-width:1199px){
    .related-products-slider{
        margin:0-15px
    }
    .related-products-slider .swiper{
        padding:10px 15px 20px
    }
    .related-products-item{
        box-shadow:0 5px 15px 0 rgba(109,109,109,.05)
    }
    .related-products-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper{
        gap:15px
    }
    .related-products-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{
        width:calc((100% - 15px)/2)
    }
}
@media (max-width:991px){
    .related-products-section{
        padding:25px 0
    }
    .related-products-item{
        padding:20px 20px 30px
    }
    .related-products-item-image img{
        border-radius:5px
    }
    .related-products-item-heading{
        margin:0 0 15px;
        font-size:18px
    }
    .related-products-item-description{
        min-height:63px;
        margin:0 0 15px;
        font-size:14px
    }
    .related-products-item-link .btn{
        width:100%
    }
}
@media (max-width:767px){
    .related-products-section{
        padding:10px 0
    }
    .related-products-slider>.swiper:not(.swiper-initialized)>.swiper-wrapper>.swiper-slide{
        width:100%
    }
}
.partner-lerua-section{
    padding:120px 0;
    background:#f7f8f8
}
.partner-section-title{
    font-weight:700;
    font-size:28px;
    line-height:31px;
    color:var(--color-gray-dark)
}
.partner-container{
    display:flex;
    justify-content:center;
    gap:82px
}
.partner-section-text{
    margin-top:36px;
    font-size:18px;
    line-height:24px;
    color:var(--color-gray-dark)
}
.partner-text-container{
    max-width:423px
}
.partner-image{
    width:300px;
    object-fit:contain;
    object-position:center
}
.partner-section-title::after{
    margin-top:19px;
    background:linear-gradient(90deg,#5db139 0,rgba(255,255,255,0) 100%)
}
.partner-section-text b{
    display:block
}
.partner-section-text i{
    color:#5db139
}
@media (max-width:767px){
    .partner-container{
        flex-direction:column;
        gap:43px
    }
    .partner-text-container{
        order:1;
        margin:0 auto
    }
    .partner-container{
        padding-left:7px;
        padding-right:7px
    }
    .partner-image{
        order:2;
        margin:0 auto;
        width:150px
    }
    .partner-section-title{
        text-align:center
    }
    .partner-section-title::after{
        margin-top:27px;
        width:175px;
        left:50%;
        transform:translate(-50%,0)
    }
    .partner-section-text{
        margin-top:47px;
        text-align:center;
        font-size:16px
    }
    .partner-section-text b{
        color:#5db139
    }
    .partner-lerua-section{
        padding:35px 0
    }
}
.benefits-container{
    font-size:18px;
    font-weight:500;
    line-height:27px;
    color:#fcfcfc;
    border:1px dashed #fff;
    border-radius:10px;
    max-width:589px;
    padding:30px 60px 30px 89px
}
.benefits-title{
    font-weight:700;
    font-size:24px;
    line-height:31px
}
.benefits-title::after{
    margin-top:24px;
    background:linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%)
}
.benefits-list{
    margin-top:48px;
    margin-left:17px
}
.benefits-list li{
    margin-bottom:3px
}
@media (max-width:1199px){
    .benefits-container{
        max-width:575px;
        font-size:16px;
        line-height:25px;
        padding:20px 40px 20px 49px;
        width:100%
    }
    .benefits-title{
        font-size:20px;
        line-height:27px
    }
}
@media (max-width:767px){
    .benefits-container{
        padding:14px 5px 14px 15px;
        text-align:left;
        font-size:14px;
        line-height:19.5px
    }
    .benefits-list{
        margin-top:32px
    }
    .benefits-title{
        font-size:17px;
        line-height:19.5px;
        text-align:center
    }
    .benefits-title::after{
        margin-top:16px;
        background:linear-gradient(90deg,rgba(255,255,255,0)0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);
        left:50%;
        transform:translate(-50%,0);
        height:1px;
        width:160px
    }
}
.slide-calculator{
    z-index:5;
    padding:31px 21px 21px;
    margin:20px 0;
    background-color:#278cea;
    position:absolute;
    width:30%;
    bottom:0;
    right:10px;
    height:calc(100% - 40px);
    border-radius:15px;
    overflow:hidden
}
.slide-calculator-container{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    align-items:stretch;
    padding:22px 18px 15px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 30px 89px 0 rgb(109 109 109/5%);
    gap:15px;
    z-index:100
}
.slide-calculator-block{
    width:100%
}
.slide-heading-h2{
    font-weight:700;
    font-size:24px;
    line-height:1.2;
    color:#fff;
    text-align:center;
    padding:0 0 10px;
    margin-bottom:10px
}
.slide-heading-h2.gradient-divider::after{
    max-width:175px;
    height:1.5px;
    background:linear-gradient(90deg,rgba(255,255,255,0)0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%)
}
.slide-heading-h2.gradient-divider{
    padding:0 0 11px
}
.slide-heading-h3{
    margin-bottom:27px;
    font-size:14px;
    line-height:1.5;
    color:#fff;
    text-align:center;
    font-weight:400
}
.slide-calculator-selects{
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    padding:0 0 28px;
    margin:0 0 22px;
    gap:30px
}
.slide-calculator-selects::after{
    width:253px;
    background:#9d9d9d;
    opacity:.35
}
.slide-calculator-select-field{
    max-width:144px;
    display:flex;
    flex-flow:column nowrap;
    justify-content:start;
    align-items:start;
    gap:8px;
    width:calc(50% - 8px)
}
.slide-calculator-label{
    display:block;
    margin:0;
    font-weight:600;
    font-size:14px;
    line-height:17px;
    color:var(--color-gray-dark)
}
.slide-calculator-select{
    width:100%;
    height:41px;
    padding:12px 45px 12px 20px;
    font-weight:500;
    font-size:14px;
    line-height:1;
    color:var(--color-purple);
    background:top 15px right 15px url('https://luxsteli.com.ua/images/index-new/angle-down.svg')no-repeat;
    background-size:16px auto;
    border:1px solid rgba(234,39,116,.5);
    border-radius:15px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    outline:0
}
.slide-calculator-range{
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:15px;
    margin:0 0 25px;
    padding:0 37px
}
.slide-calculator-range+.slide-calculator-range{
    padding-top:22px
}
.slide-calculator-range+.slide-calculator-range::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:253px;
    max-width:100%;
    height:1px;
    background:#9d9d9d;
    transform:translateX(-50%);
    opacity:.35
}
.slide-calculator-area-input{
    flex:0 0 auto;
    width:75px
}
.slide-calculator-area-input input{
    display:block;
    height:40px;
    padding:10px;
    font-weight:600;
    font-size:14px;
    text-align:center;
    border:.5px solid rgba(104,104,104,.5);
    outline:0
}
.slide-calculator-info,.slide-calculator-info-result{
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    margin:27px 30px 0
}
.slide-calculator-area-input input,.slide-calculator-info-result{
    width:100%;
    line-height:1.2;
    color:var(--color-gray-dark);
    border-radius:15px
}
.slide-calculator-info-result{
    justify-content:space-between;
    background:var(--color-gray-semilight);
    flex-flow:column nowrap;
    padding:16px 15px;
    margin:0 0 20px;
    font-weight:400;
    font-size:16px
}
.slide-calculator-result-value{
    display:inline-block;
    margin:10px 0 0;
    font-weight:700;
    font-size:22px;
    line-height:1.2;
    color:var(--color-purple);
    white-space:nowrap
}
.slide-calculator-info-trigger{
    width:100%;
    margin:0 0 20px
}
.slide-calculator-info-trigger .btn{
    width:100%;
    height:46px;
    padding:0 18px;
    border-radius:15px;
    font-size:14px;
    line-height:16px;
    color:#ea2774;
    font-weight:500
}
.slide-calculator-info-trigger .btn:hover{
    background-color:#ea2774;
    color:#fff
}
.slide-calculator-info-trigger .btn:focus{
    background-color:#ea2774;
    color:#fff
}
.slide-calculator-info-helper{
    position:relative
}
.slide-calculator-info-helper .helper-button{
    display:inline-block;
    padding:0;
    font-size:12px;
    line-height:1.2;
    color:var(--color-purple);
    text-decoration:underline;
    background:0 0;
    border:0;
    cursor:pointer;
    outline:0
}
.slide-calculator-info-helper .slide-helper-message{
    position:absolute;
    z-index:-1;
    bottom:100%;
    right:auto;
    left:50%;
    transform:translateX(-50%);
    width:280px;
    padding:16px;
    margin:0 0 10px;
    font-size:14px;
    line-height:1.2;
    color:var(--color-gray-dark);
    background:#fff;
    border-radius:10px;
    box-shadow:0 5px 10px 0 rgb(0 0 0/15%);
    opacity:0;
    transition:opacity .25s;
    pointer-events:none
}
.slide-calculator-info-helper .helper-button:hover~.slide-helper-message{
    z-index:2;
    opacity:1;
    pointer-events:initial
}
.index-calls-bubble_slide img{
    height:160px;
    z-index:-1
}
.index-calls-bubble_slide img:first-child{
    top:-80px
}
.index-calls-bubble_slide img:last-child{
    bottom:-58px
}
@media (max-width:991px){
    .slide-calculator{
        display:none
    }
}
@media (max-width:1575px){
    .slide-calculator-container{
        padding:15px 25px
    }
    .slide-calculator{
        margin:10px 0;
        height:calc(100% - 20px);
        padding:15px 11px;
        width:35%
    }
    .slide-heading-h2{
        font-size:20px
    }
    .slide-heading-h2.gradient-divider{
        padding:0
    }
    .slide-calculator-range+.slide-calculator-range::before,.slide-heading-h2::after{
        content:none
    }
    .slide-heading-h3{
        margin-bottom:15px
    }
    .slide-calculator-select-field{
        max-width:120px;
        gap:5px
    }
    .slide-calculator-select{
        height:30px;
        padding:7px 30px 5px 12px;
        background:top 11px right 10px url('https://luxsteli.com.ua/images/index-new/angle-down.svg')no-repeat;
        font-size:13px;
        background-size:16px
    }
    .slide-calculator-selects{
        padding-bottom:15px;
        margin-bottom:15px
    }
    .slide-calculator-range{
        padding:0;
        flex-wrap:nowrap;
        gap:8px;
        margin:0
    }
    .slide-calculator-range-container{
        display:flex;
        gap:30px;
        justify-content:center
    }
    .slide-calculator-range+.slide-calculator-range{
        padding-top:0
    }
    .slide-calculator-range .slide-calculator-label{
        font-size:12px;
        line-height:14px;
        word-wrap:break-word;
        max-width:72px
    }
    .slide-calculator-area-input{
        width:45px
    }
    .slide-calculator-area-input input{
        font-size:14px
    }
    .slide-calculator-info-result{
        flex-direction:row;
        padding:10px;
        font-size:13px
    }
    .slide-calculator-result-value{
        margin-top:0;
        font-size:14px;
        line-height:16px
    }
    .slide-calculator-info{
        margin:27px 0 0;
        justify-content:space-between
    }
    .slide-calculator-info-trigger{
        width:50%;
        margin:0
    }
    .slide-calculator-label{
        font-size:12px
    }
    .index-calls-bubble_slide img:first-child{
        top:-60px
    }
    .index-calls-bubble_slide img{
        height:120px
    }
}
@media (max-width:1199px){
    .slide-calculator-range-container{
        flex-direction:column;
        gap:5px
    }
    .slide-calculator-container{
        padding:15px 17px
    }
    .slide-calculator-range .slide-calculator-label{
        word-wrap:normal
    }
    .slide-calculator-info{
        margin-top:20px;
        flex-direction:column
    }
    .slide-calculator-info-helper{
        margin-top:3px
    }
    .slide-calculator-select{
        padding:7px 30px 7px 12px
    }
}
/* /local/templates/mp/styles/dynamic-banner.css */
 .screen-1{
    position:relative;
    height:calc(100vh - 116px + 75px);
    min-height:850px;
    max-height:1040px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    background-color:rgba(255,255,255,.2);
    background-image:linear-gradient(105deg,rgba(251,251,251,.85) 50%,transparent 50%),url('https://luxsteli.com.ua/images/screen-1-bg.jpg')
}
.screen-1-person-bg{
    position:absolute;
    bottom:18rem;
    width:100%;
    height:53rem;
    background-position:80% bottom;
    background-size:contain;
    background-repeat:no-repeat
}
.screen-1-description{
    display:block;
    margin:8.5rem 0 0;
    font-size:19px;
    text-transform:uppercase
}
.screen-1-heading{
    display:block;
    font-size:31px;
    text-transform:uppercase
}
.screen-1-heading-gray{
    color:#585858
}
.screen-1-list{
    margin:0 0 35px 1em;
    font-size:14px;
    line-height:18px;
    list-style:none
}
.screen-1-list li::before{
    content:"\2022";
    color:#e5046a;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.screen-1-popup-opener{
    display:block;
    position:fixed;
    bottom:50px;
    right:50px;
    color:#fff;
    font-size:20px;
    font-weight:900;
    line-height:45px;
    text-align:center;
    z-index:9999
}
.screen-1-popup-opener-circle,.screen-1-popup-opener-text{
    -webkit-box-shadow:0 0 5px #585858;
    box-shadow:0 0 5px #585858
}
.screen-1-popup-opener-text{
    display:inline-block;
    padding:0 10px;
    border:5px solid #e5046a;
    background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.5)),to(transparent)) #e5046a;
    background:linear-gradient(to right,rgba(255,255,255,.5),transparent) #e5046a;
    color:#fff;
    font-size:12px;
    line-height:32px;
    text-align:left;
    text-transform:uppercase;
    width:180px;
    height:40px;
    border-radius:20px
}
.screen-1-popup-opener-circle{
    position:absolute;
    top:50%;
    right:-15px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:-webkit-gradient(linear,left top,right top,from(#e5046a),to(#feb7d7));
    background:linear-gradient(to right,#e5046a,#feb7d7);
    background-size:cover,50px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.screen-1-popup-opener-circle::before{
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    bottom:5px;
    right:5px;
    border-radius:50%;
    background:#ffe9f3
}
.screen-1-popup-opener-circle::after{
    content:url('https://luxsteli.com.ua/images/icons/trolley-magenta.svg');
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:30px;
    height:30px;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.screen-1-popup-opener-counter{
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    min-width:18px;
    height:18px;
    background:#3bcc3b;
    border-radius:9px;
    color:#fff;
    font-size:12px;
    text-align:center;
    line-height:18px
}
.summer-sale-wrapper{
    position:relative;
    display:inline-block
}
.summer-sale{
    display:inline-block
}
.summer-sale-image{
    width:281px;
    height:191px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
.summer-sale-text{
    display:block;
    font-size:39px;
    text-align:right;
    text-transform:uppercase
}
.price{
    position:relative;
    display:inline-block;
    margin:0 0 60px 30px;
    color:#e5046a;
    font-weight:700;
    font-size:225px;
    line-height:1;
    z-index:2
}
.price span>sup{
    position:absolute;
    top:5px;
    font-size:60px;
    line-height:1
}
.price span>sup>sup{
    position:absolute;
    top:0;
    font-size:30px;
    line-height:1
}
.deadline{
    position:absolute;
    display:inline-block;
    right:-51px;
    top:-30px;
    height:30px;
    width:140px;
    padding:3px 2px;
    background:#a2d6fb;
    color:#000;
    font-size:15px;
    font-style:italic;
    line-height:24px;
    text-align:center;
    z-index:2
}
.deadline::before{
    content:"";
    position:absolute;
    top:100%;
    right:0;
    border-top:18px solid transparent;
    border-bottom:12px solid transparent;
    border-right:10px solid #0979c8;
    -webkit-transform-origin:100% 0;
    transform-origin:100% 0;
    -webkit-transform:rotate(61deg);
    transform:rotate(61deg)
}
.deadline::after{
    content:"";
    position:absolute;
    top:0;
    right:100%;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-right:10px solid #a2d6fb
}
@media screen and (max-width:1575px){
    .screen-1{
        min-height:620px;
        max-height:855px
    }
    .screen-1-description{
        margin:5.5rem 0 0
    }
    .screen-1-person-bg{
        bottom:20rem;
        height:44rem
    }
    .screen-1-list{
        margin:0 0 30px 1em
    }
    .summer-sale{
        margin:0 0 0 90px
    }
    .summer-sale-image{
        width:195px;
        height:132px
    }
    .summer-sale-text{
        font-size:19px
    }
    .price{
        font-size:137px;
        vertical-align:top
    }
    .price span>sup{
        font-size:32px
    }
    .price span>sup>sup{
        font-size:20px
    }
    .deadline{
        right:-40px;
        width:100px;
        height:24px;
        font-size:10px;
        line-height:18px
    }
    .deadline::before{
        content:"";
        position:absolute;
        top:100%;
        right:0;
        border-top:13.5px solid transparent;
        border-bottom:9px solid transparent;
        border-right:7.5px solid #0979c8;
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0;
        -webkit-transform:rotate(61deg);
        transform:rotate(61deg)
    }
    .deadline::after{
        border-width:12px 7px 12px 0
    }
    .adress-form{
        margin:1.5rem auto 0
    }
}
@media screen and (max-width:1199px){
    .screen-1{
        height:calc(100vh - 84px + 60px);
        min-height:675px
    }
    .screen-1-person-bg{
        bottom:24rem;
        background-position:97% bottom
    }
    .screen-1-list li{
        max-width:350px
    }
    .summer-sale{
        margin:0
    }
    .price{
        margin:0 0 0 30px
    }
    .adress-form{
        margin:5.9rem auto 0
    }
}
@media screen and (max-width:991px){
    .screen-1{
        height:calc(100vh - 206px + 40px);
        min-height:76.5rem;
        background-image:linear-gradient(105deg,rgba(251,251,251,.85) 60%,transparent 60%),url('https://luxsteli.com.ua/images/screen-1-bg.jpg')
    }
    .screen-1-person-bg{
        bottom:4rem;
        height:45rem;
        background-position:100% bottom
    }
}
@media screen and (max-width:767px){
    .screen-1{
        height:calc(100vh - 35px - 75px);
        min-height:57.5rem;
        max-height:650px
    }
    .screen-1-person-bg{
        display:none
    }
    .screen-1-description{
        font-size:9px
    }
    .screen-1-heading{
        font-size:14px
    }
    .screen-1-list{
        font-size:7px;
        line-height:10px
    }
    .summer-sale-image{
        width:115px;
        height:77px
    }
    .price{
        font-size:82px
    }
    .price span>sup{
        font-size:24px
    }
    .price span>sup>sub{
        font-size:18px
    }
    .deadline{
        height:20px;
        padding:0 2px;
        line-height:20px
    }
    .deadline::after{
        border-width:10px 7px 10px 0
    }
}
@media screen and (max-width:575px){
    .screen-1{
        max-height:500px
    }
    .screen-1-person-bg{
        display:none;
        background:0 0
    }
    .screen-1-description{
        margin:2.5rem 0 0
    }
    .screen-1-list{
        margin:0 0 10px 1em
    }
    .screen-1-list li{
        max-width:120px
    }
    .price{
        margin:0
    }
    .adress-form-wrapper{
        margin:-20px 0 0 0
    }
    .adress-form>span{
        line-height:1
    }
}
/* /local/templates/mp/styles/additional.css */
 @-webkit-keyframes screen-1-popup-opener{
    0%{
        box-shadow:0 0 0 0 rgba(254,183,215,1.0),0 0 5px #585858
    }
    80%{
        box-shadow:0 0 0 0 rgba(254,183,215,1.0),0 0 5px #585858
    }
    85%{
        box-shadow:0 0 0 10px rgba(254,183,215,1.0),0 0 5px #585858
    }
    to{
        box-shadow:0 0 0 30px rgba(254,183,215,0.0),0 0 5px #585858
    }
}
@keyframes screen-1-popup-opener{
    0%{
        box-shadow:0 0 0 0 rgba(254,183,215,1.0),0 0 5px #585858
    }
    80%{
        box-shadow:0 0 0 0 rgba(254,183,215,1.0),0 0 5px #585858
    }
    85%{
        box-shadow:0 0 0 10px rgba(254,183,215,1.0),0 0 5px #585858
    }
    to{
        box-shadow:0 0 0 30px rgba(254,183,215,0.0),0 0 5px #585858
    }
}
.xdsoft_datetimepicker{
    z-index:100000 !important
}
jdiv.globalClass_ET{
    z-index:99 !important
}
jdiv.globalClass_ET.mega-zindex{
    z-index:100000 !important
}
jdiv.label_39{
    z-index:99 !important
}
jdiv.label_39.mega-zindex{
    z-index:100000 !important
}
jdiv.wrap_3s._show_3w{
    z-index:99 !important;
    margin-right:40px;
    margin-bottom:40px
}
.screen-1-popup-opener{
    z-index:99;
    bottom:auto;
    top:175px;
    transition:top 0.5s
}
.screen-1-popup-opener.scrolled{
    top:85px
}
.screen-1-popup-opener-circle,.screen-1-popup-opener-text{
    -webkit-animation:screen-1-popup-opener 5s infinite;
    animation:screen-1-popup-opener 5s infinite
}
.popup-buy-cards-item-calc{
    padding:0;
    background:none;
    border:none;
    cursor:pointer
}
.popup-buy-wrapper.popup-buy-success{
    max-width:620px
}
.popup-buy-success .popup-buy-inner-window{
    min-height:0;
    padding:60px 20px
}
.popup-buy-success .popup-buy-inner-window-head{
    margin:15px auto
}
.payment{
    display:flex;
    flex-flow:column nowrap;
    justify-content:space-between;
    height:auto;
    min-height:calc(100vh - 116px)
}
.payment .calculator-button{
    position:relative;
    top:0;
    left:0;
    margin:60px auto;
    transform:none
}
.payment-list li::before{
    top:14px
}
.payment-list a.top-line-social-link{
    margin:0 8px;
    border:none
}
.payment-list .top-line-social-link-icon{
    width:21px;
    height:21px
}
.payment-state-info-block{
    display:none;
    padding:12px 0;
    font-size:16px
}
.payment-state-info-line{
    margin:0 0 8px 0
}
.footer-bottom-text{
    height:auto
}
@media (max-width:991px){
    .screen-1-popup-opener{
        top:235px
    }
}
@media (max-width:767px){
    .screen-1-popup-opener,.screen-1-popup-opener.scrolled{
        display:block;
        width:56px;
        height:56px;
        top:auto;
        right:25px;
        bottom:95px
    }
    .screen-1-popup-opener{
        display:none
    }
    .screen-1-popup-opener-circle{
        top:0;
        right:0;
        transform:none
    }
    .roistat-lh-pulsator-phone{
        bottom:0 !important
    }
    .popup-buy-success .popup-buy-inner-window{
        min-height:0;
        padding:60px 10px
    }
    .payment{
        min-height:calc(100vh - 35px)
    }
    .payment-list li::before{
        top:10px
    }
    .payment-state-info-block{
        font-size:12px
    }
    .payment .calculator-button{
        margin:30px auto
    }
}
.footer-remark-mobile{
    color:white;
    font-size:10px;
    text-align:center
}
.calculator-button{
    -ms-grid-row:3;
    grid-row:3/5
}
@media screen and (max-width:575px){
    .calculator-button{
        -ms-grid-row:7;
        grid-row:7/8
    }
}
.bottom-line-nav>li>ul>li ul{
    min-width:180px
}
section.text-page{
    padding:50px 0
}
.page-background-grey{
    background:#F9F7F8
}
.leads-search{
    margin:0 0 30px 0
}
.leads-search ._error{
    border-color:red
}
.leads-search__title{
    margin:0 0 20px 0;
    font-weight:700;
    font-size:24px;
    line-height:1.1
}
.leads-search .leads-error{
    margin:0 0 30px 0;
    font-size:16px;
    line-height:1.1
}
.leads-search .payment-error{
    margin:0 0 12px 0;
    font-size:16px;
    line-height:1.1
}
.leads-search .payment-contract{
    font-style:italic;
    font-size:14px
}
@media (max-width:767px){
    .leads-search__title{
        font-size:16px
    }
}
.online-payment-input{
    display:block;
    width:290px;
    padding:5px 10px;
    margin:0 0 12px 0;
    border:1px solid #c5c5c5;
    border-radius:0;
    color:#585858;
    font-size:14px
}
.online-payment-textarea{
    display:block;
    width:290px;
    height:90px;
    padding:5px 10px;
    margin:0 0 12px 0;
    border:1px solid #c5c5c5;
    border-radius:0;
    color:#585858;
    font-size:14px;
    resize:none
}
.online-payment-button{
    display:inline-block;
    min-width:110px;
    height:33px;
    padding:0 20px;
    margin:0 0 12px 0;
    background:#e5046a;
    border:0;
    color:#fff;
    font-size:14px;
    line-height:32px;
    cursor:pointer
}
.online-payment-card-items{
    margin-top:20px;
    margin-bottom:20px
}
.online-payment-card-item{
    height:120px;
    margin:4px;
    line-height:120px;
    text-align:center;
    background:#fff;
    border-radius:8px
}
.online-payment-card-item img{
    max-width:90%
}
.page-content{
    padding:60px 0 0 0
}
.page-text .page-text-image{
    max-width:100%
}
.page-text .h1{
    margin:0 0 40px 0;
    font-weight:400;
    font-size:48px;
    text-transform:uppercase;
    text-align:center
}
.page-text h2,.page-text .h2{
    margin:35px 0 20px 0;
    font-weight:400;
    font-size:34px
}
.page-text h3,.page-text .h3{
    margin:30px 0 15px 0;
    font-size:22px
}
.page-text p,.page-text .p{
    margin:15px 0;
    font-size:16px
}
.page-text ul{
    margin:20px 0;
    padding:0 0 0 15px
}
.page-text ul>li{
    margin:0 0 15px 0;
    font-size:18px;
    color:#686868
}
.page-text ol{
    margin:20px 0;
    padding:0 0 0 15px
}
.page-text ol>li{
    margin:0 0 15px 0;
    font-size:16px
}
.page-text-responsive-table{
    max-width:100%;
    margin:0 0 60px 0;
    overflow-x:auto
}
.page-text-responsive-table table{
    margin:0
}
.page-text-table{
    margin:30px auto;
    box-shadow:inset 0 0 0 1px #000
}
.page-text-table th,.page-text-table td{
    padding:8px 12px;
    font-size:14px;
    line-height:18px
}
.page-text-table th{
    font-size:16px;
    line-height:24px
}
.price-table{
    box-shadow:none
}
.price-table td{
    text-align:center;
    border:1px solid #D3234D
}
.price-table td p{
    margin:0;
    font-size:14px;
    line-height:18px
}
.price-table .yellow-background{
    background-color:yellow
}
.price-table .red-text{
    color:#F52B4D
}
@media (max-width:767px){
    .page-content{
        padding:30px 0 0 0
    }
    .page-text .h1{
        margin:0 0 30px 0;
        font-size:28px
    }
    .page-text h2,.page-text .h2{
        margin:25px 0 15px 0;
        font-size:24px
    }
    .page-text h3,.page-text .h3{
        margin:25px 0 15px 0;
        font-size:18px
    }
}
.section-video{
    padding:30px 0 90px 0;
    margin:60px 0 0 0
}
.section-video-container{
    max-width:1150px;
    margin:0 auto
}
.section-video-text{
    font-style:italic;
    color:#999
}
.section-video-wrap{
    margin-top:45px
}
.video-gal{
    margin:0 0 30px 0
}
.section-video-button a{
    display:inline-flex;
    justify-content:center;
    padding:0 60px;
    height:60px;
    align-items:center;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    line-height:1.2;
    color:#fff;
    background:#e0194b;
    border-radius:30px;
    border:1px solid #e0194b;
    transition:all 0.3s ease
}
.section-video-button a::after{
    margin-left:20px;
    position:relative;
    width:25px;
    height:28px;
    content:url('https://luxsteli.com.ua/images/icons/youtube-gallery.svg');
    display:block;
    flex-shrink:0
}
.section-video-button a:hover{
    background:#fff;
    color:#e0194b
}
.section-video-button a:hover:after{
    content:url('https://luxsteli.com.ua/images/icons/youtube-gallery-pink.svg')
}
@media (max-width:767px){
    .section-video{
        padding:10px 0 30px 0;
        margin:30px 0 0 0
    }
}
.gallery.gallery-fix{
    margin:0 0 60px 0
}
.gallery-fix .gallery-grid-item{
    display:block
}
@media (max-width:767px){
    .gallery.gallery-fix{
        margin:0 0 30px 0
    }
}
.gallery-coupon-block{
    max-width:1150px;
    margin:0 auto;
    padding:0 0 60px 0
}
.gallery-coupon-block-heading{
    line-height:1.2
}
.gallery-coupon-block-heading span{
    color:#e50469;
    white-space:nowrap
}
.gallery-coupon-block-description{
    font-style:italic;
    color:#999
}
.gallery-coupon-container{
    margin:45px 0 0 0
}
.gallery-coupon-video video{
    width:100%
}
.gallery-coupon-form{
    margin:0 0 0 40px
}
.gallery-coupon-form-heading{
    margin:0 0 30px 0;
    font-size:16px;
    line-height:20px
}
.gallery-coupon-form .form-line{
    margin:0 0 20px 0
}
.gallery-coupon-form input[type="tel"],.gallery-coupon-form input[type="text"]{
    display:block;
    width:100%;
    height:38px;
    padding:10px 6px;
    font-size:14px;
    line-height:18px;
    color:#000;
    background:transparent;
    border:solid #ccc;
    border-width:0 0 1px 0;
    transition:all 0.35s ease
}
.gallery-coupon-form input[type="tel"]:focus,.gallery-coupon-form input[type="text"]:focus{
    background:#fff;
    border-color:#e50469
}
.gallery-coupon-form input:required:invalid{
    outline:none;
    box-shadow:none
}
.gallery-coupon-form .submit-line{
    margin:40px 0 20px 0;
    text-align:center
}
.gallery-coupon-form-submit{
    display:inline-block;
    padding:14px 55px;
    font-weight:700;
    font-size:14px;
    line-height:20px;
    color:#e0194b;
    text-align:center;
    text-transform:uppercase;
    background:#fff;
    border:1px solid #e0194b;
    border-radius:24px;
    cursor:pointer;
    transition:all 0.35s ease
}
.gallery-coupon-form-submit:hover,.gallery-coupon-form-submit:focus{
    color:#fff;
    background:#e0194b
}
.gallery-coupon-form-submit:disabled{
    color:#e0194b;
    background:#fff;
    opacity:0.35
}
.gallery-coupon-form-agreements{
    font-size:14px;
    line-height:18px;
    text-align:center
}
.gallery-coupon-form-agreements a{
    color:inherit;
    white-space:nowrap;
    text-decoration:underline
}
.popup-success-description{
    font-size:16px;
    line-height:22px
}
@media (max-width:767px){
    .gallery-coupon-form{
        margin:30px 0
    }
}
.health-care-page{
    padding:60px 0 0 0
}
.health-care-h1{
    margin:0 0 30px 0;
    font-weight:300;
    font-size:35px;
    line-height:1
}
.health-care-p{
    max-width:600px;
    margin:20px 0;
    font-size:13px;
    line-height:18px
}
.health-care-items{
    margin:80px 0 0 0
}
.health-care-item{
    display:flex;
    flex-flow:row wrap;
    max-width:380px;
    margin:0 0 50px 0
}
.health-care-item-image{
    flex:0 0 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    width:60px;
    height:60px
}
.health-care-item-image img{
    max-width:100%;
    max-height:100%
}
.health-care-item-text{
    flex:1 1 0;
    max-width:100%;
    padding:0 0 0 25px;
    font-size:13px;
    line-height:16px
}
.health-care-item-heading{
    margin:0 0 5px 0;
    font-weight:900;
    text-transform:uppercase
}
.health-care-cite{
    margin:0 0 60px 85px
}
@media (min-width:1200px){
    .health-care-page-container{
        max-width:1140px
    }
}
@media (max-width:575px){
    .health-care-page{
        padding:30px 0 0 0
    }
    .health-care-cite{
        margin:0 0 30px 0
    }
}
.regionklg-zamer{
    background:rgba(255,255,255,0.7);
    margin:5px 0 0 0;
    font-weight:400;
    font-size:28px;
    line-height:1.4
}
@media (max-width:1575px){
    .regionklg-zamer{
        font-size:19px
    }
}
.bottom-line-info .mleft48{
    margin-left:48px
}
@media screen and (max-width:991px){
    .bottom-line-info .mleft48{
        margin-left:0
    }
}
#jvlabelWrap{
    top:70% !important
}
.sale-50spb1{
    font-size:47px
}
.sale-50spb2{
    font-size:160px
}
@media screen and (max-width:1575px){
    .sale-50spb1{
        font-size:35px
    }
    .sale-50spb2{
        font-size:120px
    }
}
@media screen and (max-width:991px){
    .sale-50spb1{
        font-size:40px
    }
    .sale-50spb2{
        font-size:140px
    }
}
@media screen and (max-width:767px){
    .sale-50spb1{
        font-size:18px
    }
    .sale-50spb2{
        font-size:60px
    }
}
@media screen and (max-width:991px){
    .sale-50spb1{
        font-size:40px
    }
    .sale-50spb2{
        font-size:140px
    }
}
@media screen and (max-width:767px){
    .sale-50spb1{
        font-size:18px
    }
    .sale-50spb2{
        font-size:60px
    }
}
.payment p,.payment h1,.payment h2,.payment h3{
    color:#686868
}
@media (min-width:768px){
    .payment p,.payment h3{
        font-size:18px
    }
    .page-text.payment .payment-title{
        font-size:31px;
        line-height:37px
    }
    .payment-section:last-child .payment-title{
        max-width:787px;
        margin-left:auto;
        margin-right:auto
    }
}
.page-text.payment .payment-title{
    font-weight:700;
    text-align:center
}
.payment-subtitle{
    text-align:center
}
.payment-section{
    margin-bottom:133px
}
.hidden-blocks-text{
    font-size:26px;
    text-align:center;
    margin:40px 0
}
.payment .payment-section ul{
    list-style-type:none;
    margin-left:4px;
    padding:0
}
.payment .payment-section ul li::before{
    content:"*";
    margin-right:4px
}
.payment-section .payment-title + p{
    margin-top:50px
}
.payment .gradient-divider::after{
    margin-top:24px;
    width:490px
}
.payment-cards{
    display:flex;
    justify-content:center;
    width:450px;
    height:93px;
    margin:0 auto 20px auto
}
.payment-cards div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    background-color:#fff;
    border-radius:7px;
    padding:10px
}
.payment-cards div + div{
    margin-left:20px
}
.payment-cards div img{
    display:block;
    width:100px;
    height:54px
}
.payment-qr{
    display:flex;
    justify-content:space-between;
    height:541px
}
.payment-qr div img{
    display:block;
    width:480px;
    height:100%
}
.payment-qr-instruction{
    margin-left:70px
}
@media (max-width:1575px){
    .payment-qr{
        flex-direction:column;
        height:auto
    }
    .payment-qr-instruction{
        margin-left:0
    }
    .payment-section{
        margin-bottom:50px
    }
}
@media (max-width:767px){
    .payment-qr div img{
        width:480px;
        height:100%
    }
    .payment-img-wrapper{
        position:relative;
        height:0;
        padding:0 0 112% 0
    }
    .payment .payment-img-wrapper img{
        width:100%;
        height:100%;
        position:absolute;
        inset:0;
        object-fit:contain
    }
    .payment .payment-section-description{
        font-size:18px;
        text-align:center
    }
}
@media (max-width:575px){
    .payment-cards{
        width:100%;
        height:50px
    }
    .payment-cards div img{
        width:auto;
        height:50px
    }
}
/* /local/templates/mp/styles/about.min.css */
 .main-banner{
    position:relative;
    height:396px;
    width:100%;
    background-repeat:no-repeat;
    background-position:50%;
    -webkit-background-size:cover;
    background-size:cover;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:35px 0
}
.main-banner:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4)
}
.main-banner__description{
    color:#fff;
    position:relative;
    z-index:1;
    text-align:center;
    max-width:660px;
    font-size:20px;
    font-weight:300;
    max-height:186px;
    overflow:hidden
}
.main-banner__description h1{
    font-size:70px;
    font-weight:400;
    line-height:61px
}
@media (max-width:1351px){
    .main-banner{
        height:256px;
        padding:25px 10px
    }
    .main-banner__description h1{
        font-size:56px
    }
    .main-banner__description{
        font-size:16px
    }
}
@media (max-width:575px){
    .main-banner{
        height:120px;
        padding:5px
    }
    .main-banner__description p{
        max-width:64%;
        margin:0 auto;
        line-height:15px
    }
    .main-banner__description br{
        display:none
    }
    .main-banner__description h1{
        font-size:22px;
        line-height:normal
    }
    .main-banner__description{
        font-size:14px
    }
}
.category{
    padding:50px 0 0px
}
.pos-link{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.category-wrapper{
    display:flex;
    flex-wrap:wrap
}
.category-item,.category-item-services{
    position:relative;
    border:solid 1px #da005f;
    color:#000;
    font-size:22px;
    display:flex;
    transition:.3s ease
}
.category-item{
    width:50%;
    padding:35px 35px 28px 13%;
    margin-bottom:-1px;
    margin-right:-1px
}
.category-item-services{
    width:calc(33.33% - 12px);
    padding:35px;
    margin:6px
}
.category-item-big{
    width:calc(50% - 12px)
}
.category-item__icon{
    width:83px;
    height:83px;
    text-align:right;
    background-repeat:no-repeat;
    -webkit-background-size:contain;
    background-size:contain
}
.category-item__icon svg path{
    fill:#da005f
}
.category-item__text{
    padding-left:25px;
    line-height:normal
}
.category-item__title{
    font-size:30px;
    font-weight:900;
    text-transform:uppercase;
    line-height:normal
}
.category-item-services:hover,.category-item:hover{
    color:#fff;
    background:#da005f
}
.category-item-services:hover .category-item__icon svg path,.category-item:hover .category-item__icon svg path{
    fill:#fff
}
@media (max-width:1575px){
    .category-item__title{
        font-size:21px
    }
}
@media (max-width:1351px){
    .category{
        padding:80px 0 54px
    }
    .category-item{
        font-size:16px;
        padding:35px 35px 20px 13%
    }
    .category-item__icon{
        width:55px;
        height:51px
    }
    .category-item__title{
        font-size:21px
    }
}
@media (max-width:1199px){
    .category-item-services{
        width:calc(50% - 12px)
    }
}
@media (max-width:991px){
    .category-item__title{
        font-size:17px
    }
    .category-item-services{
        width:calc(50% - 12px)
    }
}
@media (max-width:767px){
    .category-wrapper{
        display:block
    }
    .category-item{
        width:100%;
        padding:35px 35px 20px 29%
    }
    .category-item-services{
        width:100%
    }
}
@media (max-width:575px){
    .category{
        padding:25px 0
    }
    .category-item{
        padding:10px 25px;
        align-items:center
    }
    .category-item__title{
        font-size:16px
    }
    .category-item__text{
        font-size:14px;
        padding-left:10px
    }
}
.hedding-section{
    font-size:50px;
    text-align:center;
    text-transform:uppercase
}
.hedding-section p{
    font-size:30px;
    text-transform:none;
    max-width:51%;
    margin:0 auto;
    padding-top:17px
}
@media (max-width:1351px){
    .hedding-section{
        font-size:37px
    }
    .hedding-section p{
        font-size:21px
    }
}
@media (max-width:575px){
    .hedding-section{
        font-size:20px
    }
    .hedding-section p{
        font-size:16px;
        max-width:81%;
        padding-top:10px
    }
}
.description-about{
    padding-top:47px;
    padding-bottom:110px
}
.description-about-title{
    font-size:30px;
    color:#3a3a39;
    padding-bottom:10px
}
.description-about-text span{
    color:#000;
    font-weight:700
}
.description-about-title strong{
    color:#fff;
    background:#ff0256;
    padding:0 2px
}
.description-about-text{
    font-size:18px;
    color:#000;
    line-height:normal;
    max-width:73%;
    margin-left:auto;
    margin-right:auto
}
.description-about-item{
    position:relative;
    text-align:center;
    padding:57px 10px
}
.description-about-wrapper{
    padding-top:120px
}
.mobile-arrow{
    width:26px;
    margin-left:auto;
    margin-right:auto;
    cursor:pointer;
    margin-top:28px
}
@media (min-width:992px){
    .mobile-arrow{
        display:none
    }
    .description-about-wrapper{
        display:flex;
        flex-wrap:wrap
    }
    .description-about-item{
        border-top:solid 1px #423746;
        border-right:solid 1px #423746;
        width:33%
    }
    .description-about-item:nth-child(-n+3){
        border-top:none
    }
    .description-about-item:nth-child(3n){
        border-right:none
    }
    .description-about-item:nth-child(3n+1):before,.description-about-item:nth-child(3n+2):before{
        content:'';
        position:absolute;
        width:84px;
        height:2px;
        background:#ff0256;
        top:-1px;
        right:-42px;
        z-index:1
    }
    .description-about-item:nth-child(3n+1):after,.description-about-item:nth-child(3n+2):after{
        content:'';
        position:absolute;
        width:2px;
        height:84px;
        background:#ff0256;
        top:-42px;
        right:-1px;
        z-index:1
    }
    .description-about-item:nth-child(1):after,.description-about-item:nth-child(1):before,.description-about-item:nth-child(2):after,.description-about-item:nth-child(2):before{
        display:none
    }
}
@media (max-width:1350px){
    .description-about{
        padding-top:20px
    }
    .description-about-item{
        padding:38px 10px
    }
    .description-about-title{
        font-size:24px
    }
    .description-about-text{
        font-size:16px
    }
}
@media (max-width:991px){
    .description-about{
        padding-bottom:55px
    }
    .description-about-wrapper{
        padding-top:50px
    }
    .description-about-item:nth-child(n+4){
        display:none
    }
    .description-about-wrapper.show .description-about-item:nth-child(n+4){
        display:block
    }
    .description-about-item{
        max-width:240px;
        margin-left:auto;
        margin-right:auto;
        border:solid 1px #ff0256;
        margin-top:-1px
    }
}
@media (max-width:575px){
    .description-about-wrapper{
        padding-top:20px
    }
}
.gallery-section{
    padding:50px 0
}
.gray{
    background:#ececec
}
.gallery-item__img{
    margin:5px
}
.gallery-item__img img{
    box-shadow:0 3px 5.7px .3px rgba(0,0,0,.31);
    width:100%
}
.gallery-item__text{
    background:#fff;
    padding:25px 20px;
    font-size:12px;
    color:#000;
    outline:solid 1px #ddd;
    outline-offset:-10px;
    margin:5px
}
.gallery-item__text.sm{
    width:230px
}
@media (min-width:768px){
    .gallery-wrapper{
        display:flex;
        justify-content:space-between
    }
    .col-item-row{
        justify-content:flex-end
    }
    .col-item-prev{
        width:35%
    }
    .col-item-next{
        width:calc(100% - 35.5%)
    }
    .col-item-prev>.col-item-row:nth-child(1) .gallery-item:nth-child(1){
        width:50%
    }
    .col-item-next>.col-item-row:nth-child(1) .gallery-item:nth-child(1){
        width:56%;
        flex-shrink:0
    }
    .col-item-next>.col-item-row:nth-child(2) .col-item-row:nth-child(1){
        width:68%;
        flex-shrink:0
    }
    .col-item-next>.col-item-row:nth-child(2)>.col-item-row:nth-child(1)>.gallery-item{
        width:47%
    }
    .col-item-next>.col-item-row:nth-child(2)>.col-item-row:nth-child(1)>.gallery-item .gallery-item__text{
        margin-bottom:10px
    }
    .shell .gallery-item{
        width:100%;
        margin-bottom:10px
    }
    .col-item-row,.df{
        display:flex
    }
    .ai-c{
        align-items:center
    }
    .ai-fs{
        align-items:flex-start
    }
    .ai-fe{
        align-items:flex-end
    }
}
@media (max-width:1350px){
    .gallery-section{
        padding:40px
    }
    .col-item-prev{
        width:37%
    }
    .gallery-item__text{
        padding:15px;
        font-size:11px
    }
}
@media (max-width:1199px){
    .col-item-prev{
        width:50%
    }
    .col-item-next .col-item-row:nth-child(2)>.col-item-row:nth-child(2){
        display:none
    }
    .col-item-next>.col-item-row:nth-child(2) .col-item-row:nth-child(1){
        width:100%
    }
}
@media (max-width:991px){
    .gallery-section .mobile-arrow{
        display:none
    }
}
@media (max-width:767px){
    .gallery-section .mobile-arrow{
        display:block
    }
    .gallery-wrapper{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap
    }
    .col-item{
        width:100%;
        text-align:center
    }
    .gallery-item{
        display:flex;
        flex-wrap:wrap
    }
    .gallery-item__img img{
        max-width:100%;
        width:auto
    }
    .col-item .gallery-item{
        display:none;
        margin-bottom:20px
    }
    .gallery-item__img{
        margin:0;
        width:100%
    }
    .gallery-item__text{
        width:100%;
        margin:0;
        -webkit-transform:translateY(-4px);
        transform:translateY(-4px)
    }
    .gallery-item__text.sm{
        width:100%
    }
    .col-item-next>.col-item-row:nth-child(1) .gallery-item:nth-child(2),.col-item-prev>.col-item-row:nth-child(1)>.gallery-item:first-child{
        display:block
    }
    .gallery-wrapper.show .col-item .gallery-item{
        display:flex!important
    }
    .col-item-next>.col-item-row:nth-child(2) .col-item-row:nth-child(1) .gallery-item .gallery-item__text,.col-item-prev>.col-item-row:nth-child(3) .gallery-item__text{
        order:2
    }
}
.ready-solutions-grid{
    position:relative;
    width:100%;
    height:100%;
    margin:60px 0 120px;
    overflow:hidden
}
.big-slider .swiper-slide .wrap .logo-wrap .logo-wrap-ecoline,.ready-solutions-grid .swiper-wrapper{
    width:100%
}
.ready-solutions-grid-item{
    position:relative;
    flex-shrink:0;
    width:100%;
    height:100%;
    min-height:325px;
    padding:0 0 15px;
    transition-property:transform
}
.ready-solutions-grid-item-image{
    position:absolute;
    width:325px;
    height:325px
}
.gallery-grid-item a img,.ready-solutions-grid-item-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ready-solutions-grid-item-table{
    margin:0 0 0 380px
}
.ready-solutions-grid-item-table table{
    color:#333
}
.ready-solutions-grid-item-table caption{
    margin:0 50px 20px 10px;
    padding:0;
    color:#333;
    font-size:16px;
    caption-side:top
}
.ready-solutions-grid-item-table thead{
    background-color:#f1f1f1;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase
}
.ready-solutions-grid-item-table tr{
    padding:0 5px
}
.ready-solutions-grid-item-table td,.ready-solutions-grid-item-table th{
    position:relative;
    padding:2px 10px
}
.ready-solutions-grid-item-table td{
    font-size:11px
}
.ready-solutions-grid-item-table-sale{
    color:#e5046a
}
.ready-solutions-grid-item-table-total{
    background-color:#f1f1f1;
    color:#5a6071;
    font-weight:700;
    text-transform:uppercase
}
.ready-solutions-grid-item-table-total td{
    font-size:14px
}
.ready-solutions-grid-item-table-credit td{
    color:#e0194b;
    font-size:14px;
    font-weight:700
}
.ready-solutions-grid-item-table-halva{
    position:relative;
    background-color:#ffe9c7;
    color:#000
}
.ready-solutions-grid-item-table-halva td{
    font-size:13px
}
.ready-solutions-grid-item-table-halva div{
    position:absolute;
    top:35%;
    right:28px;
    width:55px;
    height:35px;
    background:url('https://luxsteli.com.ua/images/card-halva.png') center center no-repeat;
    background-size:contain;
    -webkit-transform:translateY(-50%) rotate(10deg);
    transform:translateY(-50%) rotate(10deg)
}
.ready-solutions-grid-button{
    position:absolute;
    top:50%;
    width:20px;
    height:20px;
    border-bottom:5px solid #d2d2d2;
    border-left:5px solid #d2d2d2;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer;
    z-index:2
}
.ready-solutions-grid-button-prev{
    left:5px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.ready-solutions-grid-button-next{
    right:5px;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
@media screen and (max-width:1575px){
    .ready-solutions-grid{
        margin:75px 0 190px;
        padding:0 40px
    }
    .ready-solutions-grid-item{
        min-height:250px
    }
    .ready-solutions-grid-item-image{
        width:250px;
        height:250px
    }
    .ready-solutions-grid-item-table{
        margin:0 0 0 265px
    }
    .ready-solutions-grid-item-table caption{
        margin:0 30px 10px 10px;
        font-size:14px
    }
    .ready-solutions-grid-item-table thead{
        font-size:10px
    }
    .ready-solutions-grid-item-table td,.ready-solutions-grid-item-table th{
        padding:2px 8px
    }
    .ready-solutions-grid-item-table td{
        font-size:9px
    }
    .ready-solutions-grid-item-table-total td{
        font-size:13px
    }
    .ready-solutions-grid-item-table-credit td{
        font-size:11px
    }
    .ready-solutions-grid-item-table-halva div{
        width:50px;
        height:30px
    }
}
@media screen and (max-width:1199px){
    .ready-solutions-grid{
        margin:40px 0 90px
    }
    .ready-solutions-grid-item{
        min-height:200px
    }
    .ready-solutions-grid-item-image{
        width:200px;
        height:200px
    }
    .ready-solutions-grid-item-table{
        margin:0 0 0 215px
    }
    .ready-solutions-grid-item-table caption{
        margin:0 0 10px 5px;
        font-size:13px
    }
    .ready-solutions-grid-item-table thead{
        font-size:10px
    }
    .ready-solutions-grid-item-table td,.ready-solutions-grid-item-table th{
        padding:2px 5px
    }
    .ready-solutions-grid-item-table td{
        font-size:9px
    }
    .ready-solutions-grid-item-table-total td{
        font-size:10px
    }
    .ready-solutions-grid-item-table-credit td{
        font-size:11px
    }
    .ready-solutions-grid-item-table-halva div{
        right:15px;
        width:40px;
        height:25px
    }
}
@media screen and (max-width:575px){
    .ready-solutions-grid{
        margin:20px 0 60px;
        padding:0
    }
    .ready-solutions-grid-item-image{
        width:calc(100% - 40px);
        height:250px;
        margin:0 20px
    }
    .ready-solutions-grid-item-table{
        margin:270px 0 0
    }
    .ready-solutions-grid-item-table table{
        width:100%
    }
    .ready-solutions-grid-item-table caption{
        font-size:12px;
        font-weight:400
    }
    .ready-solutions-grid-item-table td{
        font-size:12px
    }
    .ready-solutions-grid-item-table thead,.ready-solutions-grid-item-table-total td{
        font-size:14px
    }
    .ready-solutions-grid-item-table-credit td{
        font-size:12px
    }
    .ready-solutions-grid-button{
        top:125px;
        width:15px;
        height:15px;
        border-width:2px
    }
    .ready-solutions-grid-button-prev{
        left:3px
    }
    .ready-solutions-grid-button-next{
        right:3px
    }
}
.main-banner.trust-banner{
    padding-bottom:130px;
    height:650px
}
.main-banner.trust-banner .main-banner__description{
    width:100%;
    max-width:1065px
}
.main-banner.trust-banner .main-banner__description h1{
    margin-bottom:30px
}
@media screen and (max-width:1400px){
    .main-banner.trust-banner{
        padding:30px 0 100px;
        height:560px
    }
    .main-banner.trust-banner .main-banner__description h1{
        margin-bottom:15px;
        font-size:56px
    }
    .main-banner.trust-banner .main-banner__description p{
        font-size:16px
    }
}
@media screen and (max-width:991px){
    .main-banner.trust-banner .main-banner__description{
        max-width:600px
    }
}
@media screen and (max-width:767px){
    .main-banner.trust-banner{
        padding:23px 15px;
        height:250px
    }
    .main-banner.trust-banner .main-banner__description h1{
        margin-bottom:10px;
        font-size:22px
    }
    .main-banner.trust-banner .main-banner__description p{
        font-size:12px
    }
}
.trust{
    padding:164px 0 70px;
    background-color:#ececec
}
.trust .items{
    padding-left:30px;
    display:flex;
    align-items:stretch;
    width:100%;
    flex-wrap:wrap
}
.trust .item{
    margin-right:30px;
    margin-bottom:40px;
    display:flex;
    flex-direction:column;
    width:470px;
    height:654px;
    box-shadow:4.95px 4.95px 15.84px .16px rgba(0,0,0,.2);
    background-color:#fff
}
.trust .item .img-wrap{
    width:100%;
    height:312px
}
.trust .item .img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top
}
.trust .item .wrap{
    padding:15px
}
.trust .item .inner{
    padding:26px 20px 60px;
    height:100%;
    border:solid .5px #000
}
.trust .item .inner .sub-title,.trust .item .inner .title{
    font-style:normal;
    font-stretch:normal;
    letter-spacing:normal;
    color:#000
}
.trust .item .inner .title{
    margin-bottom:0;
    font-size:22px;
    font-weight:900;
    text-transform:uppercase;
    text-decoration:underline
}
.trust .item .inner .sub-title{
    margin-bottom:15px;
    font-size:19px;
    font-weight:300;
    text-align:left
}
.trust .item .inner .text{
    font-size:18px;
    line-height:25.5px;
    letter-spacing:normal;
    text-align:justify;
    color:#2c2c2c
}
.trust .item.big{
    flex-direction:row;
    width:970px
}
.trust .item.big .img-wrap,.trust .item.big .wrap{
    display:inline-block;
    vertical-align:top
}
.trust .item.big .img-wrap{
    width:576px;
    height:100%
}
.trust .item.big .wrap{
    width:390px;
    height:100%
}
.mob-arrow{
    display:none
}
@media screen and (max-width:1576px){
    .trust{
        padding-top:130px
    }
    .logos-cont .single img{
        max-width:150px
    }
    .logos-cont .single{
        margin-right:40px
    }
    #logos.slider-wrap .single img{
        max-width:140px
    }
    .trust .item .img-wrap{
        height:220px
    }
    .trust .item .wrap{
        padding:11px
    }
    .trust .item .inner{
        padding:20px 15px 45px
    }
    .trust .item .inner .title{
        font-size:16px
    }
    .trust .item .inner .sub-title{
        font-size:14px
    }
    .trust .item .inner .text{
        font-size:13px;
        line-height:18px
    }
    .trust .item{
        width:330px;
        height:472px
    }
    .trust .item.big{
        width:690px;
        height:472px
    }
    .trust .item.big .img-wrap{
        width:383px
    }
    .trust .item.big .wrap{
        width:328px
    }
}
@media screen and (max-width:1200px){
    .trust .item,.trust .item.big{
        width:419px;
        height:438px
    }
    .trust .item.big{
        flex-direction:column
    }
    .trust .item.big .img-wrap{
        width:100%;
        height:220px
    }
    .trust .item.big .wrap{
        width:100%;
        height:auto
    }
}
@media screen and (max-width:991px){
    .trust .items{
        justify-content:center;
        padding-left:0
    }
    .trust .item,.trust .item.big{
        margin-right:0
    }
}
@media screen and (max-width:767px){
    .trust{
        padding:80px 0 60px
    }
    .trust .item .inner .title{
        font-size:20px
    }
    .trust .item .inner .sub-title{
        font-size:18px
    }
    .trust .item,.trust .items .item.big{
        height:auto
    }
    .mob-arrow{
        display:block;
        margin:0 auto
    }
}
@media screen and (max-width:490px){
    .trust .item,.trust .item.big{
        width:100%;
        height:auto
    }
    .trust .item .img-wrap,.trust .item .img-wrap img,.trust .item.big .img-wrap{
        height:auto
    }
}
@media screen and (max-width:340px){
    .trust .item .inner .title{
        font-size:18px
    }
    .trust .item .inner .sub-title,.trust .item .inner .text{
        font-size:16px
    }
    .trust .item .inner{
        padding-bottom:30px
    }
}
.logos-cont{
    margin-top:30px;
    padding:80px 0;
    background-color:#fff;
    text-align:center
}
.logos-cont .single{
    margin-right:100px;
    display:inline-block
}
.logos-cont .single:last-child{
    margin-right:0
}
.logos-cont .single img,.logos-cont .swiper-container .swiper-wrapper img{
    max-width:200px
}
#logos.slider-wrap .single{
    margin:0;
    text-align:center
}
#logos.slider-wrap .single img{
    margin:0 auto
}
#logos.slider-wrap .slick-track{
    display:flex;
    align-items:center
}
@media screen and (max-width:767px){
    .logos-cont{
        padding:30px 0;
        margin-top:50px
    }
}
.team{
    padding:196px 0 0;
    background-color:#ececec
}
.team-title{
    margin-bottom:25px;
    font-size:50px;
    color:#000;
    text-transform:uppercase;
    font-weight:lighter;
    text-align:center
}
.team .sub-title{
    margin-bottom:40px;
    font-size:30px;
    color:#000;
    line-height:1.333;
    text-align:center
}
.search-block{
    background-image:-moz-linear-gradient(90deg,#e5046a 0,#ff3490 100%);
    background-image:-webkit-linear-gradient(90deg,#e5046a 0,#ff3490 100%);
    background-image:-ms-linear-gradient(90deg,#e5046a 0%,#ff3490 100%);
    padding:37px 0
}
.search-block .title,.team .search-block .sub-title{
    font-size:25px;
    color:#fff;
    line-height:1.4;
    text-align:center
}
.search-block .title{
    text-transform:uppercase
}
.team-tabs{
    margin-top:109px
}
.team-tabs .tabs-header div{
    border-top:1px solid #fff;
    padding:40px 15px 15px;
    display:inline-block;
    width:33%;
    text-align:center;
    font-size:18px;
    color:#7b7b83;
    cursor:pointer
}
.team-tabs .tabs-header div:nth-child(2){
    border-right:1px solid #fff;
    border-left:1px solid #fff
}
.team-tabs .tabs-header div span{
    position:relative
}
.team-tabs .tabs-header div span:before{
    content:'';
    display:block;
    position:absolute;
    bottom:-3px;
    left:0;
    width:100%;
    height:2px;
    opacity:1;
    transition:opacity .5s;
    border-bottom:1px dashed #e23560
}
.team-tabs .tabs-header div.active{
    background-color:#fff
}
.team-tabs .tabs-header div.active span:before{
    opacity:0
}
.single-tab{
    padding:80px 30px 40px;
    display:none
}
.single-tab.active{
    display:block
}
.single-tab,.tab-body .team-tabs{
    background-color:#fff;
    text-align:center
}
.single-tab .item img{
    margin-bottom:40px;
    border-radius:50%;
    width:219px;
    height:219px
}
.single-tab .item{
    margin-bottom:80px;
    display:inline-block;
    width:230px;
    text-align:center;
    vertical-align:top
}
.single-tab .item .job{
    font-size:11px;
    color:#e0194b;
    text-transform:uppercase
}
.single-tab .item .name{
    font-size:13px;
    text-transform:uppercase
}
.single-tab .item .description{
    font-size:11px
}
.single-tab .items{
    padding-left:118px;
    text-align:left
}
.single-tab .items .item{
    margin-right:110px
}
.single-tab .items .item:nth-child(4n){
    margin-right:0
}
.team .search-wrap{
    text-align:center
}
.team .search-wrap input{
    padding-left:7px;
    width:685px;
    height:30px;
    padding-bottom:5px;
    border:0;
    outline:0;
    box-shadow:none;
    background-color:transparent;
    border-bottom:1px solid #fff;
    color:#fff;
    font-size:18px
}
.team .search-cont{
    position:relative;
    display:inline-block
}
.team .search-cont .cross{
    position:absolute;
    bottom:9px;
    right:0;
    cursor:pointer
}
.team .loop{
    margin-right:7px
}
.team .search-block{
    padding-bottom:150px
}
.team .search-wrap input::-webkit-input-placeholder{
    color:#fff
}
.team .search-wrap input::-moz-placeholder{
    color:#fff
}
.team .search-wrap input:-ms-input-placeholder{
    color:#fff
}
.team .search-wrap input:-moz-placeholder{
    color:#fff
}
.team .search-wrap .search-dropdown{
    position:absolute;
    top:57px;
    left:0;
    width:685px;
    text-align:left
}
.search-dropdown img{
    margin-right:15px;
    width:92px;
    height:92px;
    border-radius:50%
}
.search-dropdown .item{
    display:flex;
    align-items:center
}
.search-dropdown .item .info{
    font-size:16px;
    color:#fff
}
@media screen and (max-width:1576px){
    .team{
        padding-top:100px
    }
    .main-banner.trust-banner.team-banner{
        height:500px
    }
    .single-tab .items .item,.single-tab .items .item:nth-child(4n){
        margin-right:110px
    }
    .single-tab .items .item:nth-child(3n){
        margin-right:0
    }
    .single-tab .items{
        padding-left:70px
    }
    .team-title{
        font-size:37px;
        line-height:normal
    }
    .team .sub-title{
        font-size:20px
    }
    .search-block .title,.team .search-block .sub-title{
        font-size:22px
    }
}
@media screen and (max-width:1200px){
    .single-tab .items{
        padding-left:47px
    }
    .single-tab .items .item,.single-tab .items .item:nth-child(4n){
        margin-right:40px
    }
}
@media screen and (max-width:991px){
    .single-tab .items .item,.single-tab .items .item:nth-child(3n),.single-tab .items .item:nth-child(4n){
        margin-right:40px
    }
    .single-tab .items .item:nth-child(2n){
        margin-right:0
    }
    .single-tab .items{
        padding-left:63px
    }
    .team-tabs .tabs-header div{
        padding:30px 5px 10px;
        font-size:14px
    }
    .team-tabs .tabs-header div span:before{
        bottom:-1px
    }
    .team .search-wrap .search-dropdown,.team .search-wrap input{
        width:475px
    }
}
@media screen and (max-width:767px){
    .main-banner.trust-banner.team-banner{
        height:150px
    }
    .team{
        padding-top:30px
    }
    .team-title{
        margin-bottom:0;
        font-size:13px
    }
    .team .sub-title{
        margin-bottom:20px;
        font-size:13px
    }
    .search-block{
        padding:25px 0
    }
    .search-block .title,.team .search-block .sub-title{
        font-size:13px
    }
    .tabs-header{
        display:flex;
        flex-direction:column;
        margin-bottom:40px
    }
    .team-tabs .tabs-header div{
        padding:18px 15px;
        margin-bottom:3px;
        width:100%;
        background-color:#fff
    }
    .team-tabs .tabs-header div.active{
        background-color:#ee1576;
        color:#fff
    }
    .team-tabs .tabs-header div,.team-tabs .tabs-header div:nth-child(2){
        border:0
    }
    .single-tab{
        padding:30px
    }
    .single-tab .item{
        width:180px
    }
    .single-tab .item img{
        margin-bottom:20px;
        width:160px;
        height:160px
    }
    .single-tab .items{
        margin-bottom:50px;
        padding-left:0;
        text-align:center
    }
    .single-tab .items .item,.single-tab .items .item:nth-child(3n),.single-tab .items .item:nth-child(4n){
        margin:0 auto 50px;
        display:block
    }
    .single-tab .top .item{
        margin-bottom:50px!important
    }
    .single-tab .items .item:nth-child(2n){
        margin-right:auto
    }
    .single-tab .item:last-child{
        margin-bottom:0
    }
    .team .search-wrap input{
        width:240px;
        height:25px;
        font-size:14px;
        padding-bottom:1px
    }
    .team .search-cont .cross{
        width:14px;
        bottom:7px
    }
    .team .loop{
        width:20px
    }
    .search-dropdown img{
        margin-right:14px;
        width:77px;
        height:77px
    }
    .search-dropdown .item .info{
        font-size:11px
    }
    .team .search-wrap .search-dropdown{
        width:240px;
        top:42px
    }
    .team .search-block{
        padding-bottom:140px
    }
}
.mob-items{
    display:none
}
@media screen and (max-width:767px){
    .mob-items{
        display:block;
        max-height:0;
        overflow:hidden;
        transition:max-height .5s
    }
    .mob-items.show{
        max-height:99999px
    }
    .mob-arrow{
        transition:transform .5s
    }
    .mob-arrow.hide{
        display:none
    }
    .mob-arrow.turn{
        transform:rotate(180deg)
    }
    .team-tabs .mob-arrow{
        margin-bottom:50px
    }
}
.logos-cont .swiper-container .swiper-wrapper{
    align-items:center
}
.big-slider{
    display:block;
    width:100%;
    position:relative
}
.slide-img,.slide-img img{
    width:100%;
    object-fit:cover
}
.slide-img{
    display:block;
    object-position:bottom;
    height:680px
}
.slide-img img{
    height:100%;
    object-position:center;
    font-family:'object-fit: cover;
    '
}
.big-slider .swiper-slide{
    position:relative;
    overflow:hidden
}
.big-slider .swiper-slide .container{
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%)
}
.big-slider .swiper-slide .wrap{
    position:absolute;
    top:50px;
    left:15px;
    padding:70px 285px 70px 80px;
    background:url('https://luxsteli.com.ua/images/new/shape.png') 0 0/contain no-repeat
}
.big-slider .swiper-slide .wrap .collection,.big-slider .swiper-slide .wrap .title{
    margin-bottom:20px;
    font-size:67px;
    font-weight:900;
    font-style:normal;
    font-stretch:normal;
    line-height:67px;
    letter-spacing:normal;
    text-align:left;
    color:#000;
    text-transform:uppercase
}
.big-slider .swiper-slide .wrap .collection{
    margin-bottom:15px;
    font-size:44px;
    font-weight:300;
    line-height:47px;
    color:#68bb89
}
.big-slider .swiper-slide .wrap .logo-wrap{
    position:relative;
    margin-bottom:30px;
    width:370px
}
.big-slider .swiper-slide .wrap .logo-wrap .flag{
    position:absolute;
    top:2px;
    right:-21px;
    width:35px
}
.big-slider .swiper-slide .wrap ul{
    list-style-type:none
}
.big-slider .swiper-slide .wrap ul li{
    font-size:22px;
    margin-bottom:5px;
    font-weight:300;
    font-style:normal;
    font-stretch:normal;
    line-height:28px;
    letter-spacing:normal;
    color:#000
}
.big-slider .swiper-slide .wrap ul li:last-child{
    margin-bottom:0
}
.big-slider .swiper-slide .wrap ul li:before{
    content:'';
    margin-right:8px;
    display:inline-block;
    vertical-align:middle;
    margin-bottom:5px;
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:#68bb89
}
.big-slider .swiper-slide .sticker{
    position:absolute;
    top:60px;
    right:15px;
    width:205px;
    height:205px;
    border-radius:50%;
    background-color:#208749;
    font-size:34px;
    font-weight:300;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:normal;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center
}
.big-slider .swiper-slide .sticker img{
    position:absolute;
    top:0;
    right:0;
    width:41px
}
.big-slider .swiper-slide .sticker b{
    font-weight:900;
    font-size:50px
}
.big-slider .swiper-slide .wrap.rudz{
    padding:0;
    top:130px;
    background:0 0
}
.big-slider .swiper-slide .wrap.rudz .one,.big-slider .swiper-slide .wrap.rudz .two{
    margin-bottom:10px;
    width:420px;
    font-weight:900;
    font-size:74px;
    line-height:1;
    color:#fff;
    text-transform:uppercase
}
.big-slider .swiper-slide .wrap.rudz .two{
    margin-bottom:50px;
    font-size:44px;
    width:250px;
    line-height:50px
}
.big-slider .swiper-slide .wrap.rudz .three{
    text-transform:uppercase;
    font-weight:900;
    color:#fff;
    line-height:1;
    font-size:110px
}
.big-slider .swiper-slide .wrap.rudz .four{
    float:right;
    width:158px;
    margin-top:15px;
    margin-right:65px;
    text-transform:uppercase;
    font-weight:300;
    color:#000;
    line-height:1;
    font-size:17px
}
.big-slider .swiper-slide .sticker.rudz{
    background-color:#c5a773
}
.big-slider .swiper-slide .sticker.rudz b{
    font-size:27px;
    margin-bottom:5px
}
.big-slider .swiper-slide .sticker.rudz p{
    font-size:22px
}
.big-slider .swiper-slide .play-wrap{
    position:absolute;
    top:230px;
    right:230px;
    z-index:3
}
.big-slider .swiper-slide .play-wrap .arrow{
    position:absolute;
    top:110px;
    right:50px
}
.big-slider .swiper-slide .play-wrap .text{
    position:absolute;
    right:-40px;
    top:140px;
    font-size:14px;
    color:#fff;
    font-weight:300;
    width:70px;
    line-height:1.2
}
.big-slider .swiper-slide .wrap.montage .title{
    margin-bottom:40px;
    width:470px
}
.big-slider .swiper-slide .wrap.montage .title span{
    font-size:88px
}
.big-slider .swiper-slide .wrap.montage .logos-wrap{
    margin-bottom:40px
}
.big-slider .swiper-slide .wrap.montage .logos-wrap img:first-child{
    margin-right:30px
}
.big-slider .swiper-slide .wrap.montage ul li,.index-slider-h1 b{
    font-weight:900
}
.big-slider .swiper-slide .wrap.montage .text{
    padding-top:10px;
    width:345px;
    padding-left:14px;
    line-height:33px;
    font-size:25px
}
.big-slider .swiper-slide .sticker.montage{
    background-color:#20419a
}
.big-slider .swiper-slide .sticker.montage p{
    font-size:20px;
    max-width:170px;
    text-transform:none
}
.big-slider .swiper-slide .sticker.montage b{
    margin:1px 0;
    font-size:24px
}
.big-slider .swiper-slide .author{
    position:absolute;
    top:450px;
    right:135px;
    width:180px;
    color:#fff;
    text-transform:uppercase;
    font-weight:300;
    line-height:23px;
    font-size:17px
}
.big-slider .swiper-slide .play-wrap.dude{
    top:125px
}
.big-slider .swiper-pagination{
    position:absolute;
    bottom:27px
}
.swiper-pagination-bullet{
    background-color:#fff;
    opacity:1
}
.swiper-pagination-bullet-active{
    background:#ff1981
}
.big-slider-night-next,.big-slider-night-prev{
    position:absolute;
    z-index:15;
    bottom:34px;
    width:36px;
    height:36px;
    border:3px solid #fff;
    cursor:pointer
}
.big-slider-night-prev{
    left:50%;
    border-width:3px 0 0 3px;
    margin:0 0 -18px -300px;
    transform:rotate(-45deg)
}
.big-slider-night-next{
    right:50%;
    border-width:3px 3px 0 0;
    margin:0 -300px -18px 0;
    transform:rotate(45deg)
}
.line-logos img{
    width:100%
}
.new-form-wrap{
    padding:12px 0;
    background-color:#ff0073
}
.new-form-wrap .title{
    margin-bottom:25px;
    font-size:24px
}
.new-form form .name,.new-form form .phone{
    display:inline-block;
    margin-right:80px
}
.new-form form .name input,.new-form form .phone input{
    padding-left:40px;
    width:230px;
    height:35px;
    background-color:#fff;
    background-size:20px 20px;
    border:0;
    box-shadow:none;
    background-position:7px center;
    font-size:1.8rem;
    background-repeat:no-repeat
}
.new-form form .phone input{
    background-image:url('https://luxsteli.com.ua/images/icons/phone-magenta.png')
}
.new-form form button{
    width:272px;
    height:35px;
    font-size:18px;
    font-weight:300;
    color:#fff;
    background-color:#5f13c6;
    border:0
}
.new-form form .name input{
    background-image:url('https://luxsteli.com.ua/images/new/person.png')
}
.new-form-wrap-night{
    background:center/cover url('https://luxsteli.com.ua/images/new/night-form-background.jpg') no-repeat
}
.new-form-wrap .title,.new-form-wrap-night .title{
    font-weight:900;
    color:#fff
}
.new-form-wrap-night .title span{
    color:#ffe400
}
.new-form-wrap-night form .name input{
    background-image:url('https://luxsteli.com.ua/images/new/person-yellow.svg')
}
.new-form-wrap-night form .phone input{
    background-image:url('https://luxsteli.com.ua/images/new/phone-yellow.svg')
}
.new-form-wrap-night form button{
    font-weight:700;
    color:#000;
    background:#ffe400
}
.big-slider .swiper-slide .sticker.rudz.dude,.big-slider .swiper-slide .wrap.montage ul li:before{
    background-color:#ff0073
}
.big-slider .swiper-slide .sticker.rudz.dude p{
    font-size:24px
}
.big-slider .swiper-slide .sticker.rudz.dude b{
    font-size:72px
}
.partners.new{
    position:relative
}
.swiper-pagination-bullet{
    margin:0 11px;
    width:14px;
    height:14px
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 11px
}
.new-form{
    padding-left:170px
}
@media screen and (max-width:1575px){
    .slide-img{
        height:400px
    }
    .big-slider .swiper-slide .wrap .logo-wrap{
        width:250px
    }
    .big-slider .swiper-slide .wrap .logo-wrap .flag{
        width:23px;
        right:-15px
    }
    .big-slider .swiper-slide .wrap .collection{
        margin-bottom:0;
        font-size:25px;
        line-height:32px
    }
    .big-slider .swiper-slide .wrap .title{
        font-size:50px;
        line-height:52px;
        margin-bottom:5px
    }
    .big-slider .swiper-slide .wrap .logo-wrap{
        margin-bottom:10px
    }
    .big-slider .swiper-slide .wrap ul li{
        margin-bottom:0;
        font-size:15px;
        line-height:22px
    }
    .big-slider .swiper-slide .wrap{
        padding:75px 190px 70px 50px;
        top:20px;
        left:15px
    }
    .big-slider .swiper-slide .sticker{
        width:140px;
        height:140px;
        font-size:25px
    }
    .big-slider .swiper-slide .sticker img{
        width:30px
    }
    .big-slider .swiper-slide .sticker b{
        font-size:35px
    }
    .big-slider .swiper-slide .wrap.rudz{
        top:60px
    }
    .big-slider .swiper-slide .wrap.rudz .one{
        font-size:48px
    }
    .big-slider .swiper-slide .wrap.rudz .two{
        margin-bottom:30px;
        font-size:28px;
        line-height:32px
    }
    .big-slider .swiper-slide .wrap.rudz .three{
        font-size:68px
    }
    .big-slider .swiper-slide .wrap.rudz .four{
        width:120px;
        margin-top:10px;
        margin-right:10px;
        font-size:12px
    }
    .big-slider .swiper-slide .sticker.rudz p{
        font-size:15px
    }
    .big-slider .swiper-slide .sticker.rudz b{
        font-size:18px;
        margin-bottom:0
    }
    .big-slider .swiper-slide .sticker.rudz.dude p{
        font-size:18px
    }
    .big-slider .swiper-slide .sticker.rudz.dude b{
        font-size:68px;
        line-height:1
    }
    .big-slider .swiper-slide .play-wrap{
        top:100px;
        right:150px
    }
    .big-slider .swiper-slide .wrap.montage .title{
        margin-bottom:10px;
        font-size:38px;
        line-height:1
    }
    .big-slider .swiper-slide .wrap.montage .title span{
        font-size:48px
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap{
        margin-bottom:15px
    }
    .big-slider .swiper-slide .wrap.montage .text{
        width:220px;
        padding-top:0;
        font-size:15px;
        line-height:22px
    }
    .big-slider .swiper-slide .wrap{
        max-height:350px;
        padding-top:40px;
        padding-bottom:50px;
        padding-left:40px
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap img{
        height:40px
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap img:first-child{
        height:32px;
        margin-right:10px
    }
    .big-slider .swiper-slide .sticker.montage p{
        font-size:14px
    }
    .big-slider .swiper-slide .sticker.montage b{
        font-size:22px
    }
    .big-slider .swiper-slide .author{
        right:0;
        top:350px
    }
    .big-slider .swiper-slide .play-wrap.dude{
        top:95px
    }
    .swiper-pagination-bullet{
        margin:0 7px;
        width:10px;
        height:10px
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0 7px
    }
    .big-slider .swiper-pagination{
        bottom:14px
    }
    .big-slider-night-next,.big-slider-night-prev{
        bottom:20px;
        width:24px;
        height:24px;
        border:2px solid #fff
    }
    .big-slider-night-prev{
        border-width:2px 0 0 2px;
        margin:0 0 -12px -220px
    }
    .big-slider-night-next{
        border-width:2px 2px 0 0;
        margin:0 -220px -12px 0
    }
    .new-form{
        padding-left:140px
    }
    .new-form-wrap .title{
        font-size:17px;
        margin-bottom:18px;
        line-height:1
    }
    .new-form form .name input,.new-form form .phone input{
        height:24px;
        background-size:13px 13px;
        padding-left:26px;
        font-size:12px;
        width:100%
    }
    .new-form form .name,.new-form form .phone{
        margin-right:60px;
        width:162px
    }
    .new-form form button{
        font-size:12px;
        height:24px;
        width:190px
    }
}
@media screen and (max-width:1199px){
    .big-slider .swiper-slide .wrap{
        padding:30px 160px 40px 30px
    }
    .slide-img{
        height:450px
    }
    .big-slider .swiper-slide .author{
        top:320px;
        font-size:16px
    }
}
@media screen and (max-width:991px){
    .big-slider .swiper-slide .play-wrap.dude .text{
        top:120px;
        right:auto;
        left:50px
    }
    .big-slider .swiper-slide .play-wrap.dude{
        top:280px;
        right:120px
    }
    .new-form form .name,.new-form form .phone{
        width:332px;
        margin:0 5px 12px
    }
    .new-form form .name input,.new-form form .phone input{
        padding-left:65px;
        font-size:24px;
        border:1px solid #b0b0b0;
        height:48px;
        width:100%;
        background-size:32px 32px;
        background-position:17px center
    }
    .new-form form button{
        font-size:30px;
        line-height:46px;
        border-radius:15px;
        margin:0 auto;
        background-color:#ef1376;
        width:360px;
        height:48px
    }
    .big-slider .swiper-slide .wrap{
        top:0;
        left:0;
        padding:45px 55px;
        width:100%;
        background:0 0
    }
    .big-slider .swiper-slide .wrap .title{
        font-size:59px
    }
    .big-slider .swiper-slide .sticker{
        top:110px;
        right:15px
    }
    .big-slider .swiper-slide .wrap .collection{
        font-size:33px;
        color:#000
    }
    .big-slider .swiper-slide .wrap .logo-wrap .flag,.big-slider .swiper-slide .wrap .title br{
        display:none
    }
    .slide-img{
        height:640px;
        object-position:center
    }
    .big-slider .swiper-slide .wrap.rudz .one,.big-slider .swiper-slide .wrap.rudz .three,.big-slider .swiper-slide .wrap.rudz .two{
        color:#4d4442
    }
    .big-slider .swiper-slide .wrap.rudz{
        padding:44px 0;
        top:0;
        left:0
    }
    .big-slider .swiper-slide .wrap.rudz .one{
        width:320px;
        font-size:48px;
        line-height:48px
    }
    .big-slider .swiper-slide .wrap.rudz .two{
        margin-bottom:8px;
        font-size:34px;
        line-height:38px
    }
    .big-slider .swiper-slide .sticker.rudz.dude b,.big-slider .swiper-slide .wrap.rudz .three{
        font-size:78px
    }
    .big-slider .swiper-slide .play-wrap .arrow{
        display:none
    }
    .big-slider .swiper-slide .wrap.rudz .four{
        position:absolute;
        width:200px;
        top:490px;
        right:30px;
        margin:0;
        font-size:18px;
        color:#fff
    }
    .big-slider .swiper-slide .author{
        padding-top:30px
    }
    .big-slider .swiper-slide .wrap ul li{
        font-weight:900;
        position:relative;
        font-size:26px;
        line-height:1.2;
        margin-bottom:5px
    }
    .big-slider .swiper-slide .wrap ul li:before{
        width:12px;
        height:12px;
        margin-right:14px;
        position:absolute;
        top:10px;
        left:-22px
    }
    .big-slider .swiper-slide .wrap ul{
        display:inline-block;
        position:absolute;
        top:310px;
        right:0
    }
    .big-slider .swiper-slide .wrap ul.feature-list-ecoline{
        top:440px
    }
    .big-slider .swiper-slide .sticker{
        width:180px;
        height:180px;
        font-size:34px;
        line-height:1
    }
    .big-slider .swiper-slide .sticker img{
        width:45px
    }
    .big-slider .swiper-slide .sticker b{
        font-size:44px;
        line-height:1
    }
    .big-slider .swiper-slide .sticker.rudz{
        top:56px
    }
    .big-slider .swiper-slide .sticker.rudz p{
        font-size:20px
    }
    .big-slider .swiper-slide .sticker.rudz b{
        margin-bottom:5px;
        font-size:24px
    }
    .big-slider .swiper-slide .sticker.rudz br{
        display:block
    }
    .big-slider .swiper-slide .play-wrap{
        top:280px;
        right:120px
    }
    .big-slider .swiper-slide .play-wrap .play{
        width:160px
    }
    .big-slider .swiper-slide .play-wrap .text{
        top:120px;
        right:auto;
        left:50px;
        font-size:22px
    }
    .big-slider .swiper-slide .wrap.montage .title{
        color:#1b2a4b;
        line-height:1
    }
    .big-slider .swiper-slide .wrap{
        padding-left:0
    }
    .big-slider .swiper-slide .wrap.montage{
        padding:45px 0 0
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap{
        display:flex;
        flex-flow:column wrap;
        align-items:flex-start
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap img{
        height:auto
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap img:first-child{
        order:2;
        flex:0 0 auto;
        height:auto
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap img:nth-child(2){
        order:1;
        flex:0 0 auto;
        margin-bottom:15px
    }
    .big-slider .swiper-slide .sticker.montage{
        top:80px
    }
    .big-slider .swiper-slide .sticker.montage p{
        font-size:18px;
        line-height:24px
    }
    .big-slider .swiper-slide .sticker.montage b{
        font-size:30px;
        line-height:36px
    }
    .big-slider .swiper-slide .wrap.montage ul{
        width:240px
    }
    .big-slider .swiper-slide .wrap.montage .text{
        position:absolute;
        top:455px;
        right:0;
        left:auto;
        padding:0;
        font-size:28px;
        width:240px;
        line-height:1.2
    }
    .big-slider .swiper-slide .wrap.rudz.dude .one,.big-slider .swiper-slide .wrap.rudz.dude .three,.big-slider .swiper-slide .wrap.rudz.dude .two{
        color:#fff
    }
    .big-slider .swiper-slide .sticker.rudz.dude{
        background-color:#ff0073;
        top:40px
    }
    .big-slider .swiper-slide .sticker.rudz.dude p{
        font-size:24px
    }
    .big-slider .swiper-slide .author{
        color:#fff;
        font-size:18px;
        left:auto;
        width:200px;
        top:440px;
        right:30px
    }
    .big-slider .swiper-slide .play-wrap.dude .play{
        width:160px
    }
    .swiper-pagination-bullet{
        margin:0 18px;
        width:22px;
        height:22px
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0 18px
    }
    .big-slider .swiper-pagination{
        bottom:15px;
        text-align:right;
        padding-right:40px
    }
    .big-slider .swiper-slide .play-wrap.dude .arrow,.big-slider-night-next,.big-slider-night-prev{
        display:none
    }
    .new-form-wrap{
        background-color:#fff
    }
    .new-form-wrap .title{
        font-size:29px;
        color:#292929;
        font-weight:300;
        text-align:center
    }
    .new-form{
        padding-left:0
    }
    .new-form form{
        text-align:center
    }
    .new-form-wrap-night .title{
        font-weight:900;
        color:#fff
    }
    .new-form-wrap-night .title span{
        color:#ffe400
    }
    .new-form-wrap-night form button{
        font-weight:700;
        color:#000;
        background:#ffe400;
        border-radius:0
    }
}
@media screen and (max-width:767px){
    .big-slider .swiper-slide .wrap .title{
        font-size:26px;
        margin-bottom:5px;
        line-height:1
    }
    .big-slider .swiper-slide .wrap{
        left:0;
        padding:20px
    }
    .big-slider .swiper-slide .wrap .collection{
        margin-bottom:8px;
        font-size:14px
    }
    .big-slider .swiper-slide .wrap .logo-wrap{
        width:112px
    }
    .big-slider .swiper-slide .sticker{
        top:55px;
        right:15px;
        width:100px;
        height:100px;
        font-size:15px
    }
    .big-slider .swiper-slide .sticker img{
        width:20px
    }
    .big-slider .swiper-slide .sticker b{
        font-size:22px
    }
    .slide-img{
        height:370px
    }
    .big-slider .swiper-slide .wrap.rudz{
        padding:10px 20px
    }
    .big-slider .swiper-slide .wrap.rudz .one{
        font-size:26px;
        line-height:1.1
    }
    .big-slider .swiper-slide .wrap.rudz .three{
        font-size:37px
    }
    .big-slider .swiper-slide .sticker.rudz b,.big-slider .swiper-slide .sticker.rudz.dude p{
        font-size:13px
    }
    .big-slider .swiper-slide .sticker.rudz p{
        font-size:11px
    }
    .big-slider .swiper-slide .wrap.rudz .four{
        top:290px;
        width:92px;
        font-size:9px;
        line-height:11px;
        right:-2px;
        text-shadow:0 0 6px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.95)
    }
    .big-slider .swiper-slide .wrap.montage .title{
        width:290px
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap img:first-child{
        display:block;
        margin-bottom:15px
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap img{
        max-width:150px;
        margin:0!important
    }
    .big-slider .swiper-slide .sticker.montage p{
        font-size:10px;
        line-height:13px
    }
    .big-slider .swiper-slide .sticker.montage b{
        line-height:18px;
        font-size:14px
    }
    .big-slider .swiper-slide .play-wrap .text,.big-slider .swiper-slide .play-wrap.dude .text{
        display:block;
        right:auto
    }
    .new-form-wrap{
        padding:12px 0;
        background-color:#fff
    }
    .new-form-wrap .title{
        margin-bottom:10px;
        font-size:12px;
        font-weight:300;
        color:#292929
    }
    .new-form form .name input,.new-form form .phone input{
        border:1px solid #b0b0b0;
        width:100%;
        height:35px;
        background-size:16px 16px;
        background-position:9px center;
        padding-left:36px;
        font-size:10px
    }
    .new-form form .name,.new-form form .phone{
        margin-right:0;
        margin-bottom:8px;
        width:100%
    }
    .new-form form button{
        margin:0 auto;
        display:block;
        width:240px;
        border-radius:15px;
        font-size:12px;
        background-image:-moz-linear-gradient(-16deg,#e50469 0,#ef1476 100%);
        background-image:-webkit-linear-gradient(-16deg,#e50469 0,#ef1476 100%);
        background-image:-ms-linear-gradient(-16deg,#e50469 0%,#ef1476 100%)
    }
    .new-form-wrap-night .title{
        font-weight:900;
        color:#fff
    }
    .new-form-wrap-night .title span{
        color:#ffe400
    }
    .new-form-wrap-night form button{
        font-weight:700;
        color:#000;
        background:#ffe400;
        border-radius:0
    }
    .big-slider .swiper-slide .wrap ul{
        top:180px;
        right:5px
    }
    .big-slider .swiper-slide .wrap ul.feature-list-ecoline{
        top:270px
    }
    .big-slider .swiper-slide .wrap ul li:before{
        width:5px;
        height:5px;
        margin-right:6px;
        margin-bottom:4px;
        top:6px;
        left:-12px
    }
    .big-slider .swiper-slide .wrap.rudz .one{
        width:160px;
        padding-top:10px;
        margin-bottom:10px
    }
    .big-slider .swiper-slide .wrap.rudz .two{
        font-size:18px;
        width:110px;
        line-height:1;
        margin-bottom:10px
    }
    .big-slider .swiper-slide .sticker.rudz{
        top:27px
    }
    .big-slider .swiper-slide .play-wrap .arrow{
        display:none
    }
    .big-slider .swiper-slide .play-wrap{
        top:180px;
        right:20px;
        left:auto
    }
    .big-slider .swiper-slide .play-wrap .play{
        width:100px
    }
    .big-slider .swiper-slide .play-wrap .text{
        font-size:10px;
        top:80px;
        left:30px
    }
    .big-slider .swiper-slide .wrap.montage{
        padding:20px 0 0 15px
    }
    .big-slider .swiper-slide .wrap.montage .title,.big-slider .swiper-slide .wrap.montage .title span{
        font-size:25px
    }
    .big-slider .swiper-slide .wrap.montage .logos-wrap img:nth-child(2){
        width:91px
    }
    .big-slider .swiper-slide .wrap ul li{
        font-size:13px;
        line-height:18px;
        margin-bottom:0
    }
    .big-slider .swiper-slide .wrap.montage ul{
        top:160px;
        width:125px
    }
    .big-slider .swiper-slide .wrap.montage .text{
        font-size:15px;
        line-height:18px;
        top:250px;
        left:auto;
        right:5px;
        width:125px
    }
    .big-slider .swiper-slide .sticker.montage{
        top:40px
    }
    .big-slider .swiper-slide .sticker.rudz.dude b{
        font-size:42px
    }
    .big-slider .swiper-slide .play-wrap.dude .play{
        width:100px
    }
    .big-slider .swiper-slide .play-wrap.dude .text{
        top:80px;
        left:37px
    }
    .big-slider .swiper-slide .play-wrap.dude{
        top:170px;
        right:58px;
        left:auto
    }
    .big-slider .swiper-slide .sticker.rudz.dude{
        top:20px
    }
    .big-slider .swiper-slide .author{
        top:260px;
        left:auto;
        right:30px;
        font-size:8px;
        line-height:11px;
        width:91px
    }
    .swiper-pagination-bullet{
        margin:0 7px;
        width:10px;
        height:10px
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0 7px
    }
    .big-slider .swiper-pagination{
        bottom:7px;
        text-align:right;
        padding-right:17px
    }
    .new-form form button{
        height:38px;
        line-height:36px
    }
}
.big-slider-free-lights-slide-bg img{
    object-position:bottom
}
.big-slider-spring-action-bubble .bubble-line-two{
    font-weight:700;
    font-size:146px;
    line-height:1;
    letter-spacing:-10px
}
.big-slider-spring-action-bubble .bubble-line-two span{
    display:inline-block;
    font-size:70px;
    line-height:1.2;
    vertical-align:top
}
.big-slider-spring-action-bubble .bubble-line-three{
    font-weight:300;
    font-size:31px;
    line-height:1;
    text-transform:uppercase
}
.big-slider-free-lights-container{
    height:100%
}
.index-slider-h1>span:nth-child(1){
    display:block;
    font-size:86px
}
.index-slider-h1>span:nth-child(2){
    display:block;
    font-size:101px
}
.index-slider-h1>span:nth-child(3){
    display:block;
    font-weight:300;
    font-size:42px;
    line-height:1.1
}
.index-slider-h1>span:nth-child(3)>span{
    text-transform:initial
}
.big-slider-free-lights-content-heading .heading-line-one{
    font-size:86px
}
.big-slider-free-lights-content-heading .heading-line-two{
    font-size:101px
}
.big-slider-free-lights-content-action .action-line-one{
    font-weight:900;
    font-size:43px;
    color:#0d346b
}
.big-slider-free-lights-content-action .action-line-two{
    font-size:23px;
    color:#0d346b
}
.big-slider-free-lights-content-action .action-line-three{
    font-weight:900;
    font-size:44px;
    color:#ff0073
}
@media (max-width:1575px){
    .big-slider-free-lights-slide-bg,.big-slider-free-lights-slide-bg img{
        object-position:top
    }
    .big-slider-spring-action-bubble .bubble-line-two span{
        display:inline-block;
        font-size:48px;
        line-height:1.2;
        vertical-align:top
    }
    .index-slider-h1>span:nth-child(1){
        font-size:62px
    }
    .index-slider-h1>span:nth-child(2){
        font-size:72px
    }
    .index-slider-h1>span:nth-child(3){
        font-size:28px;
        line-height:1
    }
    .big-slider-free-lights-content-heading .heading-line-one{
        font-size:62px
    }
    .big-slider-free-lights-content-heading .heading-line-two{
        font-size:73px
    }
    .big-slider-free-lights-content-action .action-line-one{
        font-size:28px
    }
    .big-slider-free-lights-content-action .action-line-two{
        font-size:15px
    }
    .big-slider-free-lights-content-action .action-line-three{
        font-size:28px
    }
}
@media (max-width:991px){
    .big-slider-spring-action-bubble .bubble-line-two span{
        font-size:38px
    }
    .index-slider-h1>span:nth-child(1){
        font-size:72px
    }
    .index-slider-h1>span:nth-child(2){
        font-size:84px
    }
    .index-slider-h1>span:nth-child(3){
        font-size:32px
    }
    .big-slider-free-lights-content-heading .heading-line-one{
        font-size:69px
    }
    .big-slider-free-lights-content-heading .heading-line-two{
        font-size:81px
    }
    .big-slider-free-lights-content-action .action-line-one{
        font-size:32px
    }
    .big-slider-free-lights-content-action .action-line-two{
        font-size:17px
    }
    .big-slider-free-lights-content-action .action-line-three{
        font-size:32px
    }
}
@media (max-width:767px){
    .big-slider-spring-action-bubble .bubble-line-two span{
        font-size:28px
    }
    .index-slider-h1>span:nth-child(1){
        font-size:29px
    }
    .index-slider-h1>span:nth-child(2){
        font-size:34px
    }
    .index-slider-h1>span:nth-child(3){
        font-size:13px
    }
    .big-slider-free-lights-content-heading .heading-line-one{
        font-size:29px
    }
    .big-slider-free-lights-content-heading .heading-line-two{
        font-size:34px
    }
    .big-slider-free-lights-content-action .action-line-one{
        font-size:23px
    }
    .big-slider-free-lights-content-action .action-line-two{
        font-size:12px
    }
    .big-slider-free-lights-content-action .action-line-three{
        font-size:21px
    }
}
.keep-price-slide-bg,.keep-price-slide-bg img{
    object-position:center
}
.keep-price-slide-h1{
    margin:80px 0 0 240px;
    color:#393f46
}
.keep-price-slide-h1>span:nth-child(1),.keep-price-slide-h1>span:nth-child(2){
    font-weight:900;
    font-size:64px;
    line-height:1;
    text-transform:uppercase
}
.keep-price-slide-h1>span:nth-child(2){
    margin:0 0 0 8px
}
.keep-price-slide-h1>span:nth-child(3){
    display:block;
    margin:5px 0 0;
    font-weight:400;
    font-size:28px;
    line-height:1.4
}
.keep-price-slide-h1>span:nth-child(3) br{
    display:none
}
.keep-price-slide-h1>span:nth-child(3) b{
    font-weight:900
}
.keep-price-slide-image{
    position:absolute;
    z-index:2;
    bottom:0;
    left:20px;
    width:352px
}
.keep-price-slide-image img{
    display:block;
    width:100%
}
.keep-price-slide-action{
    position:absolute;
    z-index:1;
    bottom:180px;
    left:380px;
    width:259px;
    height:259px;
    background:center/contain url('https://luxsteli.com.ua/images/index-slider/keep-price-action.png') no-repeat
}
.keep-price-slide-action-top{
    margin:15px 55px 0 0;
    font-weight:300;
    font-size:21px;
    line-height:1;
    color:#fff;
    text-align:right
}
.keep-price-slide-action-middle .middle-line-one{
    font-size:20px;
    line-height:1
}
.keep-price-slide-action-middle .middle-line-two{
    margin:10px 0 0;
    font-size:115px;
    line-height:.6;
    letter-spacing:-6px
}
.keep-price-slide-action-middle .middle-line-two span{
    display:inline-block;
    vertical-align:top;
    font-size:55px;
    line-height:.4
}
.keep-price-slide-action-middle .middle-line-three{
    margin:0 0 0 50px;
    font-size:45px;
    line-height:.8
}
.free-lights-slide-action{
    background-image:url('https://luxsteli.com.ua/images/index-slider/free-lights-action.png')
}
.free-lights-slide-action-middle{
    margin:12px 0 0 22px;
    font-weight:700;
    color:#09469d
}
.free-lights-slide-action-middle .middle-price-value{
    display:inline-block;
    vertical-align:top;
    font-size:110px;
    line-height:1;
    letter-spacing:-5px
}
.free-lights-slide-action-middle .middle-price-markings{
    display:inline-block;
    vertical-align:top;
    margin:0 0 0 3px;
    font-size:38px;
    line-height:1.3
}
.free-lights-slide-action-middle .middle-price-markings-rubl{
    width:28px;
    border-bottom:2px solid
}
.free-lights-slide-action-bottom{
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    margin:15px 0 0 30px;
    line-height:.8
}
.free-lights-slide-action-bottom .bottom-plus{
    padding:0 3px 0 0;
    font-weight:400;
    font-size:38px
}
.free-lights-slide-action-bottom .bottom-text-line-one{
    font-weight:900;
    font-size:28px;
    text-transform:uppercase
}
.free-lights-slide-action-bottom .bottom-text-line-two{
    font-weight:700;
    font-size:28px
}
@media (min-width:1200px){
    .keep-price-slide-container{
        max-width:1140px
    }
}
@media (max-width:1575px){
    .keep-price-slide-h1{
        margin:35px 0 0 240px
    }
    .keep-price-slide-h1>span:nth-child(1),.keep-price-slide-h1>span:nth-child(2){
        font-size:45px
    }
    .keep-price-slide-h1>span:nth-child(2){
        margin:0 0 0 6px
    }
    .keep-price-slide-h1>span:nth-child(3){
        margin:5px 0 0;
        font-size:19px
    }
    .keep-price-slide-image{
        bottom:-45px;
        left:50px;
        width:330px
    }
    .keep-price-slide-action{
        bottom:30px;
        left:420px
    }
}
@media (max-width:1199px){
    .keep-price-slide-h1{
        margin:35px 0 0 200px
    }
    .keep-price-slide-image{
        bottom:-25px;
        left:20px
    }
    .keep-price-slide-action{
        bottom:70px;
        left:360px
    }
}
@media (max-width:991px){
    .keep-price-slide-h1{
        margin:85px 0 0
    }
    .keep-price-slide-image{
        bottom:0;
        left:0
    }
    .keep-price-slide-action{
        bottom:130px;
        left:320px
    }
}
@media (max-width:767px){
    .keep-price-slide-h1{
        margin:55px 0 0
    }
    .keep-price-slide-h1>span:nth-child(1),.keep-price-slide-h1>span:nth-child(2){
        font-size:28px
    }
    .keep-price-slide-h1>span:nth-child(2){
        margin:0 0 0 2px
    }
    .keep-price-slide-h1>span:nth-child(3){
        margin:0;
        font-size:18px;
        line-height:1.1
    }
    .keep-price-slide-h1>span:nth-child(3) br{
        display:block
    }
    .keep-price-slide-image{
        bottom:-25px;
        left:-10px;
        width:190px
    }
    .keep-price-slide-action{
        bottom:20px;
        left:130px;
        width:210px;
        height:210px
    }
    .keep-price-slide-action-top{
        margin:10px 35px 0 0;
        font-size:18px
    }
    .keep-price-slide-action-middle .middle-line-one{
        font-size:15px;
        line-height:1
    }
    .keep-price-slide-action-middle .middle-line-two{
        font-size:92px
    }
    .keep-price-slide-action-middle .middle-line-two span{
        font-size:48px
    }
    .keep-price-slide-action-middle .middle-line-three{
        margin:0 0 0 38px;
        font-size:34px;
        line-height:1
    }
    .free-lights-slide-action-middle{
        margin:8px 0 0 14px
    }
    .free-lights-slide-action-middle .middle-price-value{
        font-size:90px;
        letter-spacing:-3px
    }
    .free-lights-slide-action-middle .middle-price-markings{
        margin:0 0 0 1px;
        font-size:32px
    }
    .free-lights-slide-action-middle .middle-price-markings-rubl{
        width:24px
    }
    .free-lights-slide-action-bottom{
        margin:15px 0 0 24px
    }
    .free-lights-slide-action-bottom .bottom-plus{
        font-size:28px
    }
    .free-lights-slide-action-bottom .bottom-text-line-one,.free-lights-slide-action-bottom .bottom-text-line-two{
        font-size:20px
    }
}
.big-slider-night-slide-overlay{
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#030015;
    opacity:.7
}
.big-slider-night-slide-container{
    z-index:3
}
.big-slider-night-slide-person{
    position:absolute;
    z-index:4;
    bottom:-140px;
    left:50%;
    width:480px;
    margin:0 0 0 -240px
}
.big-slider-night-slide-heading{
    padding:150px 0 0;
    color:#fff;
    text-transform:uppercase
}
.big-slider-night-slide-heading .index-slider-h1>span:nth-child(1),.big-slider-night-slide-heading .index-slider-h1>span:nth-child(2){
    font-weight:500;
    font-size:64px;
    line-height:1
}
.big-slider-night-slide-heading .index-slider-h1>span:nth-child(3){
    max-width:400px;
    font-weight:400;
    font-size:28px;
    line-height:1.4
}
.big-slider-night-slide-discount{
    position:absolute;
    z-index:2;
    top:-100px;
    left:50%;
    width:392px;
    height:392px;
    margin:0 0 0 -200px;
    padding:120px 0 0;
    font-weight:500;
    text-align:center;
    background:center/cover url('https://luxsteli.com.ua/images/new/moon.png') no-repeat;
    border-radius:50%;
    box-shadow:0 0 120px -10px rgba(255,255,255,.95)
}
.big-slider-night-slide-discount .discount-line-one{
    font-size:56px;
    line-height:1;
    color:#000;
    text-transform:uppercase
}
.big-slider-night-slide-discount .discount-line-two{
    margin:10px 0 0;
    font-size:78px;
    line-height:1;
    color:#ff1981;
    letter-spacing:-2px
}
.big-slider-night-chandelier-action,.big-slider-night-slide-gift{
    position:absolute;
    left:50%;
    color:#fff;
    text-transform:uppercase;
    border-radius:50%
}
.big-slider-night-slide-gift{
    top:180px;
    width:220px;
    height:220px;
    padding:55px 0 0 35px;
    margin:0 0 0 -320px;
    font-weight:500;
    background:#ff1981
}
.big-slider-night-slide-gift .gift-line-one{
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    font-size:22px;
    line-height:1.2
}
.big-slider-night-slide-gift .gift-line-one-plus{
    flex:0 0 auto;
    margin:0 22px 0 0;
    font-weight:300;
    font-size:62px;
    line-height:1.1
}
.big-slider-night-slide-gift .gift-line-two{
    font-size:28px;
    line-height:1.2
}
.big-slider-night-chandelier-action{
    bottom:0;
    width:388px;
    height:388px;
    padding:95px 0 0;
    margin:0 0 80px 190px;
    font-weight:700;
    line-height:1.1;
    text-align:center;
    text-shadow:-3px 4px 9px rgba(0,0,0,.13);
    background:rgba(117,108,98,.8)
}
.big-slider-night-chandelier-action::before{
    content:'';
    position:absolute;
    right:50%;
    bottom:100%;
    display:block;
    width:189px;
    height:74px;
    margin:0 0 10px;
    background:center/contain url('https://luxsteli.com.ua/images/night-slide/night-slide-person-arrow-desktop.png') no-repeat
}
.big-slider-night-chandelier-action .action-line-one{
    font-size:46px
}
.big-slider-night-chandelier-action .action-line-two{
    font-size:66px
}
.big-slider-night-chandelier-action .action-line-three{
    font-size:36px
}
.big-slider-night-chandelier-person{
    position:absolute;
    bottom:0;
    left:50%;
    width:573px;
    height:343px;
    margin:0 0 0 -300px;
    background:center bottom/contain url('https://luxsteli.com.ua/images/night-slide/night-slide-person-desktop.png') no-repeat
}
.big-slider-night-chandelier-helper{
    position:absolute;
    right:0;
    bottom:0;
    margin:0 80px 10px 0;
    font-size:26px;
    line-height:1.2;
    color:#fff
}
.night-widget-content{
    position:fixed;
    z-index:1050;
    top:50%;
    right:15px;
    margin:-41px 0 0;
    transition:all .5s ease
}
.night-widget-content.without-form{
    display:none;
    transition:none
}
.night-widget-content *{
    box-sizing:border-box
}
.night-widget-trigger{
    position:relative;
    display:block;
    width:82px;
    height:82px;
    background:center/contain url('https://luxsteli.com.ua/images/night-slide/moon.png') no-repeat
}
.night-widget-trigger-text{
    padding:27px 0 0;
    font-weight:700;
    font-size:12px;
    line-height:15px;
    color:#fefe00;
    text-align:center;
    text-transform:uppercase
}
.night-widget-trigger-text:hover{
    text-decoration:none
}
@media (max-width:1575px){
    .big-slider-night-slide-person{
        bottom:-140px;
        left:50%;
        width:320px;
        margin:0 0 0 -170px
    }
    .big-slider-night-slide-heading{
        padding:85px 0 0
    }
    .big-slider-night-slide-heading .index-slider-h1>span:nth-child(1),.big-slider-night-slide-heading .index-slider-h1>span:nth-child(2){
        font-size:46px
    }
    .big-slider-night-slide-heading .index-slider-h1>span:nth-child(3){
        max-width:280px;
        font-size:20px
    }
    .big-slider-night-slide-discount{
        top:-50px;
        left:50%;
        width:240px;
        height:240px;
        margin:0 0 0 -140px;
        padding:65px 0 0;
        box-shadow:0 0 80px -10px rgba(255,255,255,.95)
    }
    .big-slider-night-slide-discount .discount-line-one{
        font-size:38px
    }
    .big-slider-night-slide-discount .discount-line-two{
        margin:5px 0 0;
        font-size:52px
    }
    .big-slider-night-slide-gift{
        top:90px;
        left:50%;
        width:160px;
        height:160px;
        padding:30px 0 0 20px;
        margin:0 0 0 -250px
    }
    .big-slider-night-slide-gift .gift-line-one{
        font-size:18px
    }
    .big-slider-night-slide-gift .gift-line-one-plus{
        margin:0 8px 0 0;
        font-size:52px
    }
    .big-slider-night-slide-gift .gift-line-two{
        font-size:22px;
        line-height:1
    }
    .big-slider-night-slide-discount.sms-offer,.big-slider-night-slide-gift.sms-offer{
        padding:60px 0 0 40px;
        font-size:16px;
        line-height:1;
        text-align:left
    }
    .big-slider-night-slide-discount.sms-offer .strong-one{
        font-weight:600
    }
    .big-slider-night-slide-discount.sms-offer .strong-two{
        font-weight:600;
        font-size:38px
    }
    .big-slider-night-slide-discount.sms-offer .sms-offer-bottom{
        padding:0 0 0 80px
    }
    .big-slider-night-slide-gift.sms-offer{
        padding:35px 0 0 25px;
        text-transform:none
    }
    .big-slider-night-slide-gift.sms-offer .strong-one{
        display:block;
        margin:10px 0 0;
        font-weight:600;
        font-size:38px
    }
    .big-slider-night-chandelier-action{
        width:250px;
        height:250px;
        padding:45px 0 0;
        margin:0 0 35px 180px;
        text-shadow:-2px 3px 6px rgba(0,0,0,.13)
    }
    .big-slider-night-chandelier-action::before{
        width:136px;
        height:53px;
        margin:0 30px 3px 0;
        background:center/contain url('https://luxsteli.com.ua/images/night-slide/night-slide-person-arrow-desktop.png') no-repeat
    }
    .big-slider-night-chandelier-action .action-line-one{
        font-size:28px
    }
    .big-slider-night-chandelier-action .action-line-two{
        font-size:46px
    }
    .big-slider-night-chandelier-action .action-line-three{
        font-size:26px
    }
    .big-slider-night-chandelier-person{
        width:320px;
        height:192px;
        margin:0 0 0 -180px
    }
    .big-slider-night-chandelier-helper{
        margin:0 80px 8px 0;
        font-size:16px
    }
}
@media (max-width:1200px){
    .big-slider-night-slide-person{
        bottom:-100px;
        margin:0 0 0 -80px
    }
    .big-slider-night-slide-discount{
        margin:0 0 0 -40px
    }
    .big-slider-night-slide-gift{
        top:90px;
        margin:0 0 0 -150px
    }
    .big-slider-night-chandelier-person{
        width:368px;
        height:222px
    }
    .big-slider-night-chandelier-helper{
        margin:0 0 8px
    }
}
@media (max-width:991px){
    .big-slider-night-slide-person{
        bottom:-100px;
        left:230px;
        margin:0
    }
    .big-slider-night-slide-heading{
        padding:50px 0 0
    }
    .big-slider-night-slide-heading .index-slider-h1>span:nth-child(1){
        font-size:54px;
        line-height:.9
    }
    .big-slider-night-slide-heading .index-slider-h1>span:nth-child(2){
        font-size:62px;
        line-height:.9
    }
    .big-slider-night-slide-heading .index-slider-h1>span:nth-child(3){
        margin:8px 0 0;
        font-weight:300;
        font-size:24px;
        line-height:1.1
    }
    .big-slider-night-slide-discount{
        top:170px;
        left:260px;
        margin:0;
        padding:50px 0 0
    }
    .big-slider-night-slide-gift{
        top:330px;
        left:150px;
        margin:0
    }
    .big-slider-night-chandelier-action{
        margin:0 0 120px 120px
    }
    .big-slider-night-chandelier-action::before{
        width:114px;
        height:44px;
        margin:0 0 3px
    }
    .big-slider-night-chandelier-helper{
        margin:0 0 60px
    }
    .big-slider-night-chandelier-person{
        width:420px;
        height:254px;
        margin:0 0 0 -250px
    }
}
@media (max-width:767px){
    .big-slider-night-slide-heading{
        padding:10px 0 0
    }
    .big-slider-night-slide-heading .index-slider-h1>span:nth-child(1){
        font-size:28px
    }
    .big-slider-night-slide-heading .index-slider-h1>span:nth-child(2){
        font-size:32px
    }
    .big-slider-night-slide-heading .index-slider-h1>span:nth-child(3){
        max-width:160px;
        margin:0;
        font-size:13px
    }
    .big-slider-night-slide-person{
        bottom:-50px;
        left:125px;
        width:180px;
        margin:0
    }
    .big-slider-night-slide-discount{
        top:65px;
        left:130px;
        margin:0;
        padding:35px 0 0;
        width:170px;
        height:170px
    }
    .big-slider-night-slide-discount .discount-line-one{
        font-size:28px
    }
    .big-slider-night-slide-discount .discount-line-two{
        margin:5px 0 0;
        font-size:38px
    }
    .big-slider-night-slide-gift{
        top:175px;
        left:50px;
        margin:0;
        width:120px;
        height:120px;
        padding:20px 0 0 15px
    }
    .big-slider-night-slide-gift .gift-line-one{
        font-size:12px
    }
    .big-slider-night-slide-gift .gift-line-one-plus{
        margin:0 4px 0 0;
        font-size:42px
    }
    .big-slider-night-slide-gift .gift-line-two{
        font-size:16px
    }
    .big-slider-night-chandelier-action{
        width:140px;
        height:140px;
        padding:24px 0 0;
        margin:0 0 62px 22px
    }
    .big-slider-night-chandelier-action .action-line-one{
        font-size:14px
    }
    .big-slider-night-chandelier-action .action-line-two{
        font-size:28px
    }
    .big-slider-night-chandelier-action .action-line-three{
        font-size:16px
    }
    .big-slider-night-chandelier-action::before{
        display:none
    }
    .big-slider-night-chandelier-helper{
        z-index:2;
        margin:0 16px 28px 0;
        font-size:12px;
        line-height:1.1;
        max-width:115px
    }
    .big-slider-night-chandelier-person{
        width:250px;
        height:150px;
        margin:0 0 0 -160px;
        background-image:url('https://luxsteli.com.ua/images/night-slide/night-slide-person-mobile.png')
    }
}
.big-slider-night-slide-discount.sms-offer,.big-slider-night-slide-gift.sms-offer{
    padding:125px 0 0 80px;
    font-size:22px;
    line-height:1;
    text-align:left
}
.big-slider-night-slide-discount.sms-offer .strong-one{
    font-weight:600
}
.big-slider-night-slide-discount.sms-offer .strong-two{
    font-weight:600;
    font-size:54px
}
.big-slider-night-slide-discount.sms-offer .sms-offer-bottom{
    padding:0 0 0 120px
}
.big-slider-night-slide-gift.sms-offer{
    padding:55px 0 0 35px;
    text-transform:none
}
.big-slider-night-slide-gift.sms-offer .strong-one{
    display:block;
    margin:10px 0 0;
    font-weight:600;
    font-size:54px
}
@media (max-width:1575px){
    .big-slider-night-slide-discount.sms-offer{
        padding:60px 0 0 40px;
        font-size:16px
    }
    .big-slider-night-slide-discount.sms-offer .strong-two{
        font-size:38px
    }
    .big-slider-night-slide-discount.sms-offer .sms-offer-bottom{
        padding:0 0 0 80px
    }
    .big-slider-night-slide-gift.sms-offer{
        padding:35px 0 0 25px;
        font-size:16px
    }
    .big-slider-night-slide-gift.sms-offer .strong-one{
        font-size:38px
    }
}
@media (max-width:991px){
    .big-slider-night-slide-discount.sms-offer{
        padding:45px 0 0 40px
    }
}
@media (max-width:767px){
    .big-slider-night-slide-discount.sms-offer{
        padding:32px 0 0 25px;
        font-size:12px
    }
    .big-slider-night-slide-discount.sms-offer .strong-two{
        font-size:28px
    }
    .big-slider-night-slide-discount.sms-offer .sms-offer-bottom{
        padding:0 0 0 65px
    }
    .big-slider-night-slide-gift.sms-offer{
        padding:32px 0 0 20px;
        font-size:12px
    }
    .big-slider-night-slide-gift.sms-offer .strong-one{
        margin:6px 0 0;
        font-size:28px
    }
}
.index-second-slide{
    padding:75px 0 0 140px
}
.index-second-slide-heading{
    margin:0 0 120px;
    font-weight:800;
    font-size:70px;
    line-height:78px;
    color:#393f46;
    text-transform:uppercase
}
.index-second-slide-heading span{
    font-weight:400;
    color:#f3177d
}
.index-second-slide-row{
    display:flex;
    flex-flow:row wrap
}
.index-second-slide-reviews{
    margin:0 165px 0 0;
    width:315px;
    font-size:24px;
    line-height:36px;
    color:#393f46
}
.index-second-slide-author span,.index-second-slide-reviews span{
    font-weight:700
}
.index-second-slide-author{
    padding:6px 0 0;
    font-size:15px;
    line-height:16px;
    color:#393f46
}
.index-second-slide-link{
    width:100%;
    margin:25px 0 0
}
.index-second-slide-link .btn{
    width:315px;
    height:60px;
    font-weight:500;
    font-size:24px
}
@media (max-width:1575px){
    .index-second-slide{
        padding:30px 0 0 100px
    }
    .index-second-slide-heading{
        margin:0 0 70px;
        font-size:42px;
        line-height:48px
    }
    .index-second-slide-reviews{
        margin:0 110px 0 0;
        width:230px;
        font-size:18px;
        line-height:28px
    }
    .index-second-slide-author{
        font-size:13px;
        line-height:14px
    }
    .index-second-slide-link{
        margin:18px 0 0
    }
    .index-second-slide-link .btn{
        width:230px;
        height:42px;
        font-size:18px
    }
}
@media (max-width:1199px){
    .index-second-slide{
        padding:45px 0 0 50px
    }
    .index-second-slide-heading{
        margin:0 0 90px
    }
    .index-second-slide-reviews{
        margin:0 65px 0 0
    }
}
@media (max-width:991px){
    .index-second-slide{
        padding:55px 15px 0
    }
    .index-second-slide-heading{
        font-size:64px;
        line-height:70px
    }
    .index-second-slide-row{
        flex-flow:column nowrap;
        width:312px
    }
    .index-second-slide-reviews{
        margin:20px 0 0;
        font-size:24px;
        line-height:32px;
        width:260px
    }
    .index-second-slide-author{
        order:-1;
        align-self:end;
        font-size:15px;
        line-height:16px
    }
    .index-second-slide-link .btn{
        width:100%;
        height:54px;
        font-size:24px;
        border-radius:8px
    }
}
@media (max-width:767px){
    .index-second-slide{
        padding:20px 15px 0
    }
    .index-second-slide-heading{
        margin:0 0 30px;
        font-size:28px;
        line-height:32px
    }
    .index-second-slide-row{
        width:50%
    }
    .index-second-slide-reviews{
        margin:25px 0 0;
        font-size:16px;
        line-height:18px;
        width:130px
    }
    .index-second-slide-reviews span{
        font-size:20px
    }
    .index-second-slide-author{
        font-size:12px;
        line-height:13px
    }
    .index-second-slide-link{
        margin:24px 0 0
    }
    .index-second-slide-link .btn{
        max-width:180px;
        height:42px;
        font-size:20px
    }
}
.calculator-new-wrapper{
    max-width:1010px;
    margin:50px auto 20px
}
.calculator-new{
    position:relative;
    background:#fff;
    padding:22px 60px 38px;
    margin:auto auto 50px;
    border:1px solid #e5e8ed;
    box-shadow:0 30px 31px -40px #9e9e9e;
    z-index:1;
    box-sizing:border-box
}
.calculator-new__title{
    display:block;
    margin:0 0 7px;
    font-weight:600;
    text-align:center;
    font-size:27px;
    line-height:1.2
}
.calculator-new__description{
    display:block;
    font-size:18px;
    line-height:1.2;
    margin:0 0 36px;
    text-align:center
}
.calculator-new-radiobutton{
    text-align:center
}
.calculator-new-radiobutton__lable{
    display:inline-block;
    text-transform:uppercase;
    vertical-align:middle;
    font-size:12px;
    border-bottom:1px dashed;
    color:#757575;
    font-weight:400;
    cursor:pointer
}
.calculator-new-radiobutton__lable_active{
    border-bottom:none;
    color:#000;
    font-weight:700
}
.calculator-new-radiobutton__type{
    background:url('https://luxsteli.com.ua/images/calc_new/radiobutton_bg.png');
    width:74px;
    height:52px;
    display:inline-block;
    vertical-align:middle;
    margin:0 5px
}
.calculator-new-radiobutton__input{
    display:none
}
.calculator-new-radiobutton__button{
    background:url('https://luxsteli.com.ua/images/calc_new/radiobutton_button.png') no-repeat;
    width:100%;
    cursor:pointer;
    height:100%;
    transition:.3s
}
.calculator-new-radiobutton__button_room{
    background-position:8px 14px
}
.calculator-new-radiobutton__button_flat{
    background-position:31px 14px
}
.calculator-new__bottom{
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    margin:10px 0 20px
}
.calculator-new-col-one{
    display:flex;
    width:30%;
    flex-flow:row nowrap;
    align-items:center
}
.calculator-new__title_area{
    width:100px;
    margin:0 25px 0 0;
    text-transform:uppercase;
    font-weight:700;
    font-size:12px;
    line-height:17px;
    letter-spacing:.5px
}
.calculator-new__area{
    display:inline-block;
    width:70px;
    height:49px;
    padding:10px 0;
    font-size:24px;
    text-align:center;
    margin:0;
    border:1px solid #e3e3e3;
    background:#f7f7f7;
    box-shadow:inset 0 7px 6px -7px #a9a9a9;
    border-radius:2px
}
.calculator-new-col-two{
    display:flex;
    justify-content:center;
    width:40%
}
.calculator-new-slider{
    margin:0 auto
}
.calculator-new-slider__number{
    display:inline-block;
    width:20px;
    font-size:16px;
    margin:0 12px 0 0;
    vertical-align:middle
}
.calculator-new-slider__number:last-child{
    margin:0 0 0 12px
}
.calculator-new-slider__wrapper{
    display:inline-block;
    padding:0 10px;
    background:#e5e5e5;
    width:204px;
    vertical-align:middle;
    height:9px;
    border-radius:8px
}
.calculator-new-slider__slider{
    position:relative
}
.calculator-new-slider__slider *{
    box-sizing:content-box
}
.calculator-new-slider__wrapper+span+.calculator-new-slider__help{
    right:-18px;
    top:-68px
}
.calculator-new-slider__helptext{
    display:none;
    position:absolute;
    width:281px;
    color:#000;
    font-size:10px;
    line-height:16px;
    padding:0 10px 6px 22px;
    background:#fff;
    top:25px;
    border:1px solid #e5e8ed;
    left:-9px;
    box-sizing:border-box;
    z-index:1;
    box-shadow:0 0 20px #9a9a9a
}
.calculator-new-slider__helptext p{
    margin-bottom:12px
}
.calculator-new-col-three{
    width:30%;
    text-align:center
}
.calculator-new__title_price{
    position:relative;
    margin:0 0 20px;
    font-size:11px;
    color:#9e9e9e;
    text-align:center;
    text-transform:uppercase
}
.calculator-new__title_price:after{
    content:' ';
    display:block;
    width:64px;
    height:1px;
    background:#cbcbcd;
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-32px
}
.calculator-new__more,.calculator-new__price{
    font-weight:700;
    font-size:18px;
    text-align:center
}
.calculator-new__price b{
    letter-spacing:.5px
}
.calculator-new__more{
    display:block;
    width:220px;
    margin:0 auto;
    padding:18px 0;
    font-size:11px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    background:#e50469;
    border:1px solid #e0194b;
    border-radius:30px;
    cursor:pointer;
    transition:.3s
}
.calculator-new__more:hover{
    background:#fff;
    color:#e50469;
    clear:both
}
.calculator-new-slider__help{
    display:inline-block;
    position:relative;
    padding:2px 6px;
    font-size:13px;
    transition:.3s;
    cursor:pointer
}
.calculator-new-slider__ico{
    background:#e0194b;
    font-size:14px;
    border-radius:50%;
    color:#fff;
    display:inline-block;
    width:19px;
    height:19px;
    text-align:center;
    line-height:14px;
    margin-right:5px;
    padding-top:3px;
    box-sizing:border-box
}
.calculator-new-slider__text{
    color:#afafb5;
    font-weight:300;
    letter-spacing:-.3px
}
.calculator-new-slider__helptext span{
    font-weight:400
}
.calculator-new-slider__help:hover .calculator-new-slider__helptext{
    display:block
}
.calculator-new-slider__help:hover .calculator-new-slider__text{
    color:#e0194b
}
.calculator-new .calculator-new-slider__helptext p{
    text-align:left;
    margin-top:14px
}
.calculator-new-slider__helptext a{
    color:#e50469
}
.calculator-new-slider__helptext::before{
    content:"";
    display:block;
    width:0;
    height:0;
    border:5px solid transparent;
    border-bottom:5px solid #fff;
    position:absolute;
    top:-10px;
    left:19px
}
.calculator-new-rangeslider-wrapper{
    display:inline-block;
    padding:0 10px;
    width:204px;
    vertical-align:middle
}
.calculator-new-rangeslider-wrapper input[type=range]{
    visibility:hidden
}
.calculator-new-rangeslider-wrapper .rangeslider--horizontal{
    height:8px;
    border:0
}
.calculator-new-rangeslider-wrapper .rangeslider--horizontal .rangeslider__fill{
    top:0;
    height:8px
}
.calculator-new-rangeslider-wrapper .rangeslider--horizontal .rangeslider__handle{
    top:-7px
}
@media (max-width:1199px){
    .calculator-new-wrapper{
        margin:90px auto
    }
}
@media (max-width:991px){
    .calculator-new-wrapper{
        max-width:720px
    }
    .calculator-new{
        padding:22px 26px 38px
    }
    .calculator-new__title_area{
        margin:0 10px 0 0
    }
    .calculator-new__area{
        width:64px
    }
    .calculator-new-slider__wrapper{
        width:180px
    }
    .calculator-new-slider__number{
        margin:0 6px 0 0
    }
    .calculator-new-slider__number:last-child{
        margin:0 0 0 6px
    }
    .calculator-new-rangeslider-wrapper{
        width:180px
    }
}
@media (max-width:767px){
    .calculator-new-wrapper{
        max-width:540px;
        margin:60px auto
    }
    .calculator-new{
        padding:22px 15px 38px
    }
    .calculator-new__bottom{
        margin:0 0 30px
    }
    .calculator-new-col-one,.calculator-new-col-three,.calculator-new-col-two{
        justify-content:center;
        width:100%;
        margin:20px 0 0
    }
    .calculator-new__title_area{
        width:auto;
        margin:0 15px 0 0
    }
}
@media (max-width:575px){
    .calculator-new-wrapper{
        margin:40px auto
    }
    .calculator-new__title{
        font-size:18px
    }
    .calculator-new__description{
        font-size:15px;
        margin:0 0 24px
    }
}
.discount-baloon-slide{
    position:relative;
    background-image:url('https://luxsteli.com.ua/images/index-slider/keep-price-bg-1920.jpg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden
}
.discount-baloon-slide__text{
    display:flex;
    flex-direction:column;
    max-width:1220px;
    margin:0 auto;
    padding:0 15px
}
.discount-baloon-slide .megatext{
    color:#fff;
    font-size:270px;
    font-weight:900;
    line-height:.8;
    text-transform:uppercase
}
.discount-baloon-slide-h1{
    margin:0 0 20px 30px;
    color:#393f46
}
.discount-baloon-slide-h1>span:nth-child(1),.discount-baloon-slide-h1>span:nth-child(2){
    display:block;
    font-weight:900;
    font-size:52px;
    line-height:1;
    text-transform:uppercase
}
.discount-baloon-slide-h1>span:nth-child(2){
    margin:0 0 15px
}
.discount-baloon-slide-h1>span:nth-child(3){
    display:block;
    font-weight:400;
    font-size:25px;
    line-height:1.2
}
.discount-baloon-slide-h1>span:nth-child(3) b{
    font-size:32px;
    line-height:.7
}
.slide-discount-fifty-form{
    max-width:260px;
    margin:30px 0 0
}
.contact-form{
    position:relative;
    z-index:5;
    display:flex;
    flex-direction:column
}
.contact-form__input,.contact-form__submit-button{
    height:48px;
    font-weight:500;
    font-size:18px;
    border-radius:10px
}
.contact-form__input{
    margin-bottom:10px;
    padding:0 20px;
    background:rgba(255,255,255,.9);
    border:0
}
.contact-form__submit-button{
    text-align:center
}
.baloon-sale-offer-wrapper{
    position:absolute;
    bottom:-10px;
    left:50%;
    width:730px;
    margin:0 0 0 -360px
}
.baloon-sale-offer{
    position:relative;
    padding-top:77%;
    background-image:url('https://luxsteli.com.ua/images/index-slider/september-2020-action.png');
    background-position:top center;
    background-repeat:no-repeat;
    background-size:contain
}
.baloon-sale-offer__text{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:53%;
    left:44%;
    color:#fff;
    font-size:56px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase
}
.baloon-sale-offer-price{
    font-size:146px
}
.baloon-sale-offer__text.gift{
    align-items:flex-start;
    left:46%;
    font-weight:700;
    font-size:44px
}
.baloon-sale-offer__text.gift .gift-line-one{
    font-weight:300
}
.baloon-sale-offer__text.gift .gift-line-two{
    margin:0 0 4px;
    text-transform:initial
}
.baloon-sale-offer__text.gift .gift-line-three{
    padding:0 4px 2px;
    font-weight:900;
    color:#000;
    text-transform:initial;
    background-color:#fdf208
}
@media (max-width:1575px){
    .slide-discount-fifty-form{
        margin:15px 0 0
    }
    .discount-baloon-slide__text{
        max-width:900px
    }
    .discount-baloon-slide .megatext{
        font-size:180px;
        line-height:.8
    }
    .discount-baloon-slide-h1{
        margin:0 0 10px 30px;
        color:#393f46
    }
    .discount-baloon-slide-h1>span:nth-child(1),.discount-baloon-slide-h1>span:nth-child(2){
        font-size:42px;
        line-height:1
    }
    .discount-baloon-slide-h1>span:nth-child(2){
        margin:0
    }
    .discount-baloon-slide-h1>span:nth-child(3){
        font-size:22px;
        line-height:1.2
    }
    .baloon-sale-offer-wrapper{
        left:50%;
        width:500px;
        margin:0 0 0 -220px
    }
    .baloon-sale-offer__text{
        font-size:42px
    }
    .baloon-sale-offer-price{
        font-size:102px
    }
    .baloon-sale-offer__text.gift{
        font-size:32px
    }
}
@media (max-width:1199px){
    .baloon-sale-offer-wrapper{
        margin:0 0 0 -190px
    }
}
@media (max-width:991px){
    .discount-baloon-slide__text{
        max-width:100%
    }
    .discount-baloon-slide .megatext{
        font-size:200px;
        line-height:1.1
    }
    .baloon-sale-offer-wrapper{
        width:620px;
        margin:0 0 0 -200px
    }
    .guarantee-first-slide .baloon-sale-offer-wrapper{
        width:580px;
        margin:0 0 0 -100px
    }
    .baloon-sale-offer__text{
        font-size:48px
    }
    .baloon-sale-offer-price{
        font-size:120px
    }
    .baloon-sale-offer__text.gift{
        font-size:40px
    }
}
@media (max-width:767px){
    .discount-baloon-slide{
        background-image:url('https://luxsteli.com.ua/images/index-slider/keep-price-bg-768.jpg')
    }
    .discount-baloon-slide .megatext{
        margin:0 0 0 -3px;
        font-size:80px;
        line-height:1
    }
    .discount-baloon-slide-h1{
        margin:0 0 15px
    }
    .discount-baloon-slide-h1>span:nth-child(1),.discount-baloon-slide-h1>span:nth-child(2){
        font-size:28px;
        line-height:1
    }
    .discount-baloon-slide-h1>span:nth-child(3){
        font-size:12px;
        line-height:1.2
    }
    .discount-baloon-slide-h1>span:nth-child(3) b{
        font-size:20px
    }
    .slide-discount-fifty-form{
        max-width:180px;
        margin:10px 0 0
    }
    .baloon-sale-offer-wrapper{
        bottom:128px;
        left:30%;
        width:240px;
        margin:0
    }
    .guarantee-first-slide .baloon-sale-offer-wrapper{
        bottom:-5px;
        left:50%;
        width:300px;
        margin:0 0 0 -80px
    }
    .baloon-sale-offer__text{
        font-size:20px
    }
    .baloon-sale-offer-price{
        font-size:50px
    }
    .baloon-sale-offer__text.gift{
        font-size:18px
    }
    .contact-form__input{
        height:40px;
        margin:0 0 5px
    }
    .contact-form__submit-button{
        height:40px
    }
}
.index-slide-h1{
    color:#393f46
}
.index-slide-h1>span:nth-child(1),.index-slide-h1>span:nth-child(2){
    display:block;
    font-weight:900;
    font-size:74px;
    line-height:1;
    text-transform:uppercase;
    color:#000
}
.index-slide-h1>span:nth-child(2){
    margin:0 0 8px
}
.index-slide-h1>span:nth-child(3){
    display:block;
    font-weight:400;
    font-size:35px;
    line-height:1.2
}
.index-slide-h1>span:nth-child(3) b{
    font-size:32px;
    line-height:.7
}
@media (max-width:1575px){
    .index-slide-h1>span:nth-child(1),.index-slide-h1>span:nth-child(2){
        font-size:42px;
        line-height:1
    }
    .index-slide-h1>span:nth-child(2){
        margin:0
    }
    .index-slide-h1>span:nth-child(3){
        font-size:22px;
        line-height:1.2
    }
}
@media (max-width:991px){
    .index-slide-h1>span:nth-child(1),.index-slide-h1>span:nth-child(2){
        font-size:82px;
        line-height:1
    }
    .index-slide-h1>span:nth-child(3){
        font-size:38px;
        line-height:1.2
    }
    .index-slide-h1>span:nth-child(3) b{
        font-size:32px
    }
}
@media (max-width:767px){
    .index-slide-h1{
        margin:0
    }
    .index-slide-h1>span:nth-child(1),.index-slide-h1>span:nth-child(2){
        font-size:48px
    }
    .index-slide-h1>span:nth-child(3){
        font-size:22px;
        line-height:1.2
    }
    .index-slide-h1>span:nth-child(3) b{
        font-size:22px
    }
}
.guarantee-first-slide{
    height:100%
}
.guarantee-first-slide-content{
    padding:90px 0 0 120px
}
.guarantee-first-slide-action{
    max-width:680px;
    margin:60px 0 0
}
.guarantee-first-slide-action .action-line{
    padding:4px 16px;
    margin:0 0 10px;
    font-weight:700;
    font-size:28px;
    line-height:32px;
    color:#fff;
    text-transform:uppercase;
    background:#183d8a;
    background:linear-gradient(90deg,rgba(24,61,138,.8995973389355743) 0,#617db6 50%,rgba(155,176,218,.9) 100%);
    border-radius:4px
}
.guarantee-first-slide-action .action-line span{
    font-weight:300
}
.guarantee-first-slide-helper{
    padding:0 0 0 44px;
    font-size:14px;
    line-height:1;
    color:#000
}
.guarantee-first-slide-person{
    position:absolute;
    bottom:-40px;
    left:540px;
    width:420px;
    height:435px;
    background:center/contain url('https://luxsteli.com.ua/images/index-slider/guarantee-person.png') no-repeat;
    transform:rotate(-6deg)
}
@media (max-width:1575px){
    .guarantee-first-slide-content{
        padding:30px 0 0 30px
    }
    .guarantee-first-slide-action{
        max-width:480px;
        margin:15px 0 0
    }
    .guarantee-first-slide-action .action-line{
        font-size:20px;
        line-height:24px
    }
    .guarantee-first-slide-person{
        bottom:-40px;
        left:320px;
        width:320px;
        height:332px
    }
    .guarantee-first-slide-helper{
        padding:0 0 0 36px;
        font-size:12px
    }
}
@media (max-width:1199px){
    .guarantee-first-slide-action{
        max-width:540px
    }
    .guarantee-first-slide-person{
        bottom:-40px;
        left:320px;
        width:380px;
        height:394px
    }
}
@media (max-width:991px){
    .guarantee-first-slide-content{
        padding:30px 0 0
    }
    .guarantee-first-slide-action{
        max-width:580px;
        margin:50px 0 0
    }
    .guarantee-first-slide-person{
        bottom:-40px;
        left:295px;
        width:420px;
        height:436px
    }
}
@media (max-width:767px){
    .guarantee-first-slide-content{
        padding:20px 0 0
    }
    .guarantee-first-slide-action{
        max-width:280px;
        margin:12px 0 0
    }
    .guarantee-first-slide-action .action-line{
        padding:3px 12px;
        margin:0 0 5px;
        font-size:16px;
        line-height:18px
    }
    .guarantee-first-slide-helper{
        padding:0 0 0 28px;
        font-size:11px
    }
    .guarantee-first-slide-person{
        bottom:-35px;
        left:155px;
        width:218px;
        height:225px;
        background-image:url('https://luxsteli.com.ua/images/index-slider/guarantee-person-mobile.png')
    }
}
.gift-first-slide-action{
    position:relative;
    z-index:5;
    margin:55px 0 0
}
.gift-first-slide-action .action-heading{
    font-weight:800;
    font-size:38px;
    line-height:1.2;
    color:#393f46
}
.gift-first-slide-action .action-line{
    margin:0 0 25px;
    font-size:24px;
    line-height:32px;
    color:#393f46
}
.gift-first-slide-action .action-line-purple{
    font-weight:500;
    color:var(--color-purple)
}
.gift-first-slide-action .action-line-cursor{
    display:inline-block;
    vertical-align:top;
    width:6px;
    height:28px;
    margin:0 0 0 6px;
    background:#f3177d
}
.gift-action-button{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:54px;
    padding:0 36px;
    font-weight:500;
    font-size:24px;
    line-height:1;
    color:#fff;
    background:#f3177d;
    border:0;
    border-radius:8px;
    cursor:pointer
}
.gift-action-button:focus,.gift-action-button:hover{
    outline:0
}
.gift-first-slide-action .gift-action-button{
    min-width:312px
}
.gift-first-slide-person{
    position:absolute;
    bottom:0;
    left:50%;
    width:600px;
    height:100%;
    margin:0 0 0 -180px;
    background:center bottom/contain url('https://luxsteli.com.ua/images/index-slider/gift-person.png') no-repeat
}
.slide-gift-speaker-row{
    display:flex;
    justify-content:center;
    align-items:start;
    gap:0 60px;
    max-width:800px;
    margin:20px auto 0
}
.slide-gift-speaker-image{
    position:relative;
    flex:0 1 50%
}
.slide-gift-speaker-image::after{
    content:'';
    position:absolute;
    top:100%;
    left:50%;
    display:block;
    width:80%;
    height:40px;
    background:rgba(0,0,0,.5);
    border-radius:60%;
    filter:blur(15px);
    transform:translate(-50%,-50%)
}
.slide-gift-speaker-image img{
    position:relative;
    z-index:2;
    display:block;
    max-width:100%
}
.slide-gift-speaker-action{
    flex:0 1 50%
}
.slide-gift-speaker-form{
    max-width:300px
}
.slide-gift-speaker-date{
    margin:5px 0 0;
    font-size:14px
}
@media (max-width:1575px){
    .gift-first-slide-action{
        margin:55px 0 0
    }
    .gift-first-slide-action .action-heading{
        font-size:28px
    }
    .gift-first-slide-action .action-line{
        margin:0 0 20px;
        font-size:18px;
        line-height:24px
    }
    .gift-first-slide-action .action-line-cursor{
        width:4px;
        height:22px;
        margin:0 0 0 4px
    }
    .gift-action-button{
        height:42px;
        padding:0 24px;
        font-size:18px
    }
    .gift-first-slide-action .gift-action-button{
        min-width:230px
    }
    .gift-first-slide-person{
        width:380px;
        margin:0 0 0 -180px
    }
    .slide-gift-speaker-row{
        max-width:580px;
        margin:5px auto 0
    }
    .slide-gift-speaker-action .action-line{
        margin:0 0 5px
    }
    .slide-gift-speaker-date{
        margin:2px 0 0;
        font-size:13px
    }
}
@media (max-width:1199px){
    .slide-gift-speaker-row{
        margin:20px auto 0
    }
}
@media (max-width:991px){
    .gift-first-slide-action{
        margin:110px 0 0
    }
    .gift-first-slide-action .action-heading{
        font-size:38px
    }
    .gift-first-slide-action .action-line{
        margin:0 0 25px;
        font-size:24px;
        line-height:32px
    }
    .gift-first-slide-action .action-line-cursor{
        width:6px;
        height:28px;
        margin:0 0 0 6px
    }
    .gift-action-button{
        height:54px;
        padding:0 36px;
        font-size:24px
    }
    .gift-first-slide-action .gift-action-button{
        min-width:312px
    }
    .gift-first-slide-person{
        width:480px;
        margin:0 0 -30px -60px
    }
    .slide-gift-speaker-row{
        flex-flow:row-reverse nowrap;
        max-width:100%;
        margin:40px 0 0
    }
}
@media (max-width:767px){
    .gift-first-slide-action{
        margin:35px 0 0
    }
    .gift-first-slide-action .action-heading{
        font-size:22px
    }
    .gift-first-slide-action .action-line{
        font-size:16px;
        line-height:22px
    }
    .gift-first-slide-action .action-line-cursor{
        width:3px;
        height:20px;
        margin:0 0 0 3px
    }
    .gift-action-button{
        height:54px;
        padding:0 18px;
        font-size:20px
    }
    .gift-first-slide-action .gift-action-button{
        min-width:184px
    }
    .gift-first-slide-person{
        width:260px;
        margin:0 0 -10px -10px
    }
    .slide-gift-speaker-row{
        margin:5px 0 0;
        gap:0 15px
    }
    .slide-gift-speaker-action{
        flex:1 1 50%;
        min-width:180px
    }
    .gift-first-slide-action .action-heading{
        white-space:nowrap
    }
    .gift-first-slide-action .action-line{
        margin:0 0 5px
    }
}
.page-contacts{
    margin:0 0 65px
}
.page-contacts .main-banner{
    align-items:center
}
.page-contacts .main-banner::before{
    background:rgba(0,0,0,.6)
}
.page-contacts-description{
    margin:35px 0 45px;
    font-size:28px;
    text-align:center
}
.page-contacts-info{
    margin:0 0 45px
}
.page-contacts-info-line{
    margin:0 0 15px;
    font-size:30px;
    color:#000
}
.page-contacts-info-line i{
    width:32px;
    text-align:center
}
.page-contacts-info-line a{
    color:#000
}
.page-contacts-links,.page-contacts-messengers{
    padding:0 0 0 38px
}
.page-contacts-messengers .top-line-social-link{
    display:inline-block
}
.page-contacts-messengers .top-line-social-link:not(:first-child){
    margin:0 0 40px 40px
}
.page-contacts-messengers .top-line-social-link-icon{
    width:38px;
    height:38px
}
.page-contacts-link{
    margin:0 0 15px
}
.page-contacts-link a{
    font-weight:700;
    font-size:20px;
    color:#000;
    text-decoration:none;
    border-bottom:1px dashed
}
.page-contacts-form{
    max-width:480px;
    margin:0 auto
}
.page-contacts-form-heading{
    margin:0 0 25px;
    font-size:30px;
    text-align:center
}
.page-contacts-form form{
    display:flex;
    flex-flow:row wrap;
    margin:0 -10px
}
.page-contacts-form .form-field{
    width:100%;
    padding:0 10px;
    margin:0 0 20px
}
.page-contacts-form .form-field-2,.page-contacts-form .form-field-3{
    width:50%
}
.page-contacts-form input[type=email],.page-contacts-form input[type=tel],.page-contacts-form input[type=text]{
    display:block;
    width:100%;
    height:40px;
    padding:12px 16px;
    font-size:14px;
    line-height:16px;
    background:#f2f2f2;
    border:0
}
.page-contacts-form button[type=submit],.page-contacts-form textarea{
    display:block;
    width:100%;
    padding:12px 16px;
    font-size:14px;
    line-height:16px;
    border:0
}
.page-contacts-form textarea{
    background:#f2f2f2;
    height:90px
}
.page-contacts-form .form-field-submit{
    margin:20px 0 0
}
.page-contacts-form button[type=submit]{
    height:40px;
    color:#fff;
    text-align:center;
    background:#e5046a;
    border-radius:0;
    outline:0;
    cursor:pointer
}
.page-contacts-form .confidentiality{
    margin:30px 0 0;
    font-weight:300;
    font-size:12px
}
@media (max-width:1575px){
    .page-contacts-form{
        max-width:360px
    }
    .page-contacts-form .confidentiality{
        font-size:11px
    }
}
@media (max-width:1199px){
    .page-contacts-info{
        margin:70px 0 35px
    }
    .page-contacts-info-line{
        font-size:22px
    }
    .page-contacts-info-line i{
        width:24px
    }
    .page-contacts-links,.page-contacts-messengers{
        padding:0 0 0 30px
    }
    .page-contacts-messengers .top-line-social-link:not(:first-child){
        margin:0 0 30px 30px
    }
    .page-contacts-link{
        margin:0 0 10px
    }
    .page-contacts-link a{
        font-size:18px
    }
}
@media (max-width:991px){
    .page-contacts-info-line{
        font-size:16px
    }
    .page-contacts-links,.page-contacts-messengers{
        padding:0 0 0 28px
    }
    .page-contacts-messengers .top-line-social-link:not(:first-child){
        margin:0 0 25px 25px
    }
    .page-contacts-messengers .top-line-social-link-icon{
        width:32px;
        height:32px
    }
    .page-contacts-link{
        margin:0 0 8px
    }
    .page-contacts-link a{
        font-size:15px
    }
    .page-contacts-form .confidentiality{
        font-size:10px
    }
}
@media (max-width:767px){
    .page-contacts-description{
        max-width:360px;
        margin:20px auto 35px;
        font-size:18px;
        line-height:1.2
    }
    .page-contacts-description br{
        display:none
    }
    .page-contacts-left{
        max-width:360px;
        margin:0 auto
    }
    .page-contacts-info{
        margin:0 0 30px
    }
    .page-contacts-links{
        margin:0 0 45px
    }
    .page-contacts-form-heading{
        margin:0 0 15px;
        font-size:18px
    }
    .page-contacts-form .form-field-2,.page-contacts-form .form-field-3{
        width:100%
    }
}
/* /local/templates/mp/styles/custom.css */
 .trust.about{
    background-color:#f9f7f8
}
.std-form-description ul{
    text-align:left
}
.std-form-description li{
    list-style-position:inside
}
/* /local/templates/mp/styles/old-site-styles.min.css */
 .compare__table{
    max-width:980px;
    margin:30px auto 60px;
    font-size:13px
}
.compare__table thead tr:first-child td{
    text-transform:uppercase;
    font-weight:700;
    vertical-align:top;
    font-size:13px;
    line-height:1.6;
    padding:22px 11px 14px
}
.compare__table tr td{
    text-align:center;
    padding:19px 22px 24px;
    box-sizing:border-box;
    vertical-align:top;
    border-right:2px solid #f9f7f8;
    border-bottom:1px solid #e4e4e4
}
.compare__table tr td:first-child{
    text-align:left;
    padding-left:0;
    width:166px
}
.compare__table tr td:nth-child(2),.compare__table tr td:nth-child(3){
    background:#fbfbfb;
    width:162px
}
.compare__table tr td:nth-child(4){
    background:#f7eeef;
    width:165px
}
.compare__table tr td:nth-child(5){
    background:#fbe4ea;
    width:169px
}
.compare__table tr td:nth-child(6){
    background:#ffdee5
}
.compare__table tr:nth-child(n+2) td:nth-child(n+2){
    color:#5a6071
}
.aside-menu__link{
    text-decoration:none;
    border-radius:30px;
    padding:14px;
    display:block;
    font-size:14px;
    border:1px solid #f9f7f8;
    transition:.3s;
    margin:7px 0;
    color:#7b7b83
}
.aside-menu__item{
    display:block
}
.aside-menu__list{
    padding:0;
    margin:0 0 30px;
    text-align:center
}
.aside-menu__link:hover,.aside-menu__link_active{
    font-weight:700;
    color:#e50469;
    text-decoration:none;
    border:1px solid #e50469
}
.faq__content{
    padding:0 0 60px
}
.faq-item__hidden{
    display:none;
    padding:30px 0;
    overflow:hidden
}
.faq-item__title{
    color:#7b7b83;
    display:inline;
    border-bottom:1px dashed #e50469;
    cursor:pointer;
    transition:.3s;
    font-size:17px;
    line-height:29px;
    margin-bottom:12px
}
.faq-item__title:hover{
    color:#e50469
}
.faq-feedback__button{
    float:right;
    padding:23px 0;
    margin-right:27px
}
.faq-item{
    transition:.3s;
    padding:5px 34px;
    margin:5px 0
}
.faq-item__title_active{
    color:#000;
    font-weight:700;
    border-bottom:1px dashed #fff
}
.faq-item_active{
    background:#fff;
    padding:17px 34px
}
.faq-item__title:after{
    content:' ';
    display:block;
    width:69px;
    height:0;
    background:#e50469;
    margin-top:15px;
    transition:.3s
}
.faq-item__title_active:after{
    height:7px
}
.faq-item__text{
    padding:0 0 30px;
    font-size:16px;
    line-height:22px;
    color:#5a6071;
    border-bottom:1px solid #ebebeb
}
.faq-item__text p{
    margin:15px 0 0
}
.faq-item__text ol{
    list-style-position:inside;
    padding:0;
    margin:15px 0 0
}
.faq-item__text ol li{
    margin:10px 0 0
}
.faq-item__gallery{
    margin-top:20px
}
.faq-item__gallery img{
    max-width:100%
}
.faq-item__gallery .gallery-image{
    display:block;
    margin:15px 0
}
.faq-feedback__title{
    font-weight:700;
    font-size:15px;
    line-height:59px
}
.guarantee__image{
    padding:80px 10px 40px;
    background:fixed url('https://luxsteli.com.ua/images/warranty/bg_guarantee.jpg') center center no-repeat;
    background-size:cover
}
.h1_guarantee{
    color:#fff
}
.guarantee__desc{
    line-height:1.1;
    color:#c8c9cd;
    text-align:center
}
.guarantee-summary{
    padding:60px 0;
    text-align:center;
    background:url('https://luxsteli.com.ua/images/warranty/icon_guarantee2.png') center -75px no-repeat
}
.guarantee-summary__item{
    padding:20px 0
}
.guarantee-summary__number{
    margin:0 0 22px;
    font-weight:700;
    font-size:70px;
    color:#e50469;
    line-height:1
}
.guarantee-summary__name{
    font-weight:700;
    font-size:14px;
    line-height:1.6;
    color:#7b7b83;
    text-transform:uppercase
}
.guarantee-type{
    padding:30px 0
}
.guarantee-type__item{
    position:relative;
    margin:0 auto;
    padding:0 0 20px 100px
}
.guarantee-type__number{
    position:absolute;
    top:-62px;
    left:15px;
    display:block;
    font-weight:700;
    font-size:210px;
    line-height:1;
    color:#fff
}
.guarantee-type__item .p,.guarantee-type__list,.guarantee-type__title{
    position:relative;
    z-index:5
}
.guarantee-type__list{
    list-style:none;
    padding:0
}
.guarantee-type__list li{
    position:relative;
    padding:0 0 0 15px
}
.guarantee-type__list li::before{
    content:'';
    position:absolute;
    top:10px;
    left:-15px;
    display:block;
    width:4px;
    height:4px;
    background:#e50469;
    border-radius:100%
}
.guarantee-conditions{
    background:url('https://luxsteli.com.ua/images/warranty/icon_guarantee1.png') center 40px no-repeat;
    padding:80px 0 60px
}
.guarantee__contacts{
    padding:0 0 80px
}
.guarantee-conditions__left{
    padding:34px 30px 0 0
}
.guarantee-conditions__desc{
    margin:15px 0;
    font-size:16px
}
.guarantee-conditions__phone{
    display:inline-block;
    font-weight:700;
    font-size:48px
}
.guarantee-conditions__phone,.guarantee-conditions__phone:hover{
    color:#000;
    text-decoration:none
}
.guarantee-conditions__right{
    width:290px;
    padding:25px;
    margin:0 auto;
    border:9px solid #fff
}
.guarantee-conditions__right a{
    display:block;
    font-style:italic;
    color:#e50469
}
@media (max-width:991px){
    .guarantee-conditions__left{
        padding:34px 0 0
    }
}
@media (max-width:767px){
    .guarantee-conditions__left{
        padding:20px 0;
        text-align:center
    }
}
@media (max-width:575px){
    .guarantee-type__item{
        padding:0 0 20px 60px
    }
    .guarantee-conditions__phone{
        font-size:32px
    }
}
.photogallery__image{
    padding:240px 0 120px;
    min-height:300px;
    background:fixed url('https://luxsteli.com.ua/images/photogallery/bg_photogallery.jpg') center center no-repeat;
    background-size:cover
}
.photogallery__image-text{
    padding:20px 10px;
    background:rgba(0,0,0,.5)
}
.photogallery-advice__item{
    margin:30px 0
}
.photogallery-advice__item .p{
    font-size:14px;
    line-height:1.2
}
@media (max-width:767px){
    .photogallery__image{
        padding:120px 0 60px
    }
}
.action-list__wrapper{
    max-width:1010px;
    margin:46px auto 0
}
.action-list__item{
    margin:0 0 60px
}
.block-sale-list{
    position:relative;
    max-width:380px;
    margin:0 auto
}
.action-list__image{
    position:relative;
    width:100%;
    height:0;
    padding:0 0 70%;
    margin:0 0 27px;
    overflow:hidden
}
.action-list__image img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.action-list__more-position{
    position:absolute;
    bottom:20px;
    left:0;
    width:100%;
    text-align:center
}
.action-list__more,.action-list__title{
    font-weight:700;
    text-decoration:none;
    transition:.3s
}
.action-list__more{
    display:inline-block;
    width:190px;
    padding:14px 0;
    margin:0 auto;
    font-size:11px;
    color:#e50469;
    text-align:center;
    text-transform:uppercase;
    background:#fff;
    border:1px solid #e50469;
    border-radius:30px;
    cursor:pointer
}
.action-list__more:hover{
    color:#fff;
    text-decoration:none;
    background:#e0194b
}
.action-list__title{
    display:block;
    margin:0 0 20px;
    font-size:18px;
    color:#000
}
.action-list__title:hover{
    color:#e50469;
    text-decoration:none
}
.action-list__desc{
    font-size:13px;
    line-height:1.7;
    color:#5a6071
}
.action-list-conditions-trigger{
    display:block;
    font-size:13px;
    line-height:1.7;
    color:#e50469;
    text-transform:uppercase
}
.action-list-conditions-trigger span{
    border-bottom:1px dashed;
    transition:all .3s
}
.action-list-conditions-trigger:focus,.action-list-conditions-trigger:hover{
    color:#e50469;
    text-decoration:none
}
.action-list-conditions-trigger:focus span,.action-list-conditions-trigger:hover span{
    border-color:transparent
}
@media (max-width:767px){
    .action-list__more{
        padding:10px 0
    }
}
/* /local/templates/mp/styles/catalog.min.css */
 .page-catalog{
    padding-bottom:50px
}
.page-catalog h1{
    font-size:45px;
    text-align:center;
    margin:30px
}
.page-catalog .pos-link{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2
}
.page-catalog .main-banner{
    margin-bottom:81px;
    background-position:0 -100px
}
.view-catalog{
    padding-bottom:146px
}
.view-catalog-wrap{
    padding-top:54px;
    margin:0 -6px
}
.product-item,.product-item:after{
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    background-size:cover
}
.product-item{
    max-width:calc(33.33% - 12px);
    width:100%;
    height:358px;
    padding:65px 20px 20px;
    margin:6px;
    position:relative;
    overflow:hidden;
    font-size:17px
}
.product-item:after{
    content:'';
    height:123px;
    background-image:url('https://luxsteli.com.ua/images/about/shadow-insert.png');
    background-position:0 0
}
.product-text{
    opacity:0;
    font-size:22px;
    color:#fff;
    text-indent:30px;
    text-align:justify;
    padding-bottom:42px;
    padding-left:15px;
    padding-right:15px;
    z-index:1;
    position:relative;
    transition:.3s ease
}
.panel-bottom,.product-item:after{
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}
.panel-bottom{
    padding-left:20px;
    padding-right:20px;
    padding-bottom:16px;
    color:#fff;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -ms-align-items:center;
    align-items:center;
    justify-content:space-between;
    z-index:1
}
.product-price,.product-title{
    font-size:21px;
    font-weight:900!important
}
.product-title{
    text-transform:unset
}
.product-price{
    letter-spacing:1.2px
}
.product-country{
    max-width:50px
}
.product-country img{
    max-width:100%;
    height:auto
}
.product-brend,.product-item:before{
    position:absolute;
    left:0;
    top:0
}
.product-category{
    padding:7px 30px;
    background:#fff;
    color:#000;
    font-size:21px;
    transition:.3s ease
}
.product-item:before{
    opacity:0;
    content:'';
    width:100%;
    height:100%;
    background:rgba(0,0,0,.2);
    transition:.3s ease
}
.no-bgc:before{
    display:none
}
.product-item:hover .product-text,.product-item:hover:before{
    opacity:1
}
.view-catalog-wrap{
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap
}
.product-item-lg{
    width:calc(50% - 12px);
    max-width:100%
}
.product-item-lg .product-text{
    padding-left:16px;
    padding-right:16px
}
.view-catalog-templete-6 .product-category{
    position:absolute;
    left:0;
    top:calc(100% + 1px);
    width:100%
}
.view-catalog-templete-6 .product-item{
    margin-bottom:70px;
    overflow:inherit;
    transition:.3s ease
}
.view-catalog-templete-6 .product-item:hover{
    border-radius:2px
}
.view-catalog-templete-6 .product-item:hover .product-category{
    background:#db006a
}
@media screen and (max-width:1575px){
    .page-catalog h1{
        font-size:30px;
        text-align:center;
        margin:20px
    }
    .page-catalog{
        padding-bottom:0
    }
    .page-catalog .main-banner{
        margin-bottom:55px
    }
    .view-catalog{
        padding-bottom:100px
    }
    .view-catalog-wrap{
        padding-top:35px
    }
    .hedding-section{
        font-size:36px
    }
    .product-item{
        height:260px;
        padding:23px 10px 0;
        margin:4px
    }
    .product-text{
        font-size:18px;
        line-height:23px
    }
    .product-price,.product-title{
        font-size:16px
    }
    .product-country{
        max-width:35px
    }
}
@media screen and (max-width:1199px){
    .product-item,.product-item-lg{
        max-width:calc(50% - 8px);
        width:100%
    }
    .product-item{
        padding-top:22px
    }
    .product-text{
        font-size:17px
    }
    .view-catalog-wrap{
        padding-top:10px
    }
    .product-item-description .product-text{
        display:none
    }
}
@media screen and (max-width:991px){
    .view-catalog{
        padding-bottom:55px
    }
    .main-banner__description p,.page-catalog .hedding-section br,.product-item:before{
        display:none
    }
    .page-catalog .main-banner{
        background-position:top
    }
    .view-catalog-wrap{
        margin-left:0;
        margin-right:0
    }
    .page-catalog .mobile-arrow{
        transition:.3s ease;
        margin-top:16px
    }
    .page-catalog .mobile-arrow.active{
        -webkit-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .product-item{
        height:206px
    }
    .product-item:nth-child(n+3){
        display:none;
        animation:fadein ease .3s
    }
    .view-catalog-wrap.show .product-item:nth-child(n+3){
        display:block
    }
    @keyframes fadein{
        0%{
            opacity:0
        }
        to{
            opacity:1
        }
    }
    .view-catalog-templete-6 .product-category{
        position:relative;
        left:inherit;
        font-size:16px;
        background-color:transparent;
        width:auto;
        padding:0;
        color:#fff
    }
    .view-catalog-templete-6 .product-item:hover .product-category{
        background-color:transparent
    }
    .view-catalog-templete-6 .product-item{
        margin-bottom:20px
    }
}
@media screen and (max-width:767px){
    .hedding-section{
        font-size:25px
    }
    .product-item,.product-item-lg{
        max-width:100%;
        width:100%;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px
    }
    .panel-bottom{
        padding:0 10px 10px
    }
    .page-catalog .mobile-arrow{
        margin-top:0
    }
}
@media screen and (max-width:575px){
    .page-catalog .main-banner{
        margin-bottom:15px
    }
    .hedding-section,.product-price,.product-title,.view-catalog-templete-6 .product-category,.view-catalog-templete-6 .product-title{
        font-size:13px
    }
}
.catalog-section-description{
    margin:45px 0 0;
    font-size:28px;
    text-transform:none
}
.catalog-section-description p{
    padding:0;
    margin:20px 0
}
@media screen and (max-width:991px){
    .catalog-section-description{
        margin:30px 0 0;
        font-size:18px
    }
    .catalog-section-description p{
        padding:0;
        margin:15px 0 0
    }
}
/* /local/templates/mp/components/degres/regional/header_custom/style.css */
 #region_modal_overflow{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.5;
    visibility:hidden;
    z-index:3000
}
#region_modal{
    position:fixed;
    width:70%;
    background-color:#fff;
    opacity:0;
    visibility:hidden;
    top:50px;
    left:0;
    z-index:4000;
    -moz-transition:opacity 0.3s ease-in-out;
    -webkit-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out
}
.cur_region_name,#cur-region-name-select{
    position:relative;
    display:inline-block
}
.region_modal_title{
    padding:20px;
    text-align:center;
    font-size:20px;
    font-weight:bold
}
.region_select_container ul{
    column-count:4;
    -moz-column-count:4;
    -webkit-column-count:4;
    list-style:none
}
.region_select_container ul li{
    padding:5px 0
}
.region_select_container ul li a{
    color:#337ab7;
    font-size:14px;
    cursor:pointer
}
.region_select_container ul li.active a{
    font-weight:bold;
    cursor:default
}
.region_select_contaier ul li a:hover,.region_select_contaier ul li a:focus,.region_select_contaier ul li a:visited{
    color:#23527c;
    text-decoration:none
}
#region_location_container{
    position:relative
}
.header-location-hint{
    opacity:0;
    width:276px;
    background:#fff;
    position:absolute;
    top:34px;
    -webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);
    box-shadow:0 1px 6px rgba(0,0,0,.25);
    z-index:10;
    font-size:12px
}
.header-location-hint:before{
    width:15px;
    height:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-box-shadow:0 2px 7px rgba(0,0,0,.4);
    box-shadow:0 2px 7px rgba(0,0,0,.4)
}
.header-location-hint:after{
    width:20px;
    height:20px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.header-location-hint.left-hint:before{
    left:15px
}
.header-location-hint.left-hint:after{
    left:11px
}
.header-location-hint.right-hint:before{
    right:15px
}
.header-location-hint.right-hint:after{
    right:11px
}
.header-location-hint.center-hint:before{
    left:137px
}
.header-location-hint.center-hint:after{
    left:133px
}
.header-location-hint:after,.header-location-hint:before{
    position:absolute;
    top:-5px;
    background:#fff;
    content:''
}
.header-location-hint__container{
    padding:16px 11px 11px;
    position:relative;
    background:#fff
}
.header-location-hint p{
    line-height:1.5;
    margin-bottom:10px;
    padding:0;
    color:#000
}
.header-location-hint strong{
    text-transform:uppercase
}
.header-location-hint .hint-btn{
    padding:0 39px;
    font-size:12px;
    font-weight:400;
    text-transform:none
}
.header-panel__location .hint-btn{
    margin:0;
    height:30px
}
.header-location-hint .hint-btn:last-child{
    padding:0 20px;
    font-size:12px;
    font-weight:400;
    text-transform:none;
    margin-left:10px
}
a.hint-btn{
    border:none;
    display:inline-block;
    position:relative;
    overflow:visible;
    clear:both;
    padding:0 30px;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase;
    vertical-align:top;
    outline:0;
    cursor:pointer;
    background-color:#e5046a;
    color:#fff;
    fill:#fff;
    height:38px;
    font-size:.6875rem;
    line-height:37px
}
a.hint-btn:hover,a.hint-btn:focus,a.hint-btn:visited,a.hint-btn:link{
    color:#fff;
    background-color:#e5046a;
    text-decoration:none
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
.region_select_container{
    padding:20px;
    background:#f8f8f8;
    border-top:1px solid #f2f2f2;
    overflow-x:hidden;
    overflow-y:auto
}
.clear{
    clear:both
}
.region_list_title{
    margin-bottom:10px;
    color:#565656;
    font-weight:bold
}
#region_modal_close i{
    background:url("https://luxsteli.com.ua/images/close_icons.png") -1px -46px no-repeat;
    width:14px;
    height:14px;
    display:block
}
#region_modal_close{
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer
}
#region_modal_close:hover{
    background:#e5046a
}
#region_modal_close:hover i{
    background-position:-30px -46px!important
}
#region-search-container{
    padding-bottom:20px
}
#region-search-container form{
    position:relative
}
#region-search-container input[type='text']{
    display:block;
    margin:0 auto;
    padding:10px;
    width:90%;
    background:#fff;
    border:1px solid #f2f2f2
}
#region-search-result{
    position:absolute;
    background:#fff;
    z-index:9999;
    padding:10px;
    box-shadow:0 2px 10px rgba(197,197,197,.5);
    margin-top:2px;
    width:90%;
    margin:auto;
    max-height:250px;
    overflow-y:auto;
    overflow-x:hidden;
    display:none;
    left:0;
    right:0
}
#region-search-result a{
    display:block;
    padding:5px 0;
    text-decoration:none;
    cursor:pointer
}
@media screen and (max-width:1290px){
    #region_modal{
        width:80%
    }
}
@media screen and (max-width:1130px){
    #region_modal{
        width:90%
    }
}
@media screen and (max-width:1030px){
    .region_list_container{
        width:70%;
        margin:0 auto;
        float:none
    }
    .region_select_container ul{
        column-count:3;
        -moz-column-count:3;
        -webkit-column-count:3;
        list-style:none
    }
}
@media screen and (max-width:767px){
    .header-location-hint:before,.header-location-hint:after{
        display:none
    }
    .top-line-city-choice-wrapper{
        display:block;
        z-index:101;
        opacity:1
    }
}
@media screen and (max-width:500px){
    .region_select_container ul{
        column-count:2
    }
}
.superregion1 a{
    font-size:16px !important;
    font-weight:bold !important
}
.superregion2{
    padding:0 !important
}
.superregion2 a{
    margin-left:10px
}
/* /local/templates/mp/components/bitrix/menu/site-navigation/style.css */
 .site-navigation-wrapper{
    flex:0 0 auto
}
.site-navigation{
    display:flex;
    justify-content:space-between;
    gap:0 34px;
    padding:6px 0 0;
    list-style:none
}
.site-navigation li{
    position:relative
}
.site-navigation-submenu{
    display:none;
    position:absolute;
    top:80%;
    left:-10px;
    min-width:210px;
    padding:18px 0;
    margin:5px 0 0;
    background:#fff;
    -webkit-box-shadow:0 0 4px 0 rgba(39,38,39,.25);
    box-shadow:0 0 4px 0 rgba(39,38,39,.25);
    font-size:14px;
    line-height:1.4;
    z-index:25
}
.site-navigation-submenu ul{
    list-style:none
}
.site-navigation-submenu ul li + li{
    margin:8px 0 0 0
}
@media (min-width:992px){
    .site-navigation>li:hover .site-navigation-submenu{
        display:block
    }
}
.site-navigation-submenu::before{
    content:"";
    position:absolute;
    top:-10px;
    left:30px;
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:10px solid #fff
}
.site-navigation-submenu ul a{
    display:block;
    position:relative;
    width:100%;
    padding:0 30px 0 20px;
    color:#585858;
    text-decoration:none
}
.site-navigation-submenu-parent>a::after{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    right:20px;
    width:5px;
    height:5px;
    border-right:1px solid #f3177d;
    border-bottom:1px solid #f3177d;
    -webkit-transform:rotate(-45deg) translateY(-50%);
    transform:rotate(-45deg) translateY(-50%)
}
.site-navigation-submenu a:focus,.site-navigation-submenu a:hover{
    color:#f3177d
}
.site-navigation-submenu>ul>li ul{
    display:none;
    position:absolute;
    top:-18px;
    left:100%;
    min-width:180px;
    padding:18px 0;
    background-color:#fff;
    -webkit-box-shadow:4px 0 4px 0 rgba(39,38,39,.25);
    box-shadow:4px 0 4px 0 rgba(39,38,39,.25);
    list-style:none
}
.site-navigation-submenu>ul>li:hover ul{
    display:block
}
.site-navigation-submenu>ul>li ul li{
    position:relative;
    line-height:1.4
}
.site-navigation-link{
    display:inline-block;
    position:relative;
    padding:0 0 6px;
    font-weight:400;
    font-size:14px;
    line-height:24px;
    color:#000;
    white-space:nowrap;
    text-transform:uppercase
}
.site-navigation-link:focus,.site-navigation-link:hover{
    color:#000;
    text-decoration:none
}
.site-navigation-link:focus::before,.site-navigation-link:hover::before{
    content:"";
    display:block;
    position:absolute;
    top:70%;
    left:0;
    width:25px;
    height:2px;
    background:#f3177d
}
@media (min-width:992px){
    .site-navigation-parent>.site-navigation-link::after{
        content:'';
        position:relative;
        top:-3px;
        display:inline-block;
        width:0;
        height:0;
        margin:0 0 0 3px;
        border-left:3px solid transparent;
        border-right:3px solid transparent;
        border-top:4px solid #000
    }
}
.site-navigation-link-active{
    font-weight:500
}
@media screen and (max-width:1575px){
    .site-navigation-wrapper{
        margin:0 auto 0 12px
    }
    .bottom-line-wrapper-scroll .site-navigation-wrapper{
        margin:0
    }
    .site-navigation{
        gap:0 18px
    }
    .site-navigation-link{
        font-size:14px
    }
}
@media screen and (max-width:1199px){
}
@media screen and (max-width:991px){
    .site-navigation-wrapper{
        position:fixed;
        z-index:-10;
        top:76px;
        left:0;
        width:100%;
        height:calc(100% - 76px);
        padding:10px 15px;
        margin:0;
        background:#fff;
        border-top:1px solid rgba(48,29,20,.2);
        box-shadow:0 5px 8px 0 rgba(48,29,20,.2);
        opacity:0;
        overflow-y:auto;
        pointer-events:none;
        transition:opacity .4s
    }
    .site-navigation-wrapper-show{
        z-index:10;
        opacity:1;
        pointer-events:auto
    }
    .site-navigation{
        display:block;
        max-width:690px;
        margin:0 auto;
        padding:0
    }
    .site-navigation li{
        position:static
    }
    .site-navigation-link{
        position:relative;
        display:block;
        margin:0;
        padding:10px 28px 10px 0;
        font-weight:600;
        font-size:15px;
        line-height:20px;
        color:#000;
        text-transform:initial
    }
    .site-navigation-link:hover,.site-navigation-link:focus{
        color:#f3177d
    }
    .site-navigation-link:hover::before,.site-navigation-link:focus::before{
        display:none
    }
    .site-navigation-parent>a::after,.site-navigation-submenu-parent>a::after{
        content:"";
        display:block;
        position:absolute;
        top:50%;
        right:10px;
        width:8px;
        height:8px;
        margin:-8px 0 0;
        border:1px solid;
        border-bottom-width:0;
        border-left-width:0;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    .site-navigation-parent>a.active::after,.site-navigation-submenu-parent>a.active::after{
        margin:-2px 0 0 0;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    .site-navigation-parent>a:hover::after,.site-navigation-parent>a:focus::after,.site-navigation-submenu-parent>a.active:hover::after,.site-navigation-submenu-parent>a.active:focus::after{
        border-color:#f3177d
    }
    .site-navigation-submenu{
        position:static;
        display:none;
        min-width:initial;
        margin:0;
        padding:0;
        box-shadow:none
    }
    .active~.site-navigation-submenu{
        display:block
    }
    .site-navigation>li:not(:last-child){
        margin:0
    }
    .site-navigation-submenu::before{
        display:none
    }
    .site-navigation-submenu ul li + li{
        margin:0
    }
    .site-navigation-submenu ul a{
        display:block;
        padding:10px 18px 10px 12px;
        font-weight:500;
        font-size:15px;
        line-height:20px;
        color:#000
    }
    .site-navigation-submenu>ul>li>a{
        position:relative
    }
    .site-navigation-submenu>ul>li>a::before{
        content:"";
        position:absolute;
        top:50%;
        left:0;
        display:block;
        width:4px;
        height:4px;
        margin:-2px 0 0;
        border-radius:50%;
        background-color:#f3177d
    }
    .site-navigation-submenu>ul>li ul{
        position:static;
        display:none;
        padding:0;
        box-shadow:none
    }
    .site-navigation-submenu>ul>li ul a{
        padding:10px 18px 10px 28px
    }
    .site-navigation-submenu-parent a:not(.active):hover~ul{
        display:none
    }
    .site-navigation-submenu-parent a.active~ul{
        display:block
    }
}
@media screen and (max-width:767px){
    .site-navigation{
        max-width:510px
    }
}
@media screen and (max-width:575px){
    .site-navigation{
        max-width:100%
    }
}

.roz_color { color:#E5046A }