/* @charset "UTF-8"; */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

img, fieldset, a img { border: none; }

input[type="text"], input[type="email"], input[type="tel"], textarea { -webkit-appearance: none; }

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

input[type="submit"], button { cursor: pointer; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

ul, ol { list-style-type: none; }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }
/*
@font-face { font-family: "svgfont"; 
             font-display: fallback; 
             src: local('sans-serif'),url("fonts/svgfont.eot"); 
             src: local('sans-serif'),url("fonts/svgfont.eot@") format("eot"), url("fonts/svgfont.woff") format("woff"), url("fonts/svgfont.woff2.html") format("woff2"), url("fonts/svgfont.ttf") format("truetype"); 
             font-weight: normal; 
             font-style: normal; 
}
*/
@font-face { font-family: "svgfont"; 
             src: local('sans-serif'), url("fonts/svgfont.eot"); 
             src: local('sans-serif'), url("fonts/svgfont.eot@") format("eot"), url("fonts/svgfont.woff") format("woff"), url("fonts/svgfont.woff2.html") format("woff2"), url("fonts/svgfont.ttf") format("truetype"); 
             font-weight: normal; 
             font-style: normal; 
             font-display: swap;
}

.icon, [class^="icon-"], [class*=" icon-"] { font-family: "svgfont"; font-style: normal; font-weight: normal; text-rendering: auto; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon, [class^="icon-"], [class*=" icon-"] { display: inline-block; }

.icon-a:before { content: "\EA01"; }

.icon-button-burger:before { content: "\EA02"; }

.icon-close:before { content: "\EA03"; }
.icon-close:hover {
    font-weight: 900;
}

.icon-deferred {
   /* background-image: url("../img/heart-24.png");  */
   background-image: url("../img/Green_Heart_small.png"); 
   background-color: transparent; background-repeat: no-repeat;
   background-size: contain !important;
   width:26px;
   height:26px;
}
.icon-deferred:hover {
   /* background-image: url("../img/heart-68-24.png"); */
   background-image: url("../img/Red_Heart_small.png"); 
   background-color: transparent; background-repeat: no-repeat;
   background-size: contain !important;
   width:26px;
   height:26px;
}
.icon-filter:before { content: "\EA04"; }

.icon-gal:before { content: "\EA05"; }

.icon-gotovo:before { content: "\EA06"; }

.icon-no:before { content: "\EA07"; }

.icon-search:before { content: "\EA08"; }

.icon-shape-1:before { content: "\EA09"; }

.icon-shape-2:before { content: "\EA0A"; }

.icon-shape-3:before { content: "\EA0B"; }

.icon-shape-4:before { content: "\EA0C"; }

.icon-shape-5:before { content: "\EA0D"; }

.icon-shop-but:before { content: "\EA0E"; }

.icon-success:before { content: "\EA0F"; }

.icon-yes:before { content: "\EA10"; }

.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; max-width: 100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; top: 50%; margin-top: -10px; font: 0/0 a; text-shadow: none; color: transparent; height: 20px; background: none; left: 0; z-index: 1; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.2; }
.slick-prev:before, .slick-next:before { height: 30px; line-height: 30px; content: "prev"; display: inline-block; vertical-align: middle; font-size: 15px; color: #fff; background: #000; }

.slick-next { right: 0; left: auto; }
.slick-next:before { content: "next"; display: inline-block; }

.slick-dots { text-align: center; position: absolute; margin: 0; bottom: 0; left: 0; right: 0; }
.slick-dots li { position: relative; display: inline-block; padding: 0 3px; }
.slick-dots li.slick-active button { background: #000; }
.slick-dots button { display: block; width: 10px; height: 10px; background: #fff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); cursor: pointer; font: 0/0 a; text-shadow: none; color: transparent; border-radius: 50%; }

.container { position: relative; max-width: 1300px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container:after { content: ''; display: table; clear: both; }

.container-mod { position: relative; max-width: 1355px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
.container-mod:after { content: ''; display: table; clear: both; }

/*-------inline col!--------*/
.row-inline { position: relative; font-size: 0; margin: 0 auto; margin-left: -15px; margin-right: -15px; }
.row-inline:after { content: ''; display: table; clear: both; }

.col-inline-1, .col-inline-2, .col-inline-3, .col-inline-4, .col-inline-5, .col-inline-6, .col-inline-7, .col-inline-8, .col-inline-9, .col-inline-10, .col-inline-11, .col-inline-12 { position: relative; display: inline-block; min-height: 1px; padding-left: 15px; padding-right: 15px; font-size: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.col-inline-1 { width: 8.33333%; }

.col-inline-2 { width: 16.66667%; }

.col-inline-3 { width: 25%; }

.col-inline-4 { width: 33.33333%; white-space: normal !important; }

.col-inline-5 { width: 41.66667%; }

.col-inline-6 { width: 50%; }

.col-inline-7 { width: 58.33333%; }

.col-inline-8 { width: 66.66667%; }

.col-inline-9 { width: 75%; }

.col-inline-10 { width: 83.33333%; }

.col-inline-11 { width: 91.66667%; }

.col-inline-12 { width: 100%; }

.col-inline-xs-1, .col-inline-xs-2, .col-inline-xs-3, .col-inline-xs-4, .col-inline-xs-5, .col-inline-xs-6, .col-inline-xs-7, .col-inline-xs-8, .col-inline-xs-9, .col-inline-xs-10, .col-inline-xs-11, .col-inline-xs-12 { position: relative; display: inline-block; min-height: 1px; padding-left: 15px; padding-right: 15px; font-size: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.col-inline-xs-1 { width: 8.33333%; }

.col-inline-xs-2 { width: 16.66667%; }

.col-inline-xs-3 { width: 25%; }

.col-inline-xs-4 { width: 33.33333%; }

.col-inline-xs-5 { width: 41.66667%; }

.col-inline-xs-6 { width: 50%; }

.col-inline-xs-7 { width: 58.33333%; }

.col-inline-xs-8 { width: 66.66667%; }

.col-inline-xs-9 { width: 75%; }

.col-inline-xs-10 { width: 83.33333%; }

.col-inline-xs-11 { width: 91.66667%; }

.col-inline-xs-12 { width: 100%; }
/*-------table col!--------*/
.row-table { position: relative; display: table; width: 100%; }

.col-cell-1, .col-cell-2, .col-cell-3, .col-cell-4, .col-cell-5, .col-cell-6, .col-cell-7, .col-cell-8, .col-cell-9, .col-cell-10, .col-cell-11, .col-cell-12 { position: relative; display: table-cell; padding-left: 15px; padding-right: 15px; }

.col-cell-1 { width: 8.33333%; }

.col-cell-2 { width: 16.66667%; }

.col-cell-3 { width: 25%; }

.col-cell-4 { width: 33.33333%; }

.col-cell-5 { width: 41.66667%; }

.col-cell-6 { width: 50%; }

.col-cell-7 { width: 58.33333%; }

.col-cell-8 { width: 66.66667%; }

.col-cell-9 { width: 75%; }

.col-cell-10 { width: 83.33333%; }

.col-cell-11 { width: 91.66667%; }

.col-cell-12 { width: 100%; }

/*--------position---------*/
.col-inline-1.top, .col-inline-xs-1.top, .col-inline-sm-1.top, .col-inline-md-1.top, .col-inline-lg-1.top, .col-cell-1.top { vertical-align: top; }

.col-inline-1.middle, .col-inline-xs-1.middle, .col-inline-sm-1.middle, .col-inline-md-1.middle, .col-inline-lg-1.middle, .col-cell-1.middle { vertical-align: middle; }

.col-inline-1.bottom, .col-inline-xs-1.bottom, .col-inline-sm-1.bottom, .col-inline-md-1.bottom, .col-inline-lg-1.bottom, .col-cell-1.bottom { vertical-align: bottom; }

.col-inline-2.top, .col-inline-xs-2.top, .col-inline-sm-2.top, .col-inline-md-2.top, .col-inline-lg-2.top, .col-cell-2.top { vertical-align: top; }

.col-inline-2.middle, .col-inline-xs-2.middle, .col-inline-sm-2.middle, .col-inline-md-2.middle, .col-inline-lg-2.middle, .col-cell-2.middle { vertical-align: middle; }

.col-inline-2.bottom, .col-inline-xs-2.bottom, .col-inline-sm-2.bottom, .col-inline-md-2.bottom, .col-inline-lg-2.bottom, .col-cell-2.bottom { vertical-align: bottom; }

.col-inline-3.top, .col-inline-xs-3.top, .col-inline-sm-3.top, .col-inline-md-3.top, .col-inline-lg-3.top, .col-cell-3.top { vertical-align: top; }

.col-inline-3.middle, .col-inline-xs-3.middle, .col-inline-sm-3.middle, .col-inline-md-3.middle, .col-inline-lg-3.middle, .col-cell-3.middle { vertical-align: middle; }

.col-inline-3.bottom, .col-inline-xs-3.bottom, .col-inline-sm-3.bottom, .col-inline-md-3.bottom, .col-inline-lg-3.bottom, .col-cell-3.bottom { vertical-align: bottom; }

.col-inline-4.top, .col-inline-xs-4.top, .col-inline-sm-4.top, .col-inline-md-4.top, .col-inline-lg-4.top, .col-cell-4.top { vertical-align: top; }

.col-inline-4.middle, .col-inline-xs-4.middle, .col-inline-sm-4.middle, .col-inline-md-4.middle, .col-inline-lg-4.middle, .col-cell-4.middle { vertical-align: middle; }

.col-inline-4.bottom, .col-inline-xs-4.bottom, .col-inline-sm-4.bottom, .col-inline-md-4.bottom, .col-inline-lg-4.bottom, .col-cell-4.bottom { vertical-align: bottom; }

.col-inline-5.top, .col-inline-xs-5.top, .col-inline-sm-5.top, .col-inline-md-5.top, .col-inline-lg-5.top, .col-cell-5.top { vertical-align: top; }

.col-inline-5.middle, .col-inline-xs-5.middle, .col-inline-sm-5.middle, .col-inline-md-5.middle, .col-inline-lg-5.middle, .col-cell-5.middle { vertical-align: middle; }

.col-inline-5.bottom, .col-inline-xs-5.bottom, .col-inline-sm-5.bottom, .col-inline-md-5.bottom, .col-inline-lg-5.bottom, .col-cell-5.bottom { vertical-align: bottom; }

.col-inline-6.top, .col-inline-xs-6.top, .col-inline-sm-6.top, .col-inline-md-6.top, .col-inline-lg-6.top, .col-cell-6.top { vertical-align: top; }

.col-inline-6.middle, .col-inline-xs-6.middle, .col-inline-sm-6.middle, .col-inline-md-6.middle, .col-inline-lg-6.middle, .col-cell-6.middle { vertical-align: middle; }

.col-inline-6.bottom, .col-inline-xs-6.bottom, .col-inline-sm-6.bottom, .col-inline-md-6.bottom, .col-inline-lg-6.bottom, .col-cell-6.bottom { vertical-align: bottom; }

.col-inline-7.top, .col-inline-xs-7.top, .col-inline-sm-7.top, .col-inline-md-7.top, .col-inline-lg-7.top, .col-cell-7.top { vertical-align: top; }

.col-inline-7.middle, .col-inline-xs-7.middle, .col-inline-sm-7.middle, .col-inline-md-7.middle, .col-inline-lg-7.middle, .col-cell-7.middle { vertical-align: middle; }

.col-inline-7.bottom, .col-inline-xs-7.bottom, .col-inline-sm-7.bottom, .col-inline-md-7.bottom, .col-inline-lg-7.bottom, .col-cell-7.bottom { vertical-align: bottom; }

.col-inline-8.top, .col-inline-xs-8.top, .col-inline-sm-8.top, .col-inline-md-8.top, .col-inline-lg-8.top, .col-cell-8.top { vertical-align: top; }

.col-inline-8.middle, .col-inline-xs-8.middle, .col-inline-sm-8.middle, .col-inline-md-8.middle, .col-inline-lg-8.middle, .col-cell-8.middle { vertical-align: middle; }

.col-inline-8.bottom, .col-inline-xs-8.bottom, .col-inline-sm-8.bottom, .col-inline-md-8.bottom, .col-inline-lg-8.bottom, .col-cell-8.bottom { vertical-align: bottom; }

.col-inline-9.top, .col-inline-xs-9.top, .col-inline-sm-9.top, .col-inline-md-9.top, .col-inline-lg-9.top, .col-cell-9.top { vertical-align: top; }

.col-inline-9.middle, .col-inline-xs-9.middle, .col-inline-sm-9.middle, .col-inline-md-9.middle, .col-inline-lg-9.middle, .col-cell-9.middle { vertical-align: middle; }

.col-inline-9.bottom, .col-inline-xs-9.bottom, .col-inline-sm-9.bottom, .col-inline-md-9.bottom, .col-inline-lg-9.bottom, .col-cell-9.bottom { vertical-align: bottom; }

.col-inline-10.top, .col-inline-xs-10.top, .col-inline-sm-10.top, .col-inline-md-10.top, .col-inline-lg-10.top, .col-cell-10.top { vertical-align: top; }

.col-inline-10.middle, .col-inline-xs-10.middle, .col-inline-sm-10.middle, .col-inline-md-10.middle, .col-inline-lg-10.middle, .col-cell-10.middle { vertical-align: middle; }

.col-inline-10.bottom, .col-inline-xs-10.bottom, .col-inline-sm-10.bottom, .col-inline-md-10.bottom, .col-inline-lg-10.bottom, .col-cell-10.bottom { vertical-align: bottom; }

.col-inline-11.top, .col-inline-xs-11.top, .col-inline-sm-11.top, .col-inline-md-11.top, .col-inline-lg-11.top, .col-cell-11.top { vertical-align: top; }

.col-inline-11.middle, .col-inline-xs-11.middle, .col-inline-sm-11.middle, .col-inline-md-11.middle, .col-inline-lg-11.middle, .col-cell-11.middle { vertical-align: middle; }

.col-inline-11.bottom, .col-inline-xs-11.bottom, .col-inline-sm-11.bottom, .col-inline-md-11.bottom, .col-inline-lg-11.bottom, .col-cell-11.bottom { vertical-align: bottom; }

.col-inline-12.top, .col-inline-xs-12.top, .col-inline-sm-12.top, .col-inline-md-12.top, .col-inline-lg-12.top, .col-cell-12.top { vertical-align: top; }

.col-inline-12.middle, .col-inline-xs-12.middle, .col-inline-sm-12.middle, .col-inline-md-12.middle, .col-inline-lg-12.middle, .col-cell-12.middle { vertical-align: middle; }

.col-inline-12.bottom, .col-inline-xs-12.bottom, .col-inline-sm-12.bottom, .col-inline-md-12.bottom, .col-inline-lg-12.bottom, .col-cell-12.bottom { vertical-align: bottom; }

/*-------float col!--------*/
.row { position: relative; margin-left: -15px; margin-right: -15px; }
.row:after { content: ''; display: table; clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.66667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333%; }

.col-xs-5 { width: 41.66667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333%; }

.col-xs-8 { width: 66.66667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333%; }

.col-xs-11 { width: 91.66667%; }

.col-xs-12 { width: 100%; }
/* box-sizing */
.fr-window, .fr-window [class^="fr-"], .fr-overlay, .fr-overlay [class^="fr-"], .fr-spinner, .fr-spinner [class^="fr-"] { -webkit-box-sizing: border-box; box-sizing: border-box; }

.fr-window { position: fixed; width: 100%; height: 100%; top: 0; left: 0; font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; /* Chrome hack, this fixes a visual glitch when quickly toggling a video */ -webkit-transform: translateZ(0px); transform: translateZ(0px); }

/* z-index */
.fr-overlay { z-index: 99998; }

.fr-window { z-index: 99999; }

.fr-spinner { z-index: 100000; }

/* overlay */
.fr-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; }

.fr-overlay-background { float: left; width: 100%; height: 100%; background: #000; opacity: .9; filter: alpha(opacity=90); }

.fr-overlay-ui-fullclick .fr-overlay-background { background: #292929; opacity: 1; filter: alpha(opacity=100); }

/* mobile touch has position:absolute to allow zooming */
.fr-window.fr-mobile-touch, .fr-overlay.fr-mobile-touch { position: absolute; overflow: visible; }

/* some properties on the window are used to toggle things like margin and the fullclick mode, we reset those properties after measuring them */
.fr-measured { margin: 0 !important; min-width: 0 !important; min-height: 0 !important; }

.fr-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-pages { position: absolute; width: 100%; height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-page { position: absolute; width: 100%; height: 100%; }

.fr-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; text-align: center; }

.fr-hovering-clickable .fr-container { cursor: pointer; }

/* padding: youtube & vimeo always have buttons on the outside side button = 72 = 54 + (2 * 9 margin) close button = 48
*/
/* padding ui:inside */
.fr-ui-inside .fr-container { padding: 20px 20px; }

.fr-ui-inside.fr-no-sides .fr-container { padding: 20px; }

/* padding ui:outside */
.fr-ui-outside .fr-container { padding: 20px 82px; }

.fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; }

/* reduce padding on smaller screens */
/* padding ui:fullclick */
.fr-ui-fullclick .fr-container { padding: 0; }

.fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; }

/* video fullclick */
.fr-ui-fullclick.fr-type-video .fr-container { padding: 0px 62px; }

.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0px; }

/* overflow-y should always have 0 padding top and bottom */
.fr-overflow-y .fr-container { padding-top: 0 !important; padding-bottom: 0 !important; }

.fr-content, .fr-content-background { position: absolute; top: 50%; left: 50%; /* IE11 has a 1px blur bug on the edges of the caption (ui:inside) during animation with overflow:hidden */ overflow: visible; }

/* img/iframe/error */
.fr-content-element { float: left; width: 100%; height: 100%; }

.fr-content-background { background: #101010; }

.fr-info { position: absolute; top: 0; left: 0; width: 100%; color: #efefef; font-size: 13px; line-height: 20px; text-align: left; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.fr-info-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; line-height: 1%; -webkit-filter: none; filter: none; opacity: 1; }

.fr-ui-inside .fr-info-background { filter: alpha(opacity=80); opacity: .8; zoom: 1; }

/* ui:outside has a slightly lighter info background to break up from black page backgrounds */
.fr-ui-outside .fr-info-background { background: #0d0d0d; }

/* info at the bottom for ui:inside */
.fr-content .fr-info { top: auto; bottom: 0; }

.fr-info-padder { display: block; overflow: hidden; padding: 12px; position: relative; width: auto; }

.fr-caption { width: auto; display: inline; white-space: wrap; }

.fr-position { color: #b3b3b3; float: right; line-height: 21px; opacity: 0.99; position: relative; text-align: right; margin-left: 15px; white-space: nowrap; }

/* positions not within the info bar for ui:outside/inside */
.fr-position-outside, .fr-position-inside { position: absolute; bottom: 0; right: 0; margin: 12px; width: auto; padding: 2px 8px; border-radius: 10px; font-size: 11px; line-height: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); display: none; overflow: hidden; white-space: nowrap; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.fr-position-inside { border: 0; }

.fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0d0d0d; filter: alpha(opacity=80); opacity: .8; zoom: 1; /* oldIE */ }

.fr-position-text { color: #b3b3b3; }

.fr-position-outside .fr-position-text, .fr-position-inside .fr-position-text { float: left; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); opacity: 1; }

/* display it for the outside ui, hide the caption inside */
.fr-ui-outside .fr-position-outside { display: block; }

.fr-ui-outside .fr-info .fr-position { display: none; }

.fr-ui-inside.fr-no-caption .fr-position-inside { display: block; }

/* links */
.fr-info a, .fr-info a:hover { color: #ccc; border: 0; background: none; text-decoration: underline; }

.fr-info a:hover { color: #eee; }

/* no-caption */
.fr-ui-outside.fr-no-caption .fr-info { display: none; }

.fr-ui-inside.fr-no-caption .fr-caption { display: none; }

/* --- stroke */
.fr-stroke { position: absolute; top: 0; left: 0; width: 100%; height: 1px; }

.fr-stroke-vertical { width: 1px; height: 100%; }

.fr-stroke-horizontal { padding: 0 1px; }

.fr-stroke-right { left: auto; right: 0; }

.fr-stroke-bottom { top: auto; bottom: 0; }

.fr-stroke-color { float: left; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.08); }

/* the stroke is brighter inside the info box */
.fr-info .fr-stroke-color { background: rgba(80, 80, 80, 0.3); }

/* remove the stroke when outside ui has a caption */
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; }

/* remove stroke and shadow when ui:fullclick */
.fr-ui-fullclick .fr-stroke { display: none; }

.fr-ui-fullclick .fr-content-background { -webkit-box-shadow: none; box-shadow: none; }

/* the info box never bas a top stroke */
.fr-info .fr-stroke-top { display: none; }

/* < > */
.fr-side { position: absolute; top: 50%; width: 54px; height: 72px; margin: 0 9px; margin-top: -36px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; zoom: 1; }

.fr-side-previous { left: 0; }

.fr-side-next { right: 0; left: auto; }

.fr-side-disabled { cursor: default; }

.fr-side-hidden { display: none !important; }

.fr-side-button { float: left; width: 100%; height: 100%; margin: 0; padding: 0; }

.fr-side-button-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #101010; background-color: #ccc; }

.fr-side-button-icon { float: left; position: relative; height: 100%; width: 100%; zoom: 1; background-position: 50% 50%; background-repeat: no-repeat; }

/* smaller side buttons */
/* X */
.fr-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-close-background, .fr-close-icon { position: absolute; top: 12px; left: 12px; height: 26px; width: 26px; background-position: 50% 50%; background-repeat: no-repeat; }

.fr-close-background { background-color: #000; }

/* Thumbnails */
.fr-thumbnails { position: absolute; overflow: hidden; }

.fr-thumbnails-disabled .fr-thumbnails { display: none !important; }

.fr-thumbnails-horizontal .fr-thumbnails { width: 100%; height: 12%; min-height: 74px; max-height: 160px; bottom: 0; }

.fr-thumbnails-vertical .fr-thumbnails { height: 100%; width: 10%; min-width: 74px; max-width: 160px; left: 0; }

.fr-thumbnails, .fr-thumbnails * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-thumbnails-wrapper { position: absolute; top: 0; left: 50%; height: 100%; }

.fr-thumbnails-vertical .fr-thumbnails-wrapper { top: 50%; left: 0; }

.fr-thumbnails-slider { position: relative; width: 100%; height: 100%; float: left; zoom: 1; }

.fr-thumbnails-slider-slide { position: absolute; top: 0; left: 0; height: 100%; }

.fr-thumbnails-thumbs { float: left; height: 100%; overflow: hidden; position: relative; top: 0; left: 0; }

.fr-thumbnails-slide { position: absolute; top: 0; height: 100%; width: 100%; }

.fr-thumbnail-frame { position: absolute; zoom: 1; overflow: hidden; }

.fr-thumbnail { position: absolute; width: 30px; height: 100%; left: 50%; top: 50%; zoom: 1; cursor: pointer; margin: 0 10px; }

.fr-ltIE9 .fr-thumbnail * { overflow: hidden; /* IE6(7) */ z-index: 1; zoom: 1; }

.fr-thumbnail-wrapper { position: relative; background: #161616; width: 100%; height: 100%; float: left; overflow: hidden; display: inline; /* IE6(7) */ z-index: 0; /* IE8 */ }

.fr-thumbnail-overlay { cursor: pointer; }

.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }

.fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; overflow: hidden; border-style: solid; border-color: transparent; }

.fr-ltIE9 .fr-thumbnail-overlay-border { border-width: 0 !important; }

.fr-thumbnail .fr-thumbnail-image { position: absolute; filter: alpha(opacity=85); opacity: .85; max-width: none; }

.fr-thumbnail:hover .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=99); opacity: .99; }

.fr-thumbnail-active .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=35); opacity: .35; }

.fr-thumbnail-active { cursor: default; }

/* Thumbnails loading */
.fr-thumbnail-loading, .fr-thumbnail-loading-background, .fr-thumbnail-loading-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-thumbnail-loading-background { background-color: #161616; background-position: 50% 50%; background-repeat: no-repeat; opacity: .8; position: relative; float: left; }

/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon { display: none; }

/* error on thumbnail */
.fr-thumbnail-error .fr-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #202020; }

/* Thumbnail < > */
.fr-thumbnails-side { float: left; height: 100%; width: 28px; margin: 0 5px; position: relative; overflow: hidden; }

.fr-thumbnails-side-previous { margin-left: 12px; }

.fr-thumbnails-side-next { margin-right: 12px; }

.fr-thumbnails-vertical .fr-thumbnails-side { height: 28px; width: 100%; margin: 10px 0; }

.fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }

.fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }

.fr-thumbnails-side-button { position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -14px; width: 28px; height: 28px; cursor: pointer; }

.fr-thumbnails-side-button-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=80); opacity: .8; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in; background-color: #333; cursor: pointer; border-radius: 4px; }

.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }

.fr-thumbnails-side-button-disabled * { cursor: default; }

.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }

.fr-thumbnails-side-button-icon { height: 42px; width: 42px; position: absolute; /*top: -7px;
left: -7px;*/ top: 0; left: 0; width: 100%; height: 100%; }

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side, .fr-thumbnails-vertical .fr-thumbnails-thumbs, .fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; }

/* ui:fullclick has a dark thumbnail background */
.fr-window-ui-fullclick .fr-thumbnails { background: #090909; }

/* put a stroke on the connecting caption*/
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; }

/*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; }

/* thumbnail spacing  */
.fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; }

.fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; }

.fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; }

/* horizontal */
/* vertical */
/* hide thumbnails on smaller screens the js always hides them on touch based devices
*/
/* force fullClick: true and force overflow: false */
/* switch between ui modes we force everything not in the current UI mode to hide
*/
.fr-window-ui-fullclick .fr-side-next-outside, .fr-window-ui-fullclick .fr-side-previous-outside, .fr-window-ui-fullclick .fr-close-outside, .fr-window-ui-fullclick .fr-content .fr-side-next, .fr-window-ui-fullclick .fr-content .fr-side-previous, .fr-window-ui-fullclick .fr-content .fr-close, .fr-window-ui-fullclick .fr-content .fr-info, .fr-window-ui-outside .fr-side-next-fullclick, .fr-window-ui-outside .fr-side-previous-fullclick, .fr-window-ui-outside .fr-close-fullclick, .fr-window-ui-outside .fr-content .fr-side-next, .fr-window-ui-outside .fr-content .fr-side-previous, .fr-window-ui-outside .fr-content .fr-close, .fr-window-ui-outside .fr-content .fr-info, .fr-window-ui-inside .fr-page > .fr-info, .fr-window-ui-inside .fr-side-next-fullclick, .fr-window-ui-inside .fr-side-previous-fullclick, .fr-window-ui-inside .fr-close-fullclick, .fr-window-ui-inside .fr-side-next-outside, .fr-window-ui-inside .fr-side-previous-outside, .fr-window-ui-inside .fr-close-outside { display: none !important; }

/* some ui elements can be toggled on mousemove. filter:alpha(opacity) is bugged so we use display in oldIE
*/
.fr-toggle-ui { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }

.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui, .fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; }

.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { -webkit-transition: opacity .3s; transition: opacity .3s; }

.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { display: none; }

/* Spinner */
.fr-spinner { position: fixed; width: 52px; height: 52px; background: #101010; background: rgba(16, 16, 16, 0.85); border-radius: 5px; }

.fr-spinner div { position: absolute; top: 0; left: 0; height: 64%; width: 64%; margin-left: 18%; margin-top: 18%; opacity: 1; -webkit-animation: fresco-12 1.2s infinite ease-in-out; animation: fresco-12 1.2s infinite ease-in-out; }

.fr-spinner div:after { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 8px; margin-left: -1px; background: #fff; -webkit-box-shadow: 0 0 1px transparent; box-shadow: 0 0 1px transparent; /* fixes rendering in Firefox */ }

.fr-spinner div.fr-spin-1 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.fr-spinner div.fr-spin-2 { -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.fr-spinner div.fr-spin-3 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.fr-spinner div.fr-spin-4 { -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.fr-spinner div.fr-spin-5 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.fr-spinner div.fr-spin-7 { -ms-transform: rotate(210deg); -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.fr-spinner div.fr-spin-8 { -ms-transform: rotate(240deg); -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.fr-spinner div.fr-spin-9 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.fr-spinner div.fr-spin-10 { -ms-transform: rotate(300deg); -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.fr-spinner div.fr-spin-11 { -ms-transform: rotate(330deg); -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

.fr-spinner div.fr-spin-12 { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-delay: 0s; animation-delay: 0s; }

@-webkit-keyframes fresco-12 { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fresco-12 { 0% { opacity: 1; }
  100% { opacity: 0; } }
/* Thumbnail spinner */
.fr-thumbnail-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; }

.fr-thumbnail-spinner-spin { position: relative; float: left; margin: 8px 0 0 8px; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); border-left: 2px solid #fff; -webkit-animation: fr-thumbnail-spin 1.1s infinite linear; animation: fr-thumbnail-spin 1.1s infinite linear; }

.fr-thumbnail-spinner-spin, .fr-thumbnail-spinner-spin:after { border-radius: 50%; width: 24px; height: 24px; }

@-webkit-keyframes fr-thumbnail-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes fr-thumbnail-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* Error */
.fr-error { float: left; position: relative; background-color: #ca3434; width: 160px; height: 160px; }

.fr-error-icon { position: absolute; width: 42px; height: 42px; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; }

.fr-pages canvas { left: -100% !important; }

/* skin: 'fresco' */
/* Sprite */
.fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon { background-image: url("../img/sprite.svg"); }

/* fallback png sprite */
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-close-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon { background-image: url("../img/sprite.png"); }

.fr-window-skin-fresco .fr-error-icon { background-position: -160px -126px; }

.fr-window-skin-fresco .fr-content-background { background: #101010; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }

.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { -webkit-box-shadow: none; box-shadow: none; }

/* thumbnail shadow */
.fr-window-skin-fresco .fr-thumbnail-wrapper { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

/* < > */
.fr-window-skin-fresco .fr-side-button-background { background-color: transparent; }

.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: -13px -14px; }

.fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -93px -14px; }

.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -93px -114px; }

/* transition (png) */
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }

/* disabled state (png) */
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: -13px -214px; }

.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -93px -214px; }

/* transition (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }

.fr-window-skin-fresco.fr-svg .fr-side-button-icon { opacity: .5; }

.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon { opacity: 1; }

.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon { opacity: .8; }

/* touch always active but at lower opacity */
/* disabled (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon { opacity: .2; }

/* TODO: make sure this works */
/* hide for ui:inside/fullclick, only for the image type */
.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; }

/* < > responsive */
/* X */
/* colors */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; }

.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }

.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; filter: alpha(opacity=80); opacity: .8; }

.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; }

/* - image */
.fr-window-skin-fresco .fr-close .fr-close-icon { background-position: -168px -8px; }

.fr-window-skin-fresco .fr-close:hover .fr-close-icon { background-position: -210px -8px; }

/* - transition */
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon { background-position: -210px -8px; opacity: .8; }

.fr-window-skin-fresco .fr-close:hover .fr-close-icon { opacity: 1; }

/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps force a single opacity to fix this
*/
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon, .fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon { opacity: 1; }

/* Thumbnails */
.fr-window-skin-fresco .fr-thumbnail-wrapper { border-color: transparent; border-style: solid; border-width: 0; }

.fr-window-skin-fresco .fr-thumbnail-wrapper { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

.fr-window-skin-fresco .fr-thumbnail-wrapper { -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3); }

.fr-window-skin-fresco .fr-thumbnail-overlay-border { border-width: 1px; border-color: rgba(255, 255, 255, 0.08); /* should remain rgba */ }

/* no inner border on active thumbnail */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border, .fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }

/* Thumbnails < > */
.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -167px -49px; }

.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -209px -49px; }

.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -167px -91px; }

.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -209px -91px; }

/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -293px -49px; }

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -335px -49px; }

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -293px -91px; }

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -335px -91px; }

/* Thumbnails < > transition */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon { -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .8; }

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -167px -49px; }

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -209px -91px; }

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }

/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -293px -49px; }

.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -335px -91px; }

/* lower opacity on disabled states */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }

/* lower opacity IE < 9 using images */
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -49px; }

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -91px; }

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background { filter: alpha(opacity=50); }

/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -49px; }

.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -91px; }

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

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

.mfp-container { 
    text-align: center; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    left: 0; top: 0; 
    padding: 0 8px; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    /* kate */
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

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

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

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

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

.mfp-auto-cursor .mfp-content {
  height: 100%;
  cursor: auto;
}

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

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

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

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

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

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

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 34px; height: 34px; line-height: 44px; position: absolute; background: transparent; right: 16px; top: 17px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 50px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

/*.mfp-close:active {*/
/*top: 1px; }*/
.mfp-close-btn-in .mfp-close { color: #349a9a; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

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

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

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

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
.white-popup { position: relative; background: #FFF; padding: 24px; width: auto; margin: 50px auto; text-align: center; min-width: 896px; }

/* Styles for dialog window */
#small-dialog { background: white; padding: 20px 30px; text-align: left; max-width: 400px; margin: 40px auto; position: relative; }

/** Fade-zoom animation for first dialog */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }

/** Fade-move animation for second dialog */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); }

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); }

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); }

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; }

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }

/*!
 * # Semantic UI 2.2.3 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.dropdown { cursor: pointer; position: relative; display: inline-block; outline: 0; text-align: left; -webkit-transition: box-shadow .1s ease,width .1s ease; -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease; transition: width .1s ease,-webkit-box-shadow .1s ease; transition: box-shadow .1s ease,width .1s ease; transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease; -webkit-tap-highlight-color: transparent; }

.ui.dropdown .menu { cursor: auto; position: absolute; display: none; outline: 0; top: 100%; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; margin: 0; padding: 0; background: #FFF; font-size: 1em; text-shadow: none; text-align: left; -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: .28571429rem; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; z-index: 11; will-change: transform,opacity; }

.ui.dropdown .menu > * { white-space: nowrap; }

.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select { display: none !important; }

.ui.dropdown > .dropdown.icon { position: relative; font-size: .85714286em; margin: 0 0 0 1em; }

.ui.dropdown .menu > .item .dropdown.icon { width: auto; float: right; margin: 0 0 0 1em; }

.ui.dropdown .menu > .item .dropdown.icon + .text { margin-right: 1em; }

.ui.dropdown > .text { display: inline-block; -webkit-transition: none; transition: none; }

.ui.dropdown .menu > .item { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none; line-height: 1em; color: rgba(0, 0, 0, 0.87); padding: 0.78571rem 1.14286rem !important; font-size: 1rem; text-transform: none; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; -webkit-touch-callout: none; }

.ui.dropdown .menu > .item:first-child { border-top-width: 0; }

.ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] { float: right !important; margin-right: 0 !important; margin-left: 1em !important; }

.ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] { float: left !important; margin-left: 0 !important; margin-right: 1em !important; }

.ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated { margin-top: 0; }

.ui.dropdown .menu > .header { margin: 1rem 0 .75rem; padding: 0 1.14285714rem; color: rgba(0, 0, 0, 0.85); font-size: .78571429em; font-weight: 700; text-transform: uppercase; }

.ui.dropdown .menu > .divider { border-top: 1px solid rgba(34, 36, 38, 0.1); height: 0; margin: .5em 0; }

.ui.dropdown .menu > .input { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 1.14285714rem .78571429rem; min-width: 10rem; }

.ui.dropdown .menu > .header + .input { margin-top: 0; }

.ui.dropdown .menu > .input:not(.transparent) input { padding: .5em 1em; }

.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label { padding-top: .5em; padding-bottom: .5em; }

.ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description { float: right; margin: 0 0 0 1em; color: rgba(0, 0, 0, 0.4); }

.ui.dropdown .menu > .message { padding: .78571429rem 1.14285714rem; font-weight: 400; }

.ui.dropdown .menu > .message:not(.ui) { color: rgba(0, 0, 0, 0.4); }

.ui.dropdown .menu .menu { top: 0 !important; left: 100% !important; right: auto !important; margin: 0 0 0 -0.5em !important; border-radius: 0.28571rem !important; z-index: 21 !important; }

.ui.dropdown .menu .menu:after { display: none; }

.ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img { margin-top: 0; margin-left: 0; float: none; margin-right: .78571429rem; }

.ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img { display: inline-block; vertical-align: middle; width: auto; max-height: 2em; }

.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before { display: none; }

.ui.menu .ui.dropdown .menu .active.item { border-left: none; }

.ui.buttons > .ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu { left: auto; right: 0; }

.ui.label.dropdown .menu { min-width: 100%; }

.ui.dropdown.icon.button > .dropdown.icon { margin: 0; }

.ui.button.dropdown .menu { min-width: 100%; }

.ui.selection.dropdown { cursor: pointer; word-wrap: break-word; line-height: 1em; white-space: normal; outline: 0; -webkit-transform: rotateZ(0); -ms-transform: rotate(0); transform: rotateZ(0); min-width: 14em; min-height: 2.7142em; background: #FFF; display: inline-block; padding: .78571429em 2.1em .78571429em 1em; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: .28571429rem; -webkit-transition: box-shadow .1s ease,width .1s ease; -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease; transition: width .1s ease,-webkit-box-shadow .1s ease; transition: box-shadow .1s ease,width .1s ease; transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease; }

.ui.selection.dropdown.active, .ui.selection.dropdown.visible { z-index: 10; }

select.ui.dropdown { height: 38px; padding: .5em; border: 1px solid rgba(34, 36, 38, 0.15); visibility: visible; }

.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon { cursor: pointer; position: absolute; width: auto; height: auto; line-height: 1.2142em; top: .78571429em; right: 1em; z-index: 3; margin: -.78571429em; padding: .78571429em; opacity: .8; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; }

.ui.compact.selection.dropdown { min-width: 0; }

.ui.selection.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; border-top-width: 0 !important; outline: 0; margin: 0 -1px; min-width: -webkit-calc(100% + 2px); min-width: calc(100% + 2px); width: -webkit-calc(100% + 2px); width: calc(100% + 2px); border-radius: 0 0 .28571429rem .28571429rem; -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-transition: opacity .1s ease; transition: opacity .1s ease; }

.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before { display: none; }

.ui.selection.dropdown .menu > .message { padding: .78571429rem 1.14285714rem; }
.ui.selection.dropdown .menu > .item { border-top: 1px solid #FAFAFA; padding: 0.78571rem 1.14286rem !important; white-space: normal; word-wrap: normal; }

.ui.selection.dropdown .menu > .hidden.addition.item { display: none; }

.ui.selection.dropdown:hover { border-color: rgba(34, 36, 38, 0.35); -webkit-box-shadow: none; box-shadow: none; }

.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu { border-color: #96C8DA; -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); }

.ui.selection.dropdown:focus { border-color: #96C8DA; -webkit-box-shadow: none; box-shadow: none; }

.ui.selection.dropdown:focus .menu { border-color: #96C8DA; -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); }

.ui.selection.visible.dropdown > .text:not(.default) { font-weight: 400; color: rgba(0, 0, 0, 0.8); }

.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu { border-color: #96C8DA; -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); }

.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon { opacity: 1; z-index: 3; }

.ui.active.selection.dropdown { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.ui.active.empty.selection.dropdown { border-radius: 0.28571rem !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.ui.active.empty.selection.dropdown .menu { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.ui.search.dropdown { min-width: ''; }

.ui.search.dropdown > input.search { background: none !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; cursor: text; top: 0; left: 1px; width: 100%; outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: inherit; position: absolute; z-index: 2; }

.ui.search.dropdown > .text { cursor: text; position: relative; left: 1px; z-index: 3; }

.ui.search.selection.dropdown > input.search { line-height: 1.2142em; padding: .67861429em 2.1em .67861429em 1em; }

.ui.search.selection.dropdown > span.sizer { line-height: 1.2142em; padding: .67861429em 2.1em .67861429em 1em; display: none; white-space: pre; }

.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search { cursor: auto; }

.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text { pointer-events: none; }

.ui.active.search.dropdown input.search:focus + .text .flag, .ui.active.search.dropdown input.search:focus + .text .icon { opacity: .45; }

.ui.active.search.dropdown input.search:focus + .text { color: rgba(115, 115, 115, 0.87) !important; }

.ui.search.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }
.ui.multiple.dropdown { padding: .22620476em 2.1em .22620476em .35714286em; }

.ui.multiple.dropdown .menu { cursor: auto; }

.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search { cursor: text; }

.ui.multiple.dropdown > .label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: top; white-space: normal; font-size: 1em; padding: .35714286em .78571429em; margin: .14285714rem .28571429rem .14285714rem 0; -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; }

.ui.multiple.dropdown .dropdown.icon { margin: ''; padding: ''; }

.ui.multiple.dropdown > .text { position: static; padding: 0; max-width: 100%; margin: .45240952em 0 .45240952em .64285714em; line-height: 1.21428571em; }

.ui.multiple.dropdown > .label ~ input.search { margin-left: 0.14286em !important; }

.ui.multiple.dropdown > .label ~ .text { display: none; }

.ui.multiple.search.dropdown > .text { display: inline-block; position: absolute; top: 0; left: 0; padding: inherit; margin: .45240952em 0 .45240952em .64285714em; line-height: 1.21428571em; }

.ui.multiple.search.dropdown > .label ~ .text { display: none; }

.ui.multiple.search.dropdown > input.search { position: static; padding: 0; max-width: 100%; margin: .45240952em 0 .45240952em .64285714em; width: 2.2em; line-height: 1.21428571em; }

.ui.inline.dropdown { cursor: pointer; display: inline-block; color: inherit; }

.ui.inline.dropdown .dropdown.icon { margin: 0 .5em 0 .21428571em; vertical-align: baseline; }

.ui.inline.dropdown > .text { font-weight: 700; }

.ui.inline.dropdown .menu { cursor: auto; margin-top: .21428571em; border-radius: .28571429rem; }

.ui.dropdown .menu .active.item { background: 0 0; font-weight: 700; color: rgba(0, 0, 0, 0.95); -webkit-box-shadow: none; box-shadow: none; z-index: 12; }

.ui.dropdown .menu > .item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); z-index: 13; }

.ui.loading.dropdown > i.icon { height: 1em !important; padding: 1.14286em 1.07143em !important; }

.ui.loading.dropdown > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.dropdown > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: dropdown-spin .6s linear; animation: dropdown-spin .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: .2em; }

.ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before { display: none; }

@-webkit-keyframes dropdown-spin { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes dropdown-spin { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text { color: rgba(191, 191, 191, 0.87); }

.ui.default.dropdown:not(.button) > input:focus + .text, .ui.dropdown:not(.button) > input:focus + .default.text { color: rgba(115, 115, 115, 0.87); }

.ui.loading.dropdown > .text { -webkit-transition: none; transition: none; }

.ui.dropdown .loading.menu { display: block; visibility: hidden; z-index: -1; }

.ui.dropdown .menu .selected.item, .ui.dropdown.selected { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); }

.ui.dropdown > .filtered.text { visibility: hidden; }

.ui.dropdown .filtered.item { display: none !important; }

.ui.dropdown.error, .ui.dropdown.error > .default.text, .ui.dropdown.error > .text { color: #9F3A38; }

.ui.selection.dropdown.error { background: #FFF6F6; border-color: #E0B4B4; }

.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu, .ui.selection.dropdown.error:hover { border-color: #E0B4B4; }

.ui.dropdown.error > .menu > .item { color: #9F3A38; }

.ui.multiple.selection.error.dropdown > .label { border-color: #E0B4B4; }

.ui.dropdown.error > .menu > .item:hover { background-color: #FFF2F2; }

.ui.dropdown.error > .menu .active.item { background-color: #FDCFCF; }

.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item { cursor: default; pointer-events: none; opacity: .45; }

.ui.dropdown .menu { left: 0; }

.ui.dropdown .menu .right.menu, .ui.dropdown .right.menu > .menu { left: 100% !important; right: auto !important; border-radius: 0.28571rem !important; }

.ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu { left: auto !important; right: 100% !important; border-radius: 0.28571rem !important; }

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0 .78571429rem 0 0; }

.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text { margin-left: 1em; }

.ui.upward.dropdown > .menu { top: auto; bottom: 100%; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); border-radius: .28571429rem .28571429rem 0 0; }

.ui.dropdown .upward.menu { top: auto !important; bottom: 0 !important; }

.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover { border-radius: 0.28571rem 0.28571rem 0 0 !important; }

.ui.upward.dropdown.button:not(.pointing):not(.floating).active { border-radius: .28571429rem .28571429rem 0 0; }

.ui.upward.selection.dropdown .menu { border-top-width: 1px !important; border-bottom-width: 0 !important; -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); }

.ui.upward.selection.dropdown:hover { -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); }

.ui.active.upward.selection.dropdown { border-radius: 0 0 0.28571rem 0.28571rem !important; }

.ui.upward.selection.dropdown.visible { -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); border-radius: 0 0 0.28571rem 0.28571rem !important; }

.ui.upward.active.selection.dropdown:hover { -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); }

.ui.upward.active.selection.dropdown:hover .menu { -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); }

.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu { overflow-x: hidden; overflow-y: auto; }

.ui.scrolling.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; min-width: 100% !important; width: auto !important; }

.ui.dropdown .scrolling.menu { position: static; overflow-y: auto; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; min-width: 100% !important; width: auto !important; border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item { border-top: none; padding-right: -webkit-calc(1.14285714rem + 17px) !important; padding-right: calc(1.14285714rem + 17px) !important; }

.ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child { border-top: none; }

.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu { display: block; }
.ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before { display: none; }

.ui.simple.dropdown .menu { position: absolute; display: block; overflow: hidden; top: -9999px !important; opacity: 0; width: 0; height: 0; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; }

.ui.simple.active.dropdown, .ui.simple.dropdown:hover { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }

.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu { overflow: visible; width: auto; height: auto; top: 100% !important; opacity: 1; }

.ui.simple.dropdown:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu { overflow: visible; width: auto; height: auto; top: 0 !important; left: 100% !important; opacity: 1; }

.ui.simple.disabled.dropdown:hover .menu { display: none; height: 0; width: 0; overflow: hidden; }

.ui.simple.visible.dropdown > .menu { display: block; }

.ui.fluid.dropdown { display: block; width: 100%; min-width: 0; }

.ui.fluid.dropdown > .dropdown.icon { float: right; }

.ui.floating.dropdown .menu { left: 0; right: auto; -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; border-radius: 0.28571rem !important; }

.ui.floating.dropdown > .menu { margin-top: 0.5em !important; border-radius: 0.28571rem !important; }

.ui.pointing.dropdown > .menu { top: 100%; margin-top: .78571429rem; border-radius: .28571429rem; }

.ui.pointing.dropdown > .menu:after { display: block; position: absolute; pointer-events: none; content: ''; visibility: visible; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: .5em; height: .5em; -webkit-box-shadow: -1px -1px 0 1px rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0 1px rgba(34, 36, 38, 0.15); background: #FFF; z-index: 2; top: -.25em; left: 50%; margin: 0 0 0 -.25em; }

.ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; left: 0; right: auto; margin: 1em 0 0; }

.ui.top.left.pointing.dropdown > .menu:after { top: -.25em; left: 1em; right: auto; margin: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.ui.top.right.pointing.dropdown > .menu { top: 100%; bottom: auto; right: 0; left: auto; margin: 1em 0 0; }

.ui.top.right.pointing.dropdown > .menu:after { top: -.25em; left: auto; right: 1em; margin: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.ui.left.pointing.dropdown > .menu { top: 0; left: 100%; right: auto; margin: 0 0 0 1em; }

.ui.left.pointing.dropdown > .menu:after { top: 1em; left: -.25em; margin: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.ui.right.pointing.dropdown > .menu { top: 0; left: auto; right: 100%; margin: 0 1em 0 0; }

.ui.right.pointing.dropdown > .menu:after { top: 1em; left: auto; right: -.25em; margin: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.ui.bottom.pointing.dropdown > .menu { top: auto; bottom: 100%; left: 0; right: auto; margin: 0 0 1em; }

.ui.bottom.pointing.dropdown > .menu:after { top: auto; bottom: -.25em; right: auto; margin: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.ui.bottom.pointing.dropdown > .menu .menu { top: auto !important; bottom: 0 !important; }

.ui.bottom.left.pointing.dropdown > .menu { left: 0; right: auto; }

.ui.bottom.left.pointing.dropdown > .menu:after { left: 1em; right: auto; }

.ui.bottom.right.pointing.dropdown > .menu { right: 0; left: auto; }

.ui.bottom.right.pointing.dropdown > .menu:after { left: auto; right: 1em; }

.ui.upward.pointing.dropdown > .menu, .ui.upward.top.pointing.dropdown > .menu { top: auto; bottom: 100%; margin: 0 0 .78571429rem; border-radius: .28571429rem; }

.ui.upward.pointing.dropdown > .menu:after, .ui.upward.top.pointing.dropdown > .menu:after { top: 100%; bottom: auto; -webkit-box-shadow: 1px 1px 0 1px rgba(34, 36, 38, 0.15); box-shadow: 1px 1px 0 1px rgba(34, 36, 38, 0.15); margin: -.25em 0 0; }

@font-face { font-family: Dropdown; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"); font-weight: 400; font-style: normal; }
.ui.dropdown > .dropdown.icon { font-family: Dropdown; line-height: 1; height: 1em; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-weight: 400; font-style: normal; text-align: center; width: auto; }

.ui.dropdown > .dropdown.icon:before { content: '\f0d7'; }

.ui.dropdown .menu .item .dropdown.icon:before { content: '\f0da'; }

.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before { content: "\f0d9"; }

.ui.vertical.menu .dropdown.item > .dropdown.icon:before { content: "\f0da"; }

/* Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. */
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.noUi-target { position: relative; direction: ltr; }

.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ }

.noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }

.noUi-origin { position: absolute; height: 0; width: 0; }

.noUi-handle { position: relative; z-index: 1; }

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

.noUi-state-drag * { cursor: inherit !important; }

/* Painting and performance; Browsers can paint handles in their own layer. */
.noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* Slider size and handle placement; */
.noUi-horizontal { height: 18px; }

.noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; }

.noUi-vertical { width: 18px; }

.noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; }

/* Styling; */
.noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connect { background: #3FB8AF; -webkit-box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; transition: background 450ms; }

/* Handles and cursors; */
.noUi-draggable { cursor: w-resize; }

.noUi-vertical .noUi-draggable { cursor: n-resize; }

.noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active { -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes; */
.noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; }

.noUi-handle:after { left: 17px; }

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; }

.noUi-vertical .noUi-handle:after { top: 17px; }

/* Disabled state; */
[disabled] .noUi-connect { background: #B8B8B8; }

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; }

.noUi-handle:before { display: none !important; }

/*!
 * # Semantic UI 2.2.3 - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.tab { display: none; }

.ui.tab.active, .ui.tab.open { display: block; }

.ui.tab.loading { position: relative; overflow: hidden; display: block; min-height: 250px; }

.ui.tab.loading * { position: relative !important; left: -10000px !important; }

.ui.tab.loading.segment:before, .ui.tab.loading:before { position: absolute; content: ''; top: 100px; left: 50%; margin: -1.25em 0 0 -1.25em; width: 2.5em; height: 2.5em; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.tab.loading.segment:after, .ui.tab.loading:after { position: absolute; content: ''; top: 100px; left: 50%; margin: -1.25em 0 0 -1.25em; width: 2.5em; height: 2.5em; -webkit-animation: button-spin .6s linear; animation: button-spin .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: .2em; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; }

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base { /* this ensures that a constrained height set by functionPosition,
if greater that the natural height of the tooltip, will be enforced
in browsers that support display:flex */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; color: #fff; }

.tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
and flex-basis auto for IE11- (at least) */ -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.tooltipster-content { /* prevents an overflow if the user adds padding to the div */ -webkit-box-sizing: border-box; box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; }

.tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; }

.tooltipster-fade.tooltipster-show { opacity: 1; }

/* grow */
.tooltipster-grow { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall { -webkit-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial { top: 0 !important; }

.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; }

/* slide */
.tooltipster-slide { -webkit-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial { left: -40px !important; }

.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */
/* fade */
@-webkit-keyframes tooltipster-fading { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes tooltipster-fading { 0% { opacity: 0; }
  100% { opacity: 1; } }
.tooltipster-update-fade { -webkit-animation: tooltipster-fading 400ms; animation: tooltipster-fading 400ms; }

/* rotate */
@-webkit-keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }
@keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
  100% { -webkit-transform: rotate(0); transform: rotate(0); } }
.tooltipster-update-rotate { -webkit-animation: tooltipster-rotating 600ms; animation: tooltipster-rotating 600ms; }

/* scale */
@-webkit-keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.tooltipster-update-scale { -webkit-animation: tooltipster-scaling 600ms; animation: tooltipster-scaling 600ms; }

/** DEFAULT STYLE OF THE SIDETIP PLUGIN  All styles are "namespaced" with .tooltipster-sidetip to prevent conflicts between plugins. */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box { border-radius: 5px; background: #fd7575; border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
been positioned yet */ top: 0; width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #fd7575; left: 0px; top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #fd7575; left: -3px; top: 0px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #fd7575; left: 3px; top: 0px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #fd7575; left: 0px; top: -3px; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #fd7575; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #fd7575; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #fd7575; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #fd7575; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; }

html { font-size: 16px; height: 100%; }

body { font-family: "Open Sans"; font-size: 12px; line-height: 1.4; position: relative; margin: 0; }

.h1 { color: #333; font-size: 40px; font-size: 2.5rem; font-weight: 300; text-transform: uppercase; }

.h2 { color: #333; font-size: 36px; font-size: 2.25rem; font-weight: 400; line-height: 30px; text-align: center; }

.h3 { font-size: 24px; font-size: 1.5rem; color: #333; font-weight: 400; line-height: 30px; }

.hh3 { font-size: 24px; font-size: 1.5rem; color: #333; font-weight: 400; line-height: 30px; }

p, .text { font-size: 14px; font-size: 0.875rem; color: #6c6969; line-height: 24px; }

a { text-decoration: none; }

.icon { vertical-align: middle; }
/*-- igor 23-07-2019 ---*/
/*
.button { 
    background-color: #00be7a; 
    border-radius: 50px; 
    padding: 15px 30px; 
    color: #fff; 
    font-size: 18px; 
    font-size: 1.125rem; 
    -webkit-box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5); 
    box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5); 
    font-weight: 700; 
    display: inline-block; 
    -webkit-transition: all 0.2s; transition: all 0.2s; 
}
*/
.button { 
  background-color: #00be7a; 
  border-radius: 20px; 
  padding: 5px 35px; 
  color: #fff; 
  font-size: 18px; 
  font-size: 1.125rem; 
  -webkit-box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5); box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5); 
  font-weight: 700; 
  display: inline-block; 
  -webkit-transition: all 0.2s; 
  transition: all 0.2s; 
}

.button-search { 
    background-color: #00be7a; 
    border-radius: 50px; 
    padding: 15px 30px; 
    color: #fff; 
    font-size: 18px; 
    font-size: 1.125rem; 
    -webkit-box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5); 
    box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5); 
    font-weight: 700; 
    display: inline-block; 
    -webkit-transition: all 0.2s; transition: all 0.2s; 
}

.button:hover, .button.is-active, .button-search:hover { 
    background-color: #14cf6c; 
    -webkit-box-shadow: 0px 3px 22px 0px rgba(10, 214, 106, 0.42); 
    box-shadow: 0px 3px 22px 0px rgba(10, 214, 106, 0.42); 
}

.or-button  { 
  background-color: #ff8136; 
  -webkit-box-shadow: 0px 3px 22px 0px rgba(252, 164, 135, 1); 
  box-shadow: 0px 3px 22px 0px rgba(253, 170, 58, 1); 
  border-radius: 20px; 
  padding: 5px 35px; 
  color: #fff; 
  font-size: 18px; 
  font-size: 1.125rem; 
  font-weight: 700; 
  display: inline-block; 
  -webkit-transition: all 0.2s; 
  transition: all 0.2s; 
}

.or-button:hover, .or-button.is-active, .or-button-search:hover { 
  background-color: #dd765e; 
  -webkit-box-shadow: 0px 3px 22px 0px rgba(218, 158, 138, 1); 
  box-shadow: 0px 3px 22px 0px rgba(244, 202, 174, 1); 
}


.one-button { background-color: transparent; border-radius: 50px; padding: 15px 30px; text-transform: uppercase; font-family: "Open Sans"; border: 0.063rem solid #00be7a; -webkit-transition: all 0.2s; transition: all 0.2s; }
.one-button:hover, .one-button.is-active { background-color: #00be7a; color: white; border-color: transparent; }

.tr-button { background-color: transparent; border-radius: 50px; padding: 15px 30px; text-transform: uppercase; font-family: "Open Sans"; border: 0.063rem solid #00be7a; -webkit-transition: all 0.2s; transition: all 0.2s; }
.tr-button:hover, .tr-button.is-active { background-color: #00be7a; color: white; border-color: transparent; }


.def-button {
    background-image: url("//img.topbooks.com.ua/_inc/img/Green_Heart_tr_button.png"); 
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: initial;
    width: 40px;
    /* max-width:50px !important; */
    height: 50px !important;
    margin-bottom:5px;
    margin-left: 10px;
    cursor:pointer;
}
.def-button-yes {
    background-image: url("//img.topbooks.com.ua/_inc/img/Red_Heart_tr_button.png"); 
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: initial;
    width: 40px;
    /* max-width:50px !important; */
    height: 50px !important;
    margin-bottom:5px;
    margin-left: 10px;
    cursor:pointer;
}
.def-button-no {
    background-image: url("//img.topbooks.com.ua/_inc/img/Gray_Heart_tr_button.png"); 
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: initial;
    width: 40px;
    /* max-width:50px !important; */
    height: 50px !important;
    margin-bottom:5px;
    margin-left: 10px;
    cursor:pointer;
}

.wrapper { overflow: hidden; min-width: 320px; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

.gray-but { border: 1px solid #c4c4c4; text-transform: none !important; font-size: 0.875rem; }

.ui.search { position: relative; }

.ui.search > .prompt { margin: 0; outline: 0; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-shadow: none; font-style: normal; font-weight: 400; line-height: 1.2142em; padding: .67861429em 1em; font-size: 1em; background: #FFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: 0 0 0 0 transparent inset; box-shadow: 0 0 0 0 transparent inset; -webkit-transition: background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease; -webkit-transition: background-color .1s ease,color .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease; transition: background-color .1s ease,color .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease; transition: background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease; transition: background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease; }

.ui.search .prompt { border-radius: 500rem; }

.ui.search .prompt ~ .search.icon { cursor: pointer; }

.ui.search > .results { display: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; white-space: normal; background: #FFF; margin-top: .5em; width: 18em; border-radius: .28571429rem; -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); border: 1px solid #D4D4D5; z-index: 998; }

.ui.search > .results > :first-child { border-radius: .28571429rem .28571429rem 0 0; }

.ui.search > .results > :last-child { border-radius: 0 0 .28571429rem .28571429rem; }

.ui.search > .results .result { cursor: pointer; display: block; overflow: hidden; font-size: 1em; padding: .85714286em 1.14285714em; color: rgba(0, 0, 0, 0.87); line-height: 1.33; border-bottom: 1px solid rgba(34, 36, 38, 0.1); }

.ui.search > .results .result:last-child { border-bottom: none !important; }

.ui.search > .results .result .image { float: right; overflow: hidden; background: 0 0; width: 5em; height: 3em; border-radius: .25em; }

.ui.search > .results .result .image img { display: block; width: auto; height: 100%; }

.ui.search > .results .result .image + .content { margin: 0 6em 0 0; }

.ui.search > .results .result .title { margin: -.14285em 0 0; font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-weight: 700; font-size: 1em; color: rgba(0, 0, 0, 0.85); }

.ui.search > .results .result .description { margin-top: 0; font-size: .92857143em; color: rgba(0, 0, 0, 0.4); }

.ui.search > .results .result .price { float: right; color: #21BA45; }

.ui.search > .results > .message { padding: 1em; }

.ui.search > .results > .message .header { font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 1rem; font-weight: 700; color: rgba(0, 0, 0, 0.87); }

.ui.search > .results > .message .description { margin-top: .25rem; font-size: 1em; color: rgba(0, 0, 0, 0.87); }

.ui.search > .results > .action { display: block; border-top: none; background: #F3F4F5; padding: .92857143em 1em; color: rgba(0, 0, 0, 0.87); font-weight: 700; text-align: center; }

.ui.search > .prompt:focus { border-color: rgba(34, 36, 38, 0.35); background: #FFF; color: rgba(0, 0, 0, 0.95); }

.ui.loading.search .input > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.search .input > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: button-spin .6s linear; animation: button-spin .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: .2em; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; }

.ui.category.search > .results .category .result:hover, .ui.search > .results .result:hover { background: #F9FAFB; }

.ui.search .action:hover { background: #E0E0E0; }

.ui.category.search > .results .category.active { background: #F3F4F5; }

.ui.category.search > .results .category.active > .name { color: rgba(0, 0, 0, 0.87); }

.ui.category.search > .results .category .result.active, .ui.search > .results .result.active { position: relative; border-left-color: rgba(34, 36, 38, 0.1); background: #F3F4F5; -webkit-box-shadow: none; box-shadow: none; }

.ui.search > .results .result.active .description, .ui.search > .results .result.active .title { color: rgba(0, 0, 0, 0.85); }

.ui.search.selection .prompt { border-radius: .28571429rem; }

.ui.search.selection > .icon.input > .remove.icon { pointer-events: none; position: absolute; left: auto; opacity: 0; color: ''; top: 0; right: 0; -webkit-transition: color .1s ease,opacity .1s ease; transition: color .1s ease,opacity .1s ease; }

.ui.search.selection > .icon.input > .active.remove.icon { cursor: pointer; opacity: .8; pointer-events: auto; }

.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon { right: 1.85714em; }

.ui.search.selection > .icon.input > .remove.icon:hover { opacity: 1; color: #DB2828; }

.ui.category.search .results { width: 28em; }

.ui.category.search > .results .category { background: #F3F4F5; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(34, 36, 38, 0.1); -webkit-transition: background .1s ease,border-color .1s ease; transition: background .1s ease,border-color .1s ease; }

.ui.category.search > .results .category:last-child { border-bottom: none; }

.ui.category.search > .results .category:first-child .name + .result { border-radius: 0 .28571429rem 0 0; }

.ui.category.search > .results .category .result { background: #FFF; margin-left: 100px; border-left: 1px solid rgba(34, 36, 38, 0.15); border-bottom: 1px solid rgba(34, 36, 38, 0.1); -webkit-transition: background .1s ease,border-color .1s ease; transition: background .1s ease,border-color .1s ease; padding: .85714286em 1.14285714em; }

.ui.category.search > .results .category:last-child .result:last-child { border-radius: 0 0 .28571429rem; border-bottom: none; }

.ui.category.search > .results .category > .name { width: 100px; background: 0 0; font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 1em; float: 1em; float: left; padding: .4em 1em; font-weight: 700; color: rgba(0, 0, 0, 0.4); }

.ui[class*="left aligned"].search > .results { right: auto; left: 0; }

.ui[class*="right aligned"].search > .results { right: 0; left: auto; }

.ui.fluid.search .results { width: 100%; }

.ui.mini.search { font-size: .78571429em; }

.ui.small.search { font-size: .92857143em; }

.ui.search { font-size: 1em; }

.ui.large.search { font-size: 1.14285714em; }

.ui.big.search { font-size: 1.28571429em; }

.ui.huge.search { font-size: 1.42857143em; }

.ui.massive.search { font-size: 1.71428571em; }

/*!
* # Semantic UI 2.1.7 - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2015 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.transition { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animating.transition { -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: visible !important; }

.loading.transition { position: absolute; top: -99999px; left: -99999px; }

.hidden.transition { display: none; visibility: hidden; }

.visible.transition { display: block !important; visibility: visible !important; }

.disabled.transition { -webkit-animation-play-state: paused; animation-play-state: paused; }

.looping.transition { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.transition.browse { -webkit-animation-duration: .5s; animation-duration: .5s; }

.transition.browse.in { -webkit-animation-name: browseIn; animation-name: browseIn; }

.transition.browse.left.out, .transition.browse.out { -webkit-animation-name: browseOutLeft; animation-name: browseOutLeft; }

.transition.browse.right.out { -webkit-animation-name: browseOutRight; animation-name: browseOutRight; }

@-webkit-keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0); transform: scale(0.8) translateZ(0); z-index: -1; }
  10% { -webkit-transform: scale(0.8) translateZ(0); transform: scale(0.8) translateZ(0); z-index: -1; opacity: .7; }
  80% { -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); opacity: 1; z-index: 999; }
  100% { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); z-index: 999; } }
@keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0); transform: scale(0.8) translateZ(0); z-index: -1; }
  10% { -webkit-transform: scale(0.8) translateZ(0); transform: scale(0.8) translateZ(0); z-index: -1; opacity: .7; }
  80% { -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); opacity: 1; z-index: 999; }
  100% { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); z-index: 999; } }
@-webkit-keyframes browseOutLeft { 0% { z-index: 999; -webkit-transform: translateX(0) rotateY(0) rotateX(0); transform: translateX(0) rotateY(0) rotateX(0); }
  50% { z-index: -1; -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: -1; -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); opacity: 0; } }
@keyframes browseOutLeft { 0% { z-index: 999; -webkit-transform: translateX(0) rotateY(0) rotateX(0); transform: translateX(0) rotateY(0) rotateX(0); }
  50% { z-index: -1; -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: -1; -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); opacity: 0; } }
@-webkit-keyframes browseOutRight { 0% { z-index: 999; -webkit-transform: translateX(0) rotateY(0) rotateX(0); transform: translateX(0) rotateY(0) rotateX(0); }
  50% { z-index: 1; -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: 1; -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); opacity: 0; } }
@keyframes browseOutRight { 0% { z-index: 999; -webkit-transform: translateX(0) rotateY(0) rotateX(0); transform: translateX(0) rotateY(0) rotateX(0); }
  50% { z-index: 1; -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: 1; -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); opacity: 0; } }
.drop.transition { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in { -webkit-animation-name: dropIn; animation-name: dropIn; }

.drop.transition.out { -webkit-animation-name: dropOut; animation-name: dropOut; }

@-webkit-keyframes dropIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes dropIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes dropOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } }
@keyframes dropOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } }
.transition.fade.in { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.transition[class*="fade up"].in { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

.transition[class*="fade down"].in { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

.transition[class*="fade left"].in { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.transition[class*="fade right"].in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

.transition.fade.out { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

.transition[class*="fade up"].out { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

.transition[class*="fade down"].out { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

.transition[class*="fade left"].out { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

.transition[class*="fade right"].out { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } }
@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } }
@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-5%); transform: translateY(-5%); } }
@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-5%); transform: translateY(-5%); } }
@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(5%); transform: translateX(5%); } }
@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(5%); transform: translateX(5%); } }
@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } }
.flip.transition.in, .flip.transition.out { -webkit-animation-duration: .6s; animation-duration: .6s; }

.horizontal.flip.transition.in { -webkit-animation-name: horizontalFlipIn; animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out { -webkit-animation-name: horizontalFlipOut; animation-name: horizontalFlipOut; }

.vertical.flip.transition.in { -webkit-animation-name: verticalFlipIn; animation-name: verticalFlipIn; }

.vertical.flip.transition.out { -webkit-animation-name: verticalFlipOut; animation-name: verticalFlipOut; }

@-webkit-keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); opacity: 1; } }
@keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); opacity: 1; } }
@-webkit-keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateX(0); transform: perspective(2000px) rotateX(0); opacity: 1; } }
@keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateX(0); transform: perspective(2000px) rotateX(0); opacity: 1; } }
@-webkit-keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } }
@keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } }
@-webkit-keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0); transform: perspective(2000px) rotateX(0); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } }
@keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0); transform: perspective(2000px) rotateX(0); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } }
.scale.transition.in { -webkit-animation-name: scaleIn; animation-name: scaleIn; }

.scale.transition.out { -webkit-animation-name: scaleOut; animation-name: scaleOut; }

@-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } }
@keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } }
.transition.fly { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.transition.fly.in { -webkit-animation-name: flyIn; animation-name: flyIn; }

.transition[class*="fly up"].in { -webkit-animation-name: flyInUp; animation-name: flyInUp; }

.transition[class*="fly down"].in { -webkit-animation-name: flyInDown; animation-name: flyInDown; }

.transition[class*="fly left"].in { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; }

.transition[class*="fly right"].in { -webkit-animation-name: flyInRight; animation-name: flyInRight; }

.transition.fly.out { -webkit-animation-name: flyOut; animation-name: flyOut; }

.transition[class*="fly up"].out { -webkit-animation-name: flyOutUp; animation-name: flyOutUp; }

.transition[class*="fly down"].out { -webkit-animation-name: flyOutDown; animation-name: flyOutDown; }

.transition[class*="fly left"].out { -webkit-animation-name: flyOutLeft; animation-name: flyOutLeft; }

.transition[class*="fly right"].out { -webkit-animation-name: flyOutRight; animation-name: flyOutRight; }

@-webkit-keyframes flyIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes flyIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@-webkit-keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); 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); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); 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); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-webkit-keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); 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); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); 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); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); 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); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); 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); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); 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); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); 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); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@-webkit-keyframes flyOutUp { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes flyOutUp { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@-webkit-keyframes flyOutDown { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes flyOutDown { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@-webkit-keyframes flyOutRight { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes flyOutRight { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@-webkit-keyframes flyOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes flyOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.transition.slide.in, .transition[class*="slide down"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="slide up"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="slide left"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="slide right"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

.transition.slide.out, .transition[class*="slide down"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="slide up"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="slide left"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="slide right"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

@-webkit-keyframes slideInY { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); }
  100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } }
@keyframes slideInY { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); }
  100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } }
@-webkit-keyframes slideInX { 0% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } }
@keyframes slideInX { 0% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } }
@-webkit-keyframes slideOutY { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
  100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } }
@keyframes slideOutY { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
  100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } }
@-webkit-keyframes slideOutX { 0% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } }
@keyframes slideOutX { 0% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } }
.transition.swing { -webkit-animation-duration: .8s; animation-duration: .8s; }

.transition[class*="swing down"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="swing up"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="swing left"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="swing right"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

.transition.swing.out, .transition[class*="swing down"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="swing up"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="swing left"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="swing right"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

@-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateX(0); transform: perspective(1000px) rotateX(0); } }
@keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateX(0); transform: perspective(1000px) rotateX(0); } }
@-webkit-keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); } }
@keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); } }
@-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0); transform: perspective(1000px) rotateX(0); }
  40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } }
@keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0); transform: perspective(1000px) rotateX(0); }
  40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } }
@-webkit-keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); }
  40% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } }
@keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); }
  40% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } }
.flash.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: flash; animation-name: flash; }

.shake.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: shake; animation-name: shake; }

.bounce.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: bounce; animation-name: bounce; }

.tada.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: tada; animation-name: tada; }

.pulse.transition { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: pulse; animation-name: pulse; }

.jiggle.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: jiggle; animation-name: jiggle; }

@-webkit-keyframes flash { 0%,100%,50% { opacity: 1; }
  25%,75% { opacity: 0; } }
@keyframes flash { 0%,100%,50% { opacity: 1; }
  25%,75% { opacity: 0; } }
@-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@-webkit-keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@-webkit-keyframes pulse { 0%,100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .7; } }
@keyframes pulse { 0%,100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .7; } }
@-webkit-keyframes jiggle { 0%,100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } }
@keyframes jiggle { 0%,100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } }
.typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }

@keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
.frame { overflow: hidden; }

.frame ul { list-style: none; margin: 0; padding: 0; height: 100%; font-size: 50px; }

.frame ul li { float: left; height: 100%; margin: 0 28px 0 2px; padding: 0; cursor: pointer; }

/* Scrollbar */
.scrollbar { margin: 0 0 1em 0; height: 2px; background-color: #f0f2f2; border-radius: 0.313rem; position: absolute; top: 100%; line-height: 0; }

.scrollbar .handle { width: 400px; height: 0.625rem; background-color: #929292; border-radius: 0.313rem; cursor: pointer; }

.scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

/* Pages */
.pages { list-style: none; margin: 20px 0; padding: 0; }

.pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden; }

.pages li:hover { background: #aaa; }

.pages li.active { background: #666; }

/* Controls */
.controls { margin: 25px 0; text-align: center; }

/* One Item Per Frame example*/
.oneperframe { height: 300px; line-height: 300px; }

.oneperframe ul li { width: 1140px; }

.oneperframe ul li.active { background: #333; }

/* Crazy example */
.crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }

.crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }

.crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }

.mobile-nav-bt { float: right; margin-right: 1.25rem; }

.lines { display: inline-block; width: 2rem; height: 0.4rem; background: #333; border-radius: 0.28571rem; -webkit-transition: 0.3s; transition: 0.3s; position: relative; }

.lines:before, .lines:after { display: inline-block; width: 2rem; height: 0.4rem; background: #333; border-radius: 0.28571rem; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; content: ''; -ms-transform-origin: 0.28571rem center; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }

.lines:before { top: 0.7rem; }

.lines:after { top: -0.7rem; }

.navicon:hover .lines:before { top: 0.8rem; }

.navicon:hover .lines:after { top: -0.8rem; }

.navicon.close { -ms-transform: scale3d(0.8, 0.8, 0.8); -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); }

.navicon.x.close .lines { background: transparent; }

.navicon.x.close .lines:before, .navicon.x.close .lines:after { -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; }

.navicon.x.close .lines:before { -ms-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }

.navicon.x.close .lines:after { -ms-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

/*  15.03.2024 I */
.mobile-container { position: fixed; top: 0; left: -100%; width: 50%; height: 100%; 
  z-index: 9; 
 /* background-color: rgba(22, 23, 24, 0.95); */
  background-color: #d07626;
  -webkit-transition: all .3s ease 0s; 
  transition: all .3s ease 0s; 

}

.mobile-container.show { left: 0; }

.mobile-inside-container { position: relative; padding-bottom: 2rem; min-height: 100%; text-align: center; }

.ui.star.rating .icon { width: 1.25em; height: auto; color: rgba(0, 0, 0, 0.15); text-shadow: none; }

.ui.rating .icon { padding: 0; margin: 0; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; cursor: pointer; width: 1.25em; -webkit-transition: opacity .1s ease, background .1s ease, text-shadow .1s ease, color .1s ease; transition: opacity .1s ease, background .1s ease, text-shadow .1s ease, color .1s ease; color: rgba(0, 0, 0, 0.15); font-family: Rating; line-height: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-weight: 400; font-style: normal; text-align: center; background-image: url(../img/star.png); background-repeat: no-repeat; height: 15px !important; }

.scrollbar-mobi { position: absolute; left: 10px; width: 2px; height: inherit; background: #ccc; line-height: 0; }

.scrollbar-mobi .handle { width: 100%; height: 100px; background: #292a33; cursor: pointer; border-radius: 50px; }

.scrollbar-mobi .handle .mousearea { position: absolute; top: 0; left: -10px; width: 22px; height: 100%; }

@font-face { font-family: "Open Sans"; font-display: fallback; 
    src: local('sans-serif'), url("fonts/OpenSansLight.woff") format("woff"), url("../fonts/OpenSansLight.ttf"); font-weight: 300; 
}
@font-face { font-family: "Open Sans"; font-display: fallback; 
    src: local('sans-serif'), url("fonts/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular.ttf"); font-weight: 400; 
}
@font-face { font-family: "Open Sans"; font-display: fallback; 
    src: local('sans-serif'), url("fonts/OpenSansBold.woff") format("woff"), url("../fonts/OpenSansBold.ttf"); font-weight: 700; 
}
a { color: inherit; }

.parallax-window { /* height: 450px; */
  height: 150px;  
  display: table; width: 100%; 
}

header.header { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; *zoom: 1; }
header.header:after { content: " "; display: table; clear: both; }

.popup-open .header-top.fixed { z-index: 400; }

.header-top.fixed { position: fixed; 
   /* background-color: transparent; */
   background-color: #d07626;
   left: 0; right: 0; top: 30px; z-index: 451; 
}

.header-top { padding: 15px 0; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }
.header-top .container { position: static; }
.header-top.scrolling { 
  padding: 8px 0; 
  /* background-color: #2d2e2f; */
  background-color: #d07626;
  -webkit-box-shadow: 0 0.313rem 0.625rem rgba(51, 51, 51, 0.15);
  box-shadow: 0 0.313rem 0.625rem rgba(51, 51, 51, 0.15); 
}
@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.scaleUp {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: scaleUp;
  animation-name: scaleUp;
  -webkit-transform-origin: center ;
  transform-origin: center ;
}

.new-design{
  width: 100%;
  height:30px;
  background: #333333;
  position: fixed;
  top:0;
  left:0;
  right: 0;
  z-index: 451;
}
.new-design .container{
  display:flex;
  align-items: center;
  height:30px;
}
.new-design .close-but{
  text-align: center;
  position: relative;
  top:auto;
  right:auto;
  width:22px;
  height: 22px;
}
.new-design .close-but span{
  color: #333;
}
.new-design .text{
  color:#fff;
  font-size:13px;
  padding:0 20px;
  align-items: center;
  align-content: center;
  width: calc(100% - 336px);
}
.new-design .old-version{
  background-color: #00be7a;
  color: #fff;
  height:30px;
  font-size: 13px;
  line-height: 30px;
  font-weight: bold;
  padding: 0 25px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.new-design .old-version:hover{
  background-color: #14cf6c;
}
.langs-block {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    position: relative;
}
.langs-block span{
    color: #c9c9c9;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
    position: relative;
}
.langs-block span:after {
  content: '';
  position: absolute;
  right: -15px;
  top: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #c9c9c9 transparent transparent transparent;
}
.langs-block ul{
    display: none;
    position: absolute;
    background: #fff;
    padding: 0 15px;
    left: -15px;
    top: 48px;
    border-radius: 3px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.6);
    align-items: center;
    flex-wrap: wrap;
    z-index: 4234;
}
.langs-block:hover ul{
    display: block;
}
.langs-block ul:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #ffffff transparent;
}
.langs-block ul li{
    margin-right:0;
}
.langs-block ul li a{
    color: #000;
    line-height: 30px;
}
.langs-block ul li a:hover{
    color: #00be7a;
}

 .add-review form{
  margin-bottom: 30px;
}
 .add-review form .form-field{
  margin-bottom: 15px;
}
 .add-review form .form-field label{
  display: block;
  color: #8b8b8b;
  font-size: 12px;
  font-weight: 400;
  padding-left: 20px;
  margin-bottom: 5px;
}
 .add-review form .form-field input[type=text]{
  width: 100%;
  border: 1px solid #c4c4c4 !important;
  border-radius: 50px !important;
  padding: 10px 39px 10px 20px !important;
  color: #333 !important;
  font-family: "Open Sans";
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 24px;
}
 .add-review form .form-field textarea{
  width: 100%;
  border: 1px solid #c4c4c4 !important;
  border-radius: 20px !important;
  padding: 10px 20px !important;
  color: #333 !important;
  font-family: "Open Sans";
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 24px;
  height: 95px;
  resize: none;
}
 .add-review form .form-field label.subscribe{
  display: inline-block;
  padding-left: 0;
}
.hidden-tr{
  display: none;
}
.card__info .show-more{
  margin-bottom: 20px;
  color: #488bdd !important;
}
.card__info .show-less{
  display: none;
  margin-bottom: 20px;
  color: #488bdd !important;
}
.bg-fix { background-color: rgba(22, 23, 24, 0.6); position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; -webkit-transition: all 0.2s; transition: all 0.2s; visibility: hidden; opacity: 0; top: 100px; }

.menu-open .bg-fix { visibility: visible; opacity: 1; }

.reccomends-container { 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; }

.header-menu-outside { position: absolute; left: 0; top: -webkit-calc(100% - 28px); top: calc(100% - 28px); width: 100%; padding-top: 23px; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 500; }

.header-menu { -webkit-box-shadow: 0 0.313rem 1.563rem rgba(51, 51, 51, 0.25); box-shadow: 0 0.313rem 1.563rem rgba(51, 51, 51, 0.25); background: #f0f2f2; }

.icon-button-burger { margin-right: 15px; }

#js-open-menu { cursor: pointer; }

.header-cat span { display: inline-block; vertical-align: middle; line-height: 12px; }

.header-cat { display: inline-block; vertical-align: middle; border: 1px solid #00be7a; color: #fff; font-size: 14px; font-size: 0.875rem; font-weight: 300; text-transform: uppercase; padding: 7px 30px 9px 0; padding-left: 15px; }
.header-cat:hover { background-color: #00be7a; color: white; border-color: transparent; }

.header-cat:hover .header-menu-outside { visibility: visible; opacity: 1; }

.header-cat:hover + .bg-fix { visibility: visible; opacity: 1; }
/* height: 52px; width:80px; */
/* width: 150px; */
.header-logo { display: inline-block; vertical-align: middle; margin-right: 0px; height: 52px; width:70px; }
.header-logo img { display: block; height: 100%; width: 100%; }
.header-logo a { display: block; height: 100%; }

/* 13.03.2024 I */
@media all and (min-width: 768px) { 
  .header-logo { /* background-image:url('../img/logo.svg'); */
                 background-image:url('../img/logo.png'); 
                 background-repeat: no-repeat; 
		 /* background-size: contain; */
		 /* height: 52px !important; */
	         background-size: cover;
		 height: 40px !important;
                 width: 200px;
                 margin-right: 20px;
		} 
} 
@media all and (max-width: 767px) { 
  .header-logo { background-image:url('../img/logo-sm.png'); 
		 background-repeat: no-repeat; 
		 background-size: contain;
		 /* height: 52px !important; */
                }
} 


.header__left-block { float: left; }

.menu-btn { display: inline-block; width: 25px; height: 20px; vertical-align: middle; cursor: pointer; position: absolute; right: 21px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.mobile-nav-bt { float: right; display: none; }

.line { display: inline-block; width: 100%; height: 2px; background: #fff; position: absolute; top: 50%; margin-top: -1px; }

.line:before { top: 7px; }

.line:after, .line:before { content: ""; display: inline-block; height: 2px; width: 100%; background: #fff; position: absolute; }

.line:after { top: -7px; }

.header__right-block { float: right; }

.header__right-block .header__menu { display: inline-block; padding-right: 39px; border-right: 1px solid #00be7a; }
.header__right-block .header__menu li { display: inline-block; vertical-align: middle; margin-right: 30px; }
.header__right-block .header__menu li:last-child { margin-right: 0; }
.header__right-block .header__menu li a { color: #fff; font-size: 14px; font-size: 0.875rem; font-weight: 700; line-height: 25px; text-transform: uppercase; }
.header__right-block .header__menu li a:hover { color: #00be7a; }

.header__right-block .header__menu .callback{
  width:40px;
  height: 40px;
  background: url("../img/callback.svg") 0 0 no-repeat;
  display: inline-block;
}
/*---------*/
.cb-button {
  width:210px;
  height: 42px;
  background-color: white;
  border-radius: 20px;
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;  
  text-align:center;
  vertical-align: middle;
  border: 1px solid #00be7a;
}
.cb-button:hover {
    border: 2px solid #00be7a;
    background-color: #00be7a;
}
.cb-button span {
    vertical-align: top;
}    
.cb-button .callback{
  width:41px;
  height: 41px;
  background: url("../img/callback.svg") 0 0 no-repeat;
  background-size:auto !important;
  display: inline-block;
  float: right;
}
/*---------*/
.mob-cb-container{
    color:white;
}
.header__signup-panel { display: inline-block; vertical-align: middle; margin-left: 20px; }
.header__signup-panel a:hover { color: #00be7a; }

.mobile-menu__header .header__signup-panel { display: inline-block !important; z-index: 50; position: relative; }
.header__right-block li { display: inline-block; vertical-align: middle; margin-right: 30px; }
.header__right-block a { color: #c9c9c9; font-size: 14px; font-weight: 700; line-height: 48px; text-transform: uppercase; }

.close-container { position: absolute; left: 108%; }

.mobile-nav-bt.disable { display: none; }

.entrance-mob { width: 100%; }
.entrance-mob:after { content: ""; width: 100%; height: 1px; background: #717171; }

.mobile-menu__body ul { margin-left: 30px; }

.nonitembased .catalog-menu__list li { display: block; }

.mobile-container { z-index: 500; }
.mobile-container .search-input-header { padding-left: 5px; -webkit-transition: none; transition: none; }
.mobile-container .search-form.open .search-input-header { right: -6px; left: auto; padding-left: 10px; width: inherit; }
.mobile-container .search-form-mob.open .search-input-header { right: -6px; left: auto; padding-left: 10px; width: inherit; }

.mobile-container li { display: inline-block; margin-right: 30px; }
.mobile-container li a { color: white !important; }
.mobile-container .search-form { position: absolute; right: 10px; top: 0; display: block; width: inherit; }
.mobile-container .search-form-mob { position: absolute; right: 10px; top: 0; display: block; width: inherit; }

.mobile-container .search-input-container { width: inherit; }
.mobile-container a { color: #c9c9c9; font-size: 14px; font-weight: 700; line-height: 35px; text-transform: uppercase; }

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

.basket, .search { width: 40px; height: 40px; border: 1px solid #00be7a; border-radius: 20px; position: relative; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; }
.basket .icon, .search .icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #00be7a; font-size: 22px; }
.basket.is-active, .basket:hover, .search.is-active, .search:hover { background-color: #00be7a; }
.basket.is-active .icon, .basket:hover .icon, .search.is-active .icon, .search:hover .icon { color: white; }

.basket, .search-desk { width: 40px; height: 40px; border: 1px solid #00be7a; border-radius: 20px; position: relative; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; }
.basket .icon, .search-desk .icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #00be7a; font-size: 22px; }
.basket.is-active, .basket:hover, .search-desk.is-active, .search-desk:hover { background-color: #00be7a; }
.basket.is-active .icon, .basket:hover .icon, .search-desk.is-active .icon, .search-desk:hover .icon { color: white; }


.search-input { margin-left: 20px; }

.search-form.invisible--unsign { display: none; }
.search-form-mob.invisible--unsign { display: none; }

.header-top.scrolling .invisible--unsign { display: inline-block; }

.search-form.open .search { border: none; }
.search-form.open .search-desk { border: none; }

.search-form { position: relative; display: inline-block; vertical-align: middle; }

.search-form-mob.open .search { border: none; }
.search-form-mob.open .search-desk { border: none; }

.search-form-mob { position: relative; display: inline-block; vertical-align: middle; }


.search-input-header { border-radius: 50px; height: 40px; top: 0; border: 1px solid transparent; left: 20px; position: absolute; width: 0; background: transparent; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; }

.search-form.open .search-input-header { width: 400px; padding-left: 48px; border: 1px solid #00be7a; }

.open-search .header__right-block .header__menu { display: none; }

.open-search .mobile-container .header__signup-panel { visibility: hidden; }

.icon-search { color: white !important; }

.basket-num { width: 20px; top: -14px; right: -58%; height: 20px; border-radius: 50%; display: inline-block; background-color: #d24462; position: relative; }
.basket-num span { color: white; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 50; }

/* 7.3.2024 */
.header__search .h2 { color: white; text-align: center; font-weight: 300; 
  margin-bottom: 32px; 
  text-shadow: #000 2px 0px 2px, #000 0px 2px 2px, #000 0px -2px 2px, #000 -2px 0px 2px;
}

.header__search { /* padding-top: 180px; */
  padding-top: 100px; 
  padding-bottom: 80px;
}

.search { margin-left: 20px; z-index: 50; }
.search-desk { margin-left: 0px; z-index: 50; }

.search-block input::-webkit-input-placeholder { color: #c8c9c9; font-weight: 300 !important; font-size: 24px; font-size: 1.5rem; font-family: "Open Sans"; }

.search-block input::-ms-input-placeholder { color: #c8c9c9; font-weight: 300 !important; font-size: 24px; font-size: 1.5rem; font-family: "Open Sans"; }

.input-form::-moz-placeholder { color: #c8c9c9; font-weight: 300 !important; font-size: 24px; font-size: 1.5rem; font-family: "Open Sans"; }

.search-block { max-width: 730px; margin: 0 auto; position: relative; }
.search-block input { padding: 20px 150px 20px 37px; width: 100%; position: relative; height: 70px; line-height: 1; color: #333; border-radius: 33px; -webkit-box-shadow: 0 1px 4px rgba(51, 51, 51, 0.25); box-shadow: 0 1px 4px rgba(51, 51, 51, 0.25); font-weight: 300; font-family: "Open Sans"; font-size: 24px; font-size: 1.5rem; }

.search-input.icon-search { display: none; }

.button.search-input { position: absolute; right: 10px; top: 10px;  }

.button-search.search-input { position: absolute; right: 10px; top: 10px;  }

.ui.star.rating .active.icon { text-shadow: none !important; }

.book-slide { *zoom: 1; padding: 70px 0; padding-bottom: 0; }
.book-slide:after { content: " "; display: table; clear: both; }

.book-slider__left-block { max-width: 510px; float: left; }
.book-slider__left-block p { color: #6c6969; font-size: 16px; font-weight: 300; line-height: 30px; }

.left-block-footer__more span { color: #333; font-size: 18px; font-size: 1.125rem; font-weight: 400; position: relative; }
.left-block-footer__more span:after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 6px 5px 0 5px; border-color: #333333 transparent transparent transparent; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); display: inline-block; vertical-align: middle; margin-left: 5px; position: absolute; right: -26px; top: 43%; }
.left-block-footer__more:hover { text-decoration: underline; }

.left-block-footer { margin-top: 54px; }
.left-block-footer .button { padding: 7px 30px; height: 38px; }

.left-block-footer__more { margin-left: 36px; }

.autror { color: #6c6969; font-size: 1.125rem; font-weight: 400; margin-bottom: 21px; }

.ui.star.rating .active.icon { color: #efce4a !important; }

.stars { margin-bottom: 29px; }

.mobile-menu__body { position: relative; overflow: hidden; }

.scrollbar-mobi { width: 6px !important; top: 15px; height: -webkit-calc(100% - 30px); height: calc(100% - 30px); border-radius: 5px; display: none; }

.book-slider__right-block { float: right; -webkit-transform: translate(0, -113px); -ms-transform: translate(0, -113px); transform: translate(0, -113px); }


.book-slider .slick-arrow { display: none; }

.book-slider-container .slick-list { overflow: visible; }
.book-slider-container .container { -webkit-transform: translate(0, -113px); -ms-transform: translate(0, -113px); transform: translate(0, -113px); background-color: #f0f2f2; padding: 70px 100px; border-radius: 0.25rem; padding-bottom: 0; -webkit-box-shadow: 0 1px 0.25rem rgba(51, 51, 51, 0.25); box-shadow: 0 1px 0.25rem rgba(51, 51, 51, 0.25); }
.sales-slider .container{
    padding: 0;
    max-width: 1000px;
}
.slick-prev:before, .slick-next:before { color: transparent; height: 43px; }

.slick-prev { left: 23px; height: 43px; width: 18px; top: 213px; }

.slick-next { right: 23px; height: 43px; width: 18px; top: 213px; }

.nav-block { 
    position: relative; 
    overflow: hidden; 
    margin-bottom: 20px; 
    border-radius: 4px; 
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    background-color: #666666;
    min-height: 80px;
}
.nav-block:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.nav-block img { background-color: black; display: block; width: 100%; -webkit-transition: -webkit-transform 1.2s ease-out; transition: -webkit-transform 1.2s ease-out; transition: transform 1.2s ease-out; transition: transform 1.2s ease-out, -webkit-transform 1.2s ease-out; }
.nav-block .menu-picture__title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* 5.3.2024 */
.menu-picture__title { display: inline-block; vertical-align: middle; color: #fff; white-space: nowrap; 
  font-size: 1.125rem; font-weight: 700; text-transform: uppercase; 
  /* background-color: orange; */
  text-shadow: #000 2px 0px 2px, #000 0px 2px 2px, #000 0px -2px 2px, #000 -2px 0px 2px;
}

.button-new { background-color: #be2747; border-radius: 40px; color: #fff; font-size: 0.75rem; padding: 10px 17px; position: absolute; z-index: 10; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; top: 0; }

.manu-picture-container { margin-bottom: 80px; }

.popular__slider .col-inline-4 { vertical-align: top; }
.another__slider .col-inline-4 { vertical-align: top; }
.fastdeliv__slider  .col-inline-4 { vertical-align: top; }

.popular-item, .interest { position: relative; height: 180px; margin-bottom: 30px; font-size: 0; }
.popular-item:before, .interest:before { /*content: "";*/ display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.popular-item .h3, .interest .h3 { 
     color: #333; font-size: 1rem; font-weight: 700; line-height: 20px; 
    /*-  text-transform: uppercase;  -*/
     padding-bottom: 15px;
     text-align: left;
}
.popular-item .h3 a, .interest .h3 a { color: #333; -webkit-transition: all 0.2s; transition: all 0.2s; }
.popular-item .h3 a:hover, .interest .h3 a:hover { color: #00be7a; }
.popular-item .button, .interest .button { padding: 9px 30px; }
.popular-item .text-wrap, .interest .text-wrap { 
    padding-left: 135px; 
    vertical-align: middle; 
    display: inline-block;     
    margin-inline-end: 10px;
   }

.order { position: relative; height: 180px; margin-bottom: 20px; font-size: 0; }
.order:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.order .text-wrap { padding-left: 161px; vertical-align: middle; display: inline-block; }
.order .h3 { color: #333; font-size: 1rem; font-weight: 700; line-height: 20px; text-transform: uppercase; padding-bottom: 15px; }

.popular-item .in-basket {
  display: inline-block;
  background: url(../img/inbasket.svg) -1px -1px no-repeat;
  height: 41px;
  color: #333333;
  font-size: 14px;
  border: 1px solid #c4c4c4;
  border-radius: 22px;
  font-weight: 300;
  vertical-align: top;
  padding-left: 55px;
  line-height: 40px;
  padding-right: 20px;
}
.popular-item__author, .order-item__author, .interest-item__author { color: #949494; font-size: 0.875rem; font-weight: 700; padding-bottom: 26px; }

.popular-item__author { padding-bottom: 15px;
    word-wrap: break-word; 
    text-align: center;
    /* -- */
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;                       
    line-height: 1.0em;
    max-height: 1.0em;    
    /* line-height: 15px !important;  */
}

.popular-item__name {
    /* line-height: 20px !important;  */
    word-wrap: break-word; 
    text-align:center;
    /* -- */
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.0em;
    max-height: 2.0em;    
}

.popular-item__name:hover{
    overflow: visible; 
    white-space: normal;
    height:auto;  /* just added this line */
    /*---- */ 
    text-align: center;
    width:100%;
    word-wrap: normal;
    display:inline-block; 
    background: #fff;
    white-space: normal;
    z-index:255;
    -webkit-line-clamp: 8;    
}

.popular-item__price { padding-bottom: 14px; }

.popular-item__price, .order__price, .interest__price, .price { 
     color: #333; 
     font-size: 1.5rem; 
     font-weight: 400; 
     line-height: 24px; 
}
.order__price_old {
     color: #333; 
     font-size: 1.1rem; 
     font-weight: 300; 
     line-height: 24px; 
     text-decoration:line-through;
}
.order_d_price { 
     color: #333; 
     font-size: 1.5rem; 
     font-weight: 400; 
     line-height: 24px; 
     background-color: #ffff66; 
     border-radius: 0.938rem 0.938rem 0 0;
}
.order_price_discount { 
     color: #f55423; 
     font-size: 0.8rem; 
     font-weight: 400; 
     line-height: 24px; 
}

.discount_one { 
     width: 3.438rem; 
     /* height: 1.563rem;  */
     height: 35px;
     background-color: #80c140 !important;
     border-radius: 0.938rem 0.938rem 0.938rem 0.938rem; 
     text-align: center; 
     /*
     margin: 0 auto;  
     margin-left: 30px;
     position:relative;
     */
     /*
     position: absolute; 
     top: -25px; 
     left: 50%; 
     -webkit-transform: translate(-50%, 0); 
     -ms-transform: translate(-50%, 0); 
     transform: translate(-50%, 0); 
     */
    float: right;
    margin-top: 3px;
}
.discount_one span { 
    font-weight: 700; 
    line-height: 30px; 
    text-transform: uppercase; 
    font-size: 0.75rem; 
    color: white; 
}

.discount_one_debris { 
     width: 6.438rem; 
     height: 35px;
     background-color: #80c140 !important;
     border-radius: 0.938rem 0.938rem 0.938rem 0.938rem; 
     text-align: center; 
    float: right;
    margin-top: 3px;
}

.discount_one_debris span { 
    font-weight: 700; 
    line-height: 30px; 
    text-transform: uppercase; 
    font-size: 0.75rem; 
    color: white; 
}
.item-debris-detail{
    display:none;
    float:right;
    background-color: #cccccc !important;
    z-index: 50;
}
/* item radio buttons */
.item-price-radio {
  vertical-align: top;
  width: 21px;
  height: 21px;
  margin: 0 3px 0 0;
}
.item-price-radio + label {
  cursor: pointer;
}
.item-price-radio:not(checked) {
  position: absolute;
  /* z-index: -1; */
  /* opacity: 0;
  margin: 10px 0 0 7px;
  */
}
.item-price-radio:not(checked) + label {
  position: relative;
  padding: 0 0 0 35px;
}
.item-price-radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #CDD1DA  !important;
  border-radius: 50%;
  background: #FFF;
}
.item-price-radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9FD468 !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
  opacity: 0;
  
  transition: .2s;
}
.item-price-radio:checked + label:after {
  opacity: 1;
}
.item-price-radio:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.7);
}
/*--------------------*/
.item-price-discount-box {
    -webkit-box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    border-radius: 0.938rem;
    /* 
    height:2rem;
    width:60%;
    */
    height: 40px;
    width: 340px;
}
.item-price-discount-box .discount{
    position:relative;
  /*  top:auto;
      left:auto;
    float:left !important;
  */
}
.item-price-discount-box .discount span{
    position:fixed;
    left: 10px;
}
.item-price-discount-box .price {
    float:left;
    margin: 10px;
}
.item-price-delimiter {
 margin-left:10px;    
 width:95%; 
 height:1px;
 margin-top:5px;
 margin-bottom: 5px;
 border: 1px solid #999999;
}

.item-price-shiptime {
    width:280px; 
    text-align:left;
    font-size: 0.875rem;
    font-weight: 400;    
    margin-top:15px;
    padding-left: 5px;
    /* margin-bottom: 25px; */
    background-color: #cccccc !important;
    border-radius: 0.938rem 0.938rem 0 0;    
    height: 1.5rem;
}
.popular-item__pic, .interest-item__pic { position: absolute; left: 0; top: 0; width: 132px; }
.popular-item__pic img, .interest-item__pic img { -webkit-box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); }

.order-item__pic { position: absolute; left: 0; top: 0; margin-top: 25px;
                   
}
.order-item__pic img { -webkit-box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
                      box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
                      
}

.popular-books { background-color: #f0f2f2; padding-top: 70px; padding-bottom: 40px; }
.popular-books .h2 { padding-bottom: 70px; }
.popular-books .slick-next { right: -30px; }
.popular-books .slick-prev { left: -30px; }

.hit, .new, .discount { width: 3.438rem; height: 1.563rem; background-color: #f55423; border-radius: 0.938rem 0.938rem 0 0; text-align: center; margin: 0 auto; position: absolute; top: -25px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.hit span, .new span, .discount span { font-weight: 700; line-height: 30px; text-transform: uppercase; font-size: 0.75rem; color: white; }

.new { background-color: #2377f5 !important; }

.discount { background-color: #80c140 !important; }

.fasthours {
    z-index: 10;
    /* top: 30px; */
    position: absolute;
    left: 10%;
    background-color: red !important;
    color: white !important;
    font-weight: 800;
    width: 80%;
    border-radius: 0.938rem 0.938rem 0.938rem 0.938rem;
    text-align: center;
    filter: Alpha(opacity=60);
    opacity: 0.7;
}

.more-but { color: #333; margin: 0 auto; display: inline-block; }

.more-wrap { text-align: center; margin-top: 60px; }

.popular__slider .slick-track { margin-top: 26px; }
.another__slider .slick-track { margin-top: 26px; }
.fastdeliv__slider .slick-track { margin-top: 26px; }

.popular__slider .slide { margin: 0 25px; }
.another__slider .slide { margin: 0 25px; }
.fastdeliv__slider  .slide { margin: 0 25px; }

.another__slider .slick-next, .another__slider .slick-prev {
  top: 100px;
}
.fastdeliv__slider .slick-next, .fastdeliv__slider .slick-prev {
  top: 100px;
}


.slick-prev:before, .slick-next:before { background-color: transparent !important; }

.slick-prev:before { background-image: url(../img/arrow-l.svg); background-color: transparent !important; background-repeat: no-repeat; }

.slick-next:before { background-image: url(../img/arrow-r.svg); background-color: transparent !important; background-repeat: no-repeat; }

.header-review { background-color: #f0f2f2; height: 80px; }
.header-review .h3 { color: #333; font-size: 1rem; font-weight: 700; line-height: 18px; margin-top: 8px; display: inline-block; }

.header-review__left { float: left; margin-right: 20px; }
.header-review__left img { display: block; border-radius: 50%; }

.review-item { -webkit-box-shadow: 0px 0px 3px 2px #ececec; box-shadow: 0px 0px 3px 2px #ececec; border-radius: 0.25rem; *zoom: 1; }
.review-item:after { content: " "; display: table; clear: both; }

.header-review { padding: 16px; *zoom: 1; }
.header-review:after { content: " "; display: table; clear: both; }

.body-review p {
    font-size: 0.875rem; 
    line-height: 24px;
  /****----------*/
  word-wrap: break-word; 
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
/*  line-height: 1.0em; */
  max-height: 7.0em;    
}

.body-review p:hover{
    overflow: visible; 
    white-space: normal;
    height:auto;  /* just added this line */
    /*---- */ 
    width:100%;
    word-wrap: normal;
    display:inline-block; 
    background: #fff;
    white-space: normal;
    z-index:255;
    -webkit-line-clamp: 8;    
}

.revier__text p {
  /****----------*/
  text-align: left;
  word-wrap: break-word; 
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  /* line-height: 1.0em;  */
  max-height: 7.0em;    
}

.revier__text p:hover{
    text-align: left;
    overflow: visible; 
    white-space: normal;
    height:auto;  /* just added this line */
    /*---- */ 
    width:100%;
    word-wrap: normal;
    display:inline-block; 
    white-space: normal;
    z-index:255;
    -webkit-line-clamp: 8;    
}

.frame { height: 408px; }

.frame ul li { width: 367px; }
.frame ul li:last-child { margin-right: 2px; }

.review-question { color: #9d9d9d; font-size: 0.875rem; font-style: italic; line-height: 24px; vertical-align: middle; display: inline-block; }

.vote-but { color: #b3b3b3; font-size: 0.875rem; font-weight: 400; background-color: transparent; }
.vote-but:hover .icon { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.vote-but .icon { font-size: 15px; -webkit-transition: all 0.2s; transition: all 0.2s; width: 18px; }

.icon-yes { color: #00be7a; margin-right: 5px; }

.icon-no { color: #dd5151; margin-right: 5px; }

.body-review { 
  padding: 20px; 
  text-align: justify; 
}

.footer-review { height: 56px; padding: 0 20px; position: relative; font-size: 0; border-top: 1px solid #ececec; }
.footer-review:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.vote-cover { position:relative !important; top: -20px; }

.vote__yes { margin-right: 20px; }

.vote { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: 20px; left: auto; height: 20px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.vote_item { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: 20px; left: auto; height: 20px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.reviews { padding: 80px 0; }
.reviews .h2 { padding-bottom: 80px; }

.scrollbar { width: -webkit-calc(100% - 28px); width: calc(100% - 28px); height: 10px; margin-top: 20px; }

.registration-block { padding: 80px 0; text-align: center; background-image: url("../img/register-bg-low.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

.registration-block__title { color: white; font-size: 2.25rem; font-weight: 400; line-height: 48px; padding-bottom: 40px; }

.registration-block__text { color: white; font-size: 1rem; font-weight: 300; line-height: 24px; padding-bottom: 40px; }

.registration-block__info { max-width: 864px; margin: 0 auto; }

.iformation-section { padding: 77px 0 81px 0; }

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

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

.ui.dropdown { -webkit-transition: all 0.1s; transition: all 0.1s; position: static; }

.show-select-container { position: relative; display: inline-block; vertical-align: middle; }

.transition { -webkit-animation-duration: 0s !important; animation-duration: 0s !important; -webkit-transition-duration: 0s !important; transition-duration: 0s !important; }

.show-select, .grey-drop { border: 1px solid #c4c4c4 !important; border-radius: 50px !important; padding: 10px 39px 10px 20px !important; min-width: 176px !important; }
.show-select .menu, .grey-drop .menu { width: 100%; }

.dropdown-icon { background-image: url("../img/drop.svg"); background-repeat: no-repeat; width: 9px; height: 7px; display: inline-block; position: absolute; top: 27px; right: 20px; margin-top: -7px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1; }

.ui.dropdown .menu { 
    border-radius: 0 0 10px 10px !important; 
    border-color: #c4c4c4 !important;
    /* border-top: 0 !important;*/ 
}

.ui.dropdown.visible {
  border-bottom: 0 !important;
}
.visible { border-radius: 10px 10px 0 0 !important; }

.menu .item { font-size: 14px !important; font-size: 0.875rem !important; color: #6c6969 !important; }

.visible.upward { border-top: 0 !important; border-radius: 0 0 10px 10px !important; }

.visible.upward .menu { border-radius: 10px 10px 0 0 !important; }

.overviews-header-right, .default.text { color: #333 !important; font-family: "Open Sans"; font-size: 0.875rem; font-weight: 300; line-height: 24px; }

.overviews-header-right { float: right; }
.overviews-header-right span { display: inline-block; vertical-align: middle; margin-right: 15px; }

.overviews__header { *zoom: 1; margin-bottom: 66px; }
.overviews__header:after { content: " "; display: table; clear: both; }
.overviews__header .h2 { float: left; display: inline-block; }

.overview-item { 
    width: 100%; 
    background-color: #f0f2f2; 
    border-radius: 5px; 
    -webkit-box-shadow: 0 1px 0.25rem rgba(51, 51, 51, 0.25); 
    box-shadow: 0 1px 0.25rem rgba(51, 51, 51, 0.25); 
    position: relative; 
    padding: 29px 36px 71px 36px; 
    margin-bottom: 66px; 
    /* k*/
    min-height: 462px;
}

.overview-item__right-block { max-width: 170px; position: absolute; top: 30px; left: 30px; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
.overview-item__right-block .name { text-align: center; padding-top: 12px; }
.overview-item__right-block .name .author { color: #848484; font-size: 0.875rem; font-weight: 400; 
         overflow:hidden;
         height: 15px;
}
.overview-item__right-block .name .name-book { color: #333; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;
  overflow: hidden;
  max-height: 46px;}
.overview-item__right-block .name .name-book a { color: #333; -webkit-transition: all 0.2s; transition: all 0.2s; }
.overview-item__right-block .name .name-book a:hover { color: #00be7a; }

.overview-item__right-block .button { 
    text-align: center; 
    width:100%;
    margin-top:20px;
}

.overview-item__right-block .or-button { 
    text-align: center; 
    width:100%;
    margin-top:20px;
}

.overview-item__right-block .tr-button { 
    text-align: center; 
    width:100%;
    margin-top:20px;
}

.overview-item__right-block .one-button { 
    text-align: center; 
    width:100%;
    margin-top:20px;
}

.overview-item__left-block { padding-left: 195px; }

.overview-item-picture img { 
    -webkit-box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    max-width:100%;
    width: 100%; /* ширина картинки */
    height: auto; /* высота картинки */    
}
.overview-item__user .stars { margin-bottom: 20px !important; margin-top: 10px; }
.overview-item__user .user-nane { display: inline-block; vertical-align: middle; color: #333; font-size: 1rem; font-weight: 700; line-height: 18px; }
.overview-item__user img { border-radius: 50%; width: 29px; height: 29px; display: inline-block; margin-right: 11px; vertical-align: middle; }

.overviews__footer { text-align: justify; line-height: 0; font-size: 0; text-justify: newspaper; zoom: 1; -moz-text-align-last: justify; text-align-last: justify; }
.overviews__footer:after { content: ""; display: inline-block; width: 100%; height: 0px; visibility: hidden; overflow: hidden; }
.overviews__footer * { display: inline-block; vertical-align: middle; }

/*-------------*/

news-header-right, .default.text { color: #333 !important; font-family: "Open Sans"; font-size: 0.875rem; font-weight: 300; line-height: 24px; }

.news-header-right { float: right; }
.news-header-right span { display: inline-block; vertical-align: middle; margin-right: 15px; }

.news__header { *zoom: 1; margin-bottom: 66px; }
.news__header:after { content: " "; display: table; clear: both; }
.news__header .h2 { float: left; display: inline-block; }

.news-item { 
    width: 100%; 
    background-color: #f0f2f2; 
    border-radius: 5px; 
    -webkit-box-shadow: 0 1px 0.25rem rgba(51, 51, 51, 0.25); 
    box-shadow: 0 1px 0.25rem rgba(51, 51, 51, 0.25); 
    position: relative; 
    padding: 29px 36px 71px 36px; 
    margin-bottom: 66px; 
    /* k*/
    min-height: 300px;
}

.news-item__right-block { max-width: 170px; position: absolute; top: 30px; left: 30px; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
.news-item__right-block .name { text-align: center; padding-top: 12px; }
.news-item__right-block .name .author { color: #848484; font-size: 0.875rem; font-weight: 400; 
         overflow:hidden;
         height: 15px;
}
.news-item__right-block .name .name-book { color: #333; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;
  overflow: hidden;
  max-height: 46px;}
.news-item__right-block .name .name-book a { color: #333; -webkit-transition: all 0.2s; transition: all 0.2s; }
.news-item__right-block .name .name-book a:hover { color: #00be7a; }

.news-item__right-block .button { 
    text-align: center; 
    width:100%;
    margin-top:20px;
}

.news-item__right-block .or-button { 
    text-align: center; 
    width:100%;
    margin-top:20px;
}

.news-item__right-block .tr-button { 
    text-align: center; 
    width:100%;
    margin-top:20px;
}

.news-item__right-block .one-button { 
    text-align: center; 
    width:100%;
    margin-top:20px;
}

.news-item__left-block { padding-left: 195px; }


.news-recommend-item {
    float:left;
    text-align: center;
    justify-content:center;
}

.news-recommend-item .name { 
    word-wrap: break-word; 
    font-size: 0.8rem; 
  /*  font-weight: 600; */
    color: #333; 
    line-height: 20px; 
    margin-bottom: 13px; 
    text-align: left; 
    max-width: 100px;
 }
.news-recommend-item .name a:hover { 
    color: #00be7a; 
}

.news-item-picture { 
     text-align: center; /* X*/ 
     vertical-align: middle;
     left: 0; 
     top: 0; 
     width:120px;
     height: 120px; 
     margin-top:20px;
     margin-left: 20px;
     background-color: #ccffcc; 
     position: relative;
}

.news-item-picture img { 
    -webkit-box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    max-width:100%;
    width: 100%; /* ширина картинки */
    height: auto; /* высота картинки */    
}

.news-item-date {
    text-align: center; 
    vertical-align: middle;
    width:120px;
    height: 120px; 
    margin-top:20px;
    background-color: #ccffcc; 
    -webkit-box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
}

.news-item-date .xday {font-size: 30px; font-weight: 700; }
.news-item-date .xmonth {font-size: 18px; font-weight: 700; }
.news-item-date .xyear {font-size: 14px; font-weight: 700; }

.news-item-block-recomend {
     overflow-x: auto;
     overflow-y: auto;
     -webkit-backface-visibility: hidden; 
     backface-visibility: hidden; 
     -webkit-overflow-scrolling: touch; 
     min-width: 100% !important; 
     height: 150px;
     width: 300px;
}

.news-item-recomend  img { 
    vertical-align: middle;
    -webkit-box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); 
    max-width:100%;
    width: 100%; /* ширина картинки */
    height: auto; /* высота картинки */    
}

.news-item-header {
    vertical-align: middle;
    text-align: left;
    color: #333; font-size: 1.3rem; font-weight: 700;
}

.news-item__user .stars { margin-bottom: 20px !important; margin-top: 10px; }
.news-item__user .user-nane { display: inline-block; vertical-align: middle; color: #333; font-size: 1rem; font-weight: 700; line-height: 18px; }
.news-item__user img { border-radius: 50%; width: 29px; height: 29px; display: inline-block; margin-right: 11px; vertical-align: middle; }

.news__footer { text-align: justify; line-height: 0; font-size: 0; text-justify: newspaper; zoom: 1; -moz-text-align-last: justify; text-align-last: justify; }
.news__footer:after { content: ""; display: inline-block; width: 100%; height: 0px; visibility: hidden; overflow: hidden; }
.news__footer * { display: inline-block; vertical-align: middle; }

/*-------------*/
.reg-warning { color: #333; font-size: 0.875rem; font-weight: 300; line-height: 24px; }
.left-sidebar .h2 { padding-bottom: 80px; text-align: left; }
.left-sidebar.news .h2 { padding-bottom: 30px; text-align: left; }

.news__anouns { margin-bottom: 20px; padding-bottom: 26px; border-bottom: 1px solid #d5d5d5; padding-left: 6px; }
.news__anouns .time { color: #a3a3a3; font-size: 0.875rem; font-weight: 400; line-height: 18px; margin-bottom: 20px; display: block; }
.news__anouns .h3 { 
    padding-bottom: 20px; 
    color: #333; 
    font-size: 1rem; 
    font-weight: 700; 
    line-height: 18px; 
    text-transform: uppercase; 
    -webkit-transition: all 0.2s; 
    transition: all 0.2s; 
}
.news__anouns .h3:hover { color: #00be7a; }

.announce-text p { color: #464646; font-size: 0.875rem; font-weight: 300; line-height: 24px; }

.left-sidebar .tr-button { margin-top: 40px; }

.left-sidebar .one-button { margin-top: 40px; }

.advances { background-color: #f0f2f2; padding: 50px 0; border-bottom: 1px solid #d5d5d5; -webkit-box-shadow: inset 0.094rem 0.163rem 0.625rem rgba(0, 0, 0, 0.05); box-shadow: inset 0.094rem 0.163rem 0.625rem rgba(0, 0, 0, 0.05); }

.avances__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-flow: row wrap; }

.adv-item-pic { width: 100px; height: 100px; border-radius: 50%; border: 1px solid #d5d5d5; margin: 0 auto; position: relative; }
.adv-item-pic .icon { color: #00be7a; font-size: 45px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.adv-item-text { color: #333; font-size: 0.875rem; font-weight: 300; line-height: 24px; text-align: center; margin-top: 30px; }

.footer { padding: 80px 0; background-color: #f0f2f2; position: static; right: 0; bottom: 0; left: 0; }

.footer__logo { float: left; }

/* 11.10.18 Valentine */
.social {
  float: right;
  vertical-align: top;
}

.copyright {
  /*margin: 0 4% 0 237px;*/
  margin: 0 0 0 30px;
  max-width: 390px;
  color: #464646;
  font-family: "Open Sans";
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 24px;
  display: inline-block;
}
/*---------*/

.fb path { fill: #3b5998; }

.gp path { fill: #dc4e41; }

.vk path { fill: #4d76a1; }

.tw path { fill: #55acee; }

.ig path { fill: #55acee; }

.footer-social-child { float: left; margin: 0 5px; }
.footer-social-child svg { width: 30px; height: 30px; }

.footer-social-list { *zoom: 1; }
.footer-social-list:after { content: " "; display: table; clear: both; }

.right-banner { *zoom: 1; }
.right-banner:after { content: " "; display: table; clear: both; }
.right-banner img { float: right; display: block; }
.right-banner a { display: block; }

.catalog { border-bottom: 1px solid #d5d5d5; }

.soc-title { color: #464646; font-size: 0.875rem; font-weight: 300; margin-bottom: 15px; line-height: 24px; }
.soc-title:first-of-type {
  margin-bottom: 0px;
}

.catalog-menu-outer { padding-top: 25px; }

.catalog-menu__list li { padding-bottom: 7px; }
.catalog-menu__list a { color: #333; font-size: 0.875rem; font-weight: 400; text-transform: none; }
.catalog-menu__list a:hover { text-decoration: underline; }

.catalog-menu__top { padding: 17px 0; border-bottom: 1px solid #d5d5d5; }

.header-menu .reccomends-picture .mask .basket { left: 50%; top: 35px; }

.header-menu .reccomends-picture .one-click span { font-size: 10px; font-weight: 400; }
.header-menu .reccomends-picture .one-click a { font-size: 10px; font-weight: 400; color: #fff }

.header-menu .reccomends-picture { position: relative; width: 80%; }
.header-menu .reccomends-picture img { margin-bottom: 17px; display: block; width: 100%; height: 151px; -webkit-box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); box-shadow: 0 0.313rem 1.375rem rgba(26, 35, 42, 0.45); }

/**-----------------------------***/

.reccomends-text {
   /*  position: absolute;  */
    transition: 0.2s;
    background: white;
}

.reccomends-text .description { 
    word-wrap: break-word; 
    font-size: 0.8rem; 
    color: #333; 
    line-height: 20px; 
    margin-bottom: 13px; 
    text-align: left;
    /* -- */
    text-overflow: ellipsis;
    overflow: hidden;
    display:none !important;
    /* display: -webkit-box; */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.reccomends-text .name { 
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.28); */
    word-wrap: break-word; 
    font-size: 0.8rem; 
    font-weight: 600; 
    color: #333; 
    line-height: 20px;  
    margin-bottom: 13px; 
    /*  text-align: center;  */
    text-align: left;
    /* -- */
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.4em;
    max-height: 4.1em;    
    max-width: 150px;
    width:140px;
    height:20px;
    /****/
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to bottom, #000, #000, rgba(0, 0, 0, 0));
    pointer-events: none;    
}


.reccomends-text .name:hover{
    overflow: visible; 
    white-space: normal;
    /*  text-align: center;  */
    text-align: left;
    
   /* width:100%;  */
   width:140px;
   /* height:auto;  */
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.28); */
    word-wrap: normal;
    display:inline-block; 
    background: #fff;
    white-space: normal;
    /* 
    -ms-word-break: break-all;
    word-break: break-all;    
    */
    z-index:255;
    -webkit-line-clamp: 8;
    color: black;
    background-image: none;
    pointer-events: auto;
}

.reccomends-text .author { 
    font-weight: normal; 
    word-wrap: break-word; 
    /*  text-align: center;  */
    text-align: left;
    
    /* -- */
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;    
    max-width: 150px;
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.reccomends-text .item-year { 
    word-wrap: break-word; 
    color: #333; 
    text-align: left;
    /* -- */
    text-overflow: ellipsis;
    overflow: hidden;
    /* display: -webkit-box; */
    display:none !important;
}

.reccomends-text .item-nositel { 
    word-wrap: break-word; 
    color: #333; 
    text-align: left;
    /* -- */
    text-overflow: ellipsis;
    overflow: hidden;
    /* display: -webkit-box; */
    display:none !important;
}

.reccomends-text .name a:hover { color: #00be7a; }
.reccomends-text .price { 
   /*-  color: #8b8b8b;   -*/
    color: #333333; 
    line-height: 24px; 
    font-size: 1.25rem; 
    text-align: center;
    font-weight: 800;
}
.reccomends-text .price-old { 
   color: #8b8b8b; 
   line-height: 10px; 
   font-size: 0.8rem; 
   text-decoration: line-through !important; 
   margin-left:5px;
   margin-top:5px;
}
.reccomends-text .price-and-discount .price { 
   float:left !important;	
 }
.reccomends-text .price-and-discount .price-old { 
  float:left !important;
}

.reccomends__item { -webkit-box-sizing: content-box; box-sizing: content-box; }

.reccomends__item .price span { vertical-align: baseline; }

.news__item-mask-link { position: absolute;top: 0%;left: 0%;display: block;width: 100%; height: 100%; }

.news__item, .popular__item { max-width: 136px; display: inline-block; }

.news__item img { width: 100%; }
.news__item a.name { -webkit-transition: all 0.2s; transition: all 0.2s; }
.news__item a.name:hover { color: #00be7a; }

.reccomends__item { padding: 0 4%; }

.reccomends .reccomends__title, .popular .reccomends__title { padding-bottom: 35px; }

.reccomends { padding: 20px 0; }

.news__item, .popular__item { display: inline-block; padding: 0 33px;
  -webkit-box-sizing: content-box; box-sizing: content-box; 
  margin-bottom: 20px; 
  min-height: 256px; 
  vertical-align: top; text-align: left; 
}

.news__item .reccomends-picture, .popular__item .reccomends-picture { 
     margin-bottom: 15px; 
     position: relative; 
     opacity: 0.9;
}
.news__item .reccomends-picture img, .popular__item .reccomends-picture img { 
    width: 100%; 
    display: block; 
    transition: transform .5s ease;
}

.news-container, .popular-container { text-align: center; margin: 0 -27px; }

.slick-arrow { -webkit-transition: all 0.3s; transition: all 0.3s; }
.slick-arrow:hover { opacity: 0.5; }

.slick-dots li.slick-active button { background: #515151 !important; }

.slick-dots button { background: #c1c2c2 !important; }

.slick-dots li { padding: 0 6px; }

.heaader--second .header-top { padding: 8px 0; 
 /* background-color: #2d2e2f; */
 background-color:  #d07626;
}

.heaader--second { background-image: none !important; min-height: initial !important; }

.sign__user-image { display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 50%; }

.sign__user-name { display: inline-block; vertical-align: middle; margin-left: 20px; }
.sign__user-name:hover { color: #c9c9c9 !important; }

.counter-val { margin: 0 9px; }

.counter-val, .counter-nav { display: inline-block; padding: 5px; vertical-align: middle; color: #b8b8b8; font-size: 1.5rem; font-weight: 400; }
.counter-val .icon, .counter-nav .icon { font-size: 23px; color: #b8b8b8; }

.next span { left: 1px; top: 3px; }

.counter-nav { text-decoration: none; cursor: pointer; position: relative; background-color: transparent; }

.counter { margin-bottom: 16px; }

.order-section .container:before { content: ""; position: absolute; right: 50%; width: 1px; background-color: #d5d5d5; top: 0; bottom: 0; }

.iformation-section .container:before { content: ""; position: absolute; right: 33%; width: 1px; background-color: #d5d5d5; top: 0; bottom: 0; }

.order { 
         position: relative; 
         border-bottom: 1px solid #d5d5d5; 
         padding-bottom: 38px; 
         -webkit-box-sizing: content-box; 
         box-sizing: content-box; 
         margin-right: 20px; 
         margin-top: 20px;
}
.order:last-child { border-bottom: 0; }
/*
.order:first-child { padding-top: 50px; }
*/
.order .h3 { padding-bottom: 8px !important; max-width: 160px; }

.order-item__author { padding-bottom: 6px !important; }

.order-section__inside, .order-get { padding-top: 25px; }

.order-get .dropdown-icon { top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

.order-section__inside .h3 { padding-bottom: 40px; }

.order-get { padding-left: 20px; }
.order-get .h3 { padding-bottom: 34px; }

.main-offset { padding-top: 98px; -webkit-box-shadow: inset 0.094rem 0.163rem 0.625rem rgba(0, 0, 0, 0.05); box-shadow: inset 0.094rem 0.163rem 0.625rem rgba(0, 0, 0, 0.05); }
.search-page .top-nav{
  padding-top: 28px;
}
.search-page .search-title{
  color: #333333;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 30px;
}
.search-page .search-num{
  color: #333333;
  font-size: 14px;
  line-height: 34px;
  text-align: right;
  margin-bottom: 30px;
}
.search-filter-container{
  margin-bottom: 40px;
}
.search-filter-container .search-filter{
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

.search-filter-sort {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  margin-left: 30px;
}
.search-filter-sort span{
  font-size: 14px;
  margin-right: 10px;
}


.search-filter-container .search-filter span{
  font-size: 14px;
  margin-right: 10px;
}
.search-results .news-container{
    text-align: center;
    align-content: center;  
}
.delivery-page{
  padding-top: 28px;
}
.delivery-page h2{
  color: #333333;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 30px;
  font-weight: normal;
}
.delivery-page p{
  color: #333333;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 30px;
  font-weight: 300;
}
.delivery-page ul{
  margin-bottom: 30px;
}
.delivery-page ul li{
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}
.delivery-page ul li:before{
  content: '';
  position: absolute;
  top:7px;
  left:0;
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 50%;
  background: #27be6e;
}
.delivery-page ol{
  margin-bottom: 30px;
}
.delivery-page ol li{
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}
/* Igor  18-04-2018  */
.ordpayment-page{
  padding-top: 28px;
}
.ordpayment-page h2{
  color: #333333;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 30px;
  font-weight: normal;
}

.ordpayment-page h3{
  color: #333333;
  font-size: large;
  line-height: 34px;
  margin-bottom: 30px;
  font-weight: bold;
}

.ordpayment-page table { 
    border-spacing: 0; 
    border-collapse: collapse;  
    border-width: thin;
    border-color: black;
    border:  initial; 
    width: 100%; 
}
.ordpayment-page th { 
    border:  initial; 
    font-size: large;
}
.ordpayment-page td { 
    border:  initial; 
    font-size: large;
    padding: 10px;
}
.ordpayment-page tr { 
    border:  initial;
    font-size: medium;
}
.ordpayment-page p{
  color: #333333;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 30px;
  font-weight: 300;
}
.ordpayment-page ul{
  margin-bottom: 30px;
}
.ordpayment-page ul li{
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}
.ordpayment-page ul li:before{
  content: '';
  position: absolute;
  top:7px;
  left:0;
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 50%;
  background: #27be6e;
}
.ordpayment-page ol{
  margin-bottom: 30px;
}
.ordpayment-page ol li{
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}
/* Igor  18-04-2018  */


.order-section .container { padding-bottom: 40px; }

.delete-order { width: 40px; height: 40px; position: absolute; 
               /* background: transparent;  */
               background:  #f2f2f2;
               border: 1px solid #999999; 
               border-radius: 50%; 
               right: 0; top: 0; font-size: 0; 
}

.deferred-order { width: 40px; height: 40px; position: absolute; 
               /* background: transparent;  */
               background:  #f2f2f2;
               border: 1px solid #999999; 
               border-radius: 50%; 
               top: 0; font-size: 0; 
               right:0; margin-right:80px;
}

.delete-order:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.delete-order .icon-close { font-size: 15px; color: #999999; display: inline-block; vertical-align: middle; }
 
.deferred-order:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.deferred-order  .icon-deferred { display: inline-block; vertical-align: middle; }

.order-form__indide { border-bottom: 1px solid #d5d5d5; padding-bottom: 50px; margin-bottom: 30px; }

.grey-drop { width: 320px; background: #f2f2f2 !important; border-color: #f2f2f2 !important; height: 40px; margin-bottom: 30px; line-height: 16px; position: relative !important; z-index: auto; }
.grey-drop .text { font-size: 14px; line-height: 15px; overflow: hidden; width: 90%; white-space: nowrap; text-overflow: ellipsis; }

.cook_write, .input { border: 1px solid #c4c4c4; border-radius: 40px; height: 40px; width: 320px; margin-bottom: 30px; font-size: 14px; padding-left: 20px; }

.input-title { font-size: 14px; margin-bottom: 10px; }

.show_fild span { cursor: pointer; font-size: 14px; display: inline-block; margin-bottom: 21px; border-bottom: 1px dotted #333; }
.show_fild span:hover { border-bottom-color: transparent; }

.order-get__auth { font-size: 0.875rem; line-height: 24px; color: #2d2e2f; font-weight: 400; margin-bottom: 34px; }

.auth-bask { color: #919191; font-style: italic; text-decoration: underline; }

.sogl { text-decoration: underline; color: #6c6969; }

.surf_cont { text-decoration: underline; color: #6c6969; margin: 5px; }

.sum_price { color: #333; font-family: "Open Sans"; line-height: 30px; font-size: 0.875rem; font-weight: 700; }
.sum_price span { font-size: 1.5rem; font-weight: 400; }

.sum_price { margin-bottom: 30px; }

.sum_price_ext { 
    color: #333; 
    font-family: "Open Sans"; 
    line-height: 30px; 
    font-size: 0.875rem !important; 
    font-weight: 300 !important; 
    white-space: nowrap; 
}

.sum_price_delivery { 
    color: #333; 
    font-family: "Open Sans"; 
    line-height: 30px; 
    font-size: 0.875rem !important; 
    font-weight: 400 !important; 
    white-space: nowrap; 
}

input[type="checkbox"] { position: relative; -webkit-appearance: none; height: 1.25em; width: 1.25em; margin-bottom: -0.25em; margin-right: 5px; -webkit-transition: border-color 0.2s; transition: border-color 0.2s; padding: 0; border: 1px solid #c4c4c4; border-radius: 2px; background-color: #fff; }

input[type="checkbox"]:checked:before { content: "\2713"; position: absolute; font-weight: bold; font-size: 0.85em; left: 1px; top: 3px; text-align: center; width: 1.25em; color: #00be7a; line-height: 11px; }

.menu-catalog { padding-bottom: 80px; }
.menu-catalog li { margin-bottom: 20px; }
.menu-catalog a { color: #3c404a; font-size: 0.875rem; font-weight: 400; display: inline-block; position: relative; }
.menu-catalog a:hover { text-decoration: underline; }

.catalog__inside { padding-top: 40px; padding-left: 20px; padding-right: 20px; max-width: 350px; }

.col-title { padding-bottom: 43px; text-align: left; }

.couneter-catalog { 
     min-width: 28px; height: 28px; 
     display: inline-block; 
     position: absolute; 
     top: -5px; 
     right: -44px; 
     border-radius: 50%; 
     background-color: #d0d4d4; 
     font-size: 0; 
     text-align: center; 
}
.couneter-catalog:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.couneter-catalog span { color: #595f65; font-size: 0.688rem; font-weight: 700; display: inline-block; vertical-align: middle; z-index: 20; line-height: 20px; }
.couneter-catalog a span { color: #595f65; font-size: 0.688rem; font-weight: 700; display: inline-block; vertical-align: middle; z-index: 20; line-height: 20px; }

.aside-left-menu, .accordion-criteries { margin-bottom: 44px; }
.aside-left-menu li, .accordion-criteries li { position: relative; }
.aside-left-menu a, .accordion-criteries a { color: #3c404a; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 17px; }

.aside-left-menu__counter { min-width: 36px; height: 28px; display: inline-block; position: absolute; right: 44px; border-radius: 45%; background-color: #d0d4d4; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.aside-left-menu__counter span { color: #595f65; font-size: 0.688rem; font-weight: 700; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; }

.aside-left-menu { position: relative; }
.aside-left-menu a:hover { text-decoration: underline; }
.aside-left-menu:before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; height: 1px; background-color: #d5d5d5; }

.accordion-criteries .accordion__item { display: none; max-height: 440px;  overflow-y: auto;}
.accordion-criteries .anchor-title { position: relative; color: #3c404a; text-transform: uppercase; font-size: 0.875rem; font-weight: 700; margin-bottom: 17px; cursor: pointer; }
.accordion-criteries .anchor-title:before { content: ""; display: inline-block; width: 7px; height: 7px; position: absolute; top: 7px; background-repeat: no-repeat; left: -16px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-image: url("../img/drop.svg"); }

.accordion-criteries .anchor-title-active { position: relative; color: #3c404a; text-transform: uppercase; font-size: 0.875rem; font-weight: 700; margin-bottom: 17px; cursor: pointer; }
.accordion-criteries .anchor-title-active:before { content: ""; display: inline-block; width: 18px; height: 18px; position: absolute; top: 0px; background-repeat: no-repeat; left: -20px; background-image: url("../img/pl.svg"); }


.cat-check { padding-bottom: 25px; display: block; }
.cat-check span { color: #3c404a; font-size: 0.875rem; font-weight: 400; }

.accordion__item.is-active { display: block; }

.anchor-title { display: block !important; }
.anchor-title:before { -webkit-transition: all 0.2s; transition: all 0.2s; }
.anchor-title.is-active:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.anchor-title-active { display: block !important; }
.anchor-title-active:before { -webkit-transition: all 0.2s; transition: all 0.2s; }


.look-more { color: #8e8e8e; font-size: 0.75rem; font-weight: 400; margin-bottom: 30px; text-decoration: underline; cursor: pointer; }
.look-more:hover { text-decoration: none; }

.priceRange_header { margin-bottom: 15px; *zoom: 1; }
.priceRange_header:after { content: " "; display: table; clear: both; }
.priceRange_header span { display: block; width: 43%; float: left; color: #8e8e8e; font-size: 0.75rem; font-weight: 400; }

.rangesubmitRow { margin-bottom: 20px; *zoom: 1; }
.rangesubmitRow:after { content: " "; display: table; clear: both; }

.rangesubmitRow input[type="text"] { height: 30px; width: 58px; float: left; padding: 0 10px; -webkit-box-shadow: inset 0 0 0 1px #d5d5d5; box-shadow: inset 0 0 0 1px #d5d5d5; }

.rangesubmitRow .dash { height: 30px; float: left; line-height: 30px; padding: 0 7px; color: #c9c9c9; }

.range_wrap .noUi-background { -webkit-box-shadow: none; box-shadow: none; background: #d3eeff; max-width: 195px; }

.range_wrap .noUiRange { height: 10px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; background: none; margin: 0 8px 30px; }

.noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; }

.range_wrap .noUi-connect { -webkit-box-shadow: none; box-shadow: none; background: transparent; border-radius: 4px; }

.range_wrap .noUi-horizontal .noUi-handle { width: 20px; height: 20px; background: #00be7a; border-radius: 50%; left: -10px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; cursor: pointer; }

.range_wrap { max-width: 200px; }

.noUi-horizontal { height: 4px !important; border: 1px solid #d5d5d5; }

.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }

.noUi-connect { background-color: #00be7a !important; }

.noUi-target { margin-top: 25px; margin-bottom: 33px; }

.noUi-handle:before, .noUi-handle:after { display: none; }

.noUi-horizontal .noUi-handle { top: -8px; }

.new-books { padding-top: 40px; }
.new-books .h3 { padding-left: 36px; }

.mask { 
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 0; 
    opacity: 0; 
    bottom: 0; 
    cursor: pointer; 
    -webkit-transition: all 0.3s; 
    transition: all 0.3s; 
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.4))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%); 
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%); 
}
.mask .basket { 
    left: 50%; 
    top: 55px; 
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); 
    transform: translateX(-50%); 
    display: block; 
}
.mask .basket.in-basket > a{
  background: url(../img/inbasket.svg) -1px -1px no-repeat;
  width: 40px;
  display: inline-block;
  height: 40px;
}
.interest-item__pic .mask .basket.in-basket .add-to-basket {
  top: 20px;
}
/*---- Igor  23-07-2019 -------*/
/*
.news__item:hover .mask, .popular__item:hover .mask, .interest-item__pic:hover .mask, .reccomends-picture:hover .mask { opacity: 1; }
*/
/*
.news__item:hover , .popular__item:hover, .interest-item__pic:hover { 
     box-shadow: 0 0 10px rgba(0,0,0,0.5); 
}
*/
.news__item:hover img, .popular__item:hover img, .interest-item__pic:hover img, .reccomends-picture:hover  img { 
     opacity: 1; 
     transform: scale(1.1); 
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
}
.news__item:hover .name, .popular__item:hover .name, .interest-item__pic:hover .name, .reccomends-picture:hover  .name { 
    overflow: visible !important; 
    white-space: normal !important;
    /* text-align: justify; */
    text-align: left;
    width:100%;
    max-widht:150px;
  /*  height:auto;  */
    word-wrap: normal !important;
    display:inline-block !important; 
    background: #fff;
    white-space: normal;
    z-index:255 !important;
    -webkit-line-clamp: 8 !important;
    /* 09.08.2020 !!! */
    color:black;
    width:140px;
    pointer-events:auto;
}
/*--------*/
.interest-item__pic .mask .add-to-basket { top: 52px; }

.add-to-basket { 
    color: #fff; 
    font-size: 0.813rem; 
    font-weight: 400; 
    position: absolute;
    top: 45px;
    left: 50%; 
    white-space: pre; 
    -webkit-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
    transform: translateX(-50%); 
    display: block;
}

.one-click { position: absolute; bottom: 0; left: 0; right: 0; height: 31px; background: #00be7a; text-align: center; font-size: 0; }
.one-click:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.one-click span { display: inline-block; vertical-align: middle; color: white; font-size: 0.813rem; font-weight: 600; }
.one-click a { display: inline-block; vertical-align: middle; color: white; font-size: 0.813rem; font-weight: 600; text-decoration: none}

.banner-2 { padding-top: 10px; padding-bottom: 37px; }
.banner-2 img { width: 100%; }

.pagination { padding-bottom: 74px; }

.pagination li { position: relative; display: inline-block; vertical-align: middle; margin-left: 15px; }

.pagination a { color: #6c6969; font-size: 16px; }
.pagination a:hover { text-decoration: underline; color: #00be7a; }

.first a:hover, .last a:hover { text-decoration: none; color: #00be7a; }

.pagination .active { font-weight: 700; border: 2px solid #00be7a; padding: 5px 8px; border-radius: 50%; display: inline-block; width: 30px; height: 30px; position: relative; }
.pagination .active span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pagination li { position: relative; display: inline-block; vertical-align: middle; margin-left: 15px; }
.pagination li.first { margin-left: 0; }

.catalog .col-md-4 { background-color: #f0f2f2; height: 100%; }

.top-nav { margin-bottom: 38px; }

.top-nav__item { display: inline-block; color: #adadad; font-size: 0.875rem; font-weight: 400; padding-left: 10px; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; }
.top-nav__item:hover { text-decoration: underline; }
.top-nav__item:first-child { padding-left: 0; }
.top-nav__item.active { color: #333; }
.top-nav__item .arrow { display: inline-block; margin-right: 10px; }

.left-card, .right-rec-aside { 
    /* padding-top: 28px; */
    padding-top: 5px;
}

.card { padding-bottom: 77px; }

.card-conainer { position: relative; min-height: 441px; padding-bottom: 40px; -webkit-box-sizing: content-box; box-sizing: content-box; }
.card-conainer a:hover { text-decoration: underline; }
.card-conainer .stars {
  margin-bottom: 11px;
  position: relative;
}
/*
.card__pic {
    position: absolute; 
    left: 0; 
    top: 0; 
    text-align: center; 
    width:220px; 
}
*/
/*  15.10.2019 igor */
.card__pic {
    text-align: center; 
    width:220px; 
    float:left;
    
}
.card__pic img { 
     display: block; 
     max-width:100%;
     width:100%;
     height:auto;
     /**-------------**/
    vertical-align: middle;
    object-fit:     contain;
}

/*  15.10.2019 igor */
/* .card__info { padding-left: 240px; padding-right: 20px }*/
.card__info { padding-left: 20px; padding-right: 20px; float:left; max-width:430px; }

.card-title { color: #333; font-size: 1.25rem;  margin-bottom: 14px;  }

.card-code      { color: #2d2e2f; font-size: 0.875rem; font-weight: 400; margin-bottom: 20px; white-space: nowrap; }
.card-item-code { color: #d24462; font-size: 0.875rem; font-weight: 400; margin-bottom: 20px; white-space: nowrap; }

.item_cash_and_discount {  margin-top: 10px; }

.book-info .grey-text { color: #8b8b8b; font-size: 0.875rem; font-weight: 400; width: 32%; }

.book-info table { table-layout: fixed; }
.book-info td { color: #333; font-size: 0.875rem; font-weight: 400; padding-bottom: 12px; }
.book-info a { color: #488bdd !important; }

.book-info-href {
    color: #488bdd !important;
    cursor: pointer;
}
.book-info-href:hover { text-decoration: underline; }

.card__debris{
     padding-top: 25px;  
     padding-left: 240px; 
     word-wrap:break-word; 
     text-overflow: ellipsis;
     overflow: visible;    
     font-size: 0.875rem; 
     font-weight: 400;
}
.card__buttons { 
     padding-top: 25px;  
     padding-left: 240px; 
     word-wrap:break-word; 
     text-overflow: ellipsis;
     overflow: visible;     
}
.card__buttons button { padding-top: 9px; padding-bottom: 11px; height: 42px; line-height: 23px; }
.card__buttons button:first-child { margin-right: 10px;   font-size: 1rem; font-weight: 400; }
.card__buttons .button { border: 0; }
.card__buttons .in-basket {
    margin-right: 10px;
    display: inline-block;
    background: url(../img/inbasket.svg) -1px -1px no-repeat;
    height: 41px;
    color: #333333;
    font-size: 14px;
    border: 1px solid #c4c4c4;
    border-radius: 22px;
    font-weight: 300;
    vertical-align: top;
    padding-left: 55px;
    line-height: 40px;
    padding-right: 20px;
    width: 150px;
}

.all-img-link { position: relative; top: 20px; color: #488bdd; font-size: 0.875rem; font-weight: 400; line-height: 30px; }

.tabular { color: #818181; font-size: 1rem; font-weight: 400; border-bottom: 1px solid #d5d5d5; line-height: 30px; 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; padding: 0 30px; }
.tabular .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; line-height: 37px; }

.tabular .item.active { color: #00be7a !important; position: relative; }
.tabular .item.active:before { content: ""; display: block; position: absolute; top: 93%; top: -webkit-calc(100% - 4px); top: calc(100% - 4px); width: 135%; left: -50%; -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); height: 0.25rem; background-color: #00be7a; border-radius: 0.188rem 0.188rem 0 0; }

.tab { padding: 30px 0; }
.tab p { color: #333; line-height: 24px; padding-bottom: 17px; }
.tab .code { font-size: 1rem; font-weight: 700; color: black; padding-top: 17px; }

input.error { border-color: #fd7575; }

input.valid { border-color: #00be7a; }

.form-popup-outer {
  max-width: 489px;
  height: 100%;
}

.form-popup { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; background: #fff; border-radius: 4px; max-width: 480px; position: relative; }

.signup-soc { text-align: center; }
.signup-soc .footer-social-link { margin: 0 15px; }
.signup-soc .footer-social-link svg { width: 50px; height: 50px; display: inline-block; }

.signup-soc__item { display: inline-block; }

.form-popup-outer { text-align: center; }
.form-popup-outer .buttton-wrap { margin-bottom: 30px; }
.form-popup-outer .button { width: 80%; font-size: 0.875rem; text-transform: uppercase; }
.form-popup-outer .cook_write { width: 80%; position: relative; height: 50px; border-radius: 1.563rem; }

.popup-header .h2 { color: #333; font-size: 1.5rem; font-weight: 400; padding-bottom: 28px; padding-top: 30px; }

.popup-header-logo { padding: 15px 0; background-color: #f0f2f2; -webkit-box-shadow: inset 0 -0.062rem 1.25rem rgba(0, 0, 0, 0.05); box-shadow: inset 0 -0.062rem 1.25rem rgba(0, 0, 0, 0.05); }

input::-webkit-input-placeholder { color: #999; font-weight: 300; font-size: 0.875rem; }

input::-moz-placeholder { color: #999; font-weight: 300; font-size: 0.875rem; }

input:-ms-input-placeholder { color: #999; font-weight: 300; font-size: 0.875rem; }

input::placeholder { color: #999; font-weight: 300; font-size: 0.875rem; }

.form-signup { border-bottom: 1px solid #f0f2f2; }

.footer-popup { padding: 30px 0; }

.title-soc { padding-bottom: 26px; }

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

.close-but { width: 25px; height: 25px; background-color: #7c7d80; border-radius: 50%; color: white !important; font-size: 31px; position: absolute; right: 16px; top: 17px; cursor: pointer; display: table; }
.close-but span { height: 18px; width: 18px; line-height: 17px; display: table-cell; vertical-align: middle; font-size: 24px; }

.input-wrap { position: relative; }
.input-wrap .icon { position: absolute; font-size: 24px; color: #00be7a; top: 13px; right: 16px; display: none; }

.forget-but { position: absolute; width: 25px; height: 25px; background-color: #ff9999; border-radius: 50%; color: white !important; font-size: 18px; top: 13px; right: 16px; }

.forget-but:hover { position: absolute; width: 25px; height: 25px; background-color: #cc0000; border-radius: 50%; color: white !important; font-size: 18px; top: 13px; right: 16px; }

.accordion-outer-selected { display: block; background-color: #BEBEBE; border-radius: 5%; }

.input-wrap { width: 80%; margin: 0 auto; }
.input-wrap input { width: 100% !important; }

.icon-gotovo { font-size: 150px; color: #00be7a; }

.popup-text { 
    color: #464646; 
    font-size: 0.875rem; 
    font-weight: 300; 
    line-height: 24px; 
    margin: 0 auto; 
    max-width: 353px; 
    border: 2px solid #cccccc;
    border-radius: 4px;
}

.sc .icon { display: block; }

.close-btn { display: inline-block; width: 25px; height: 25px; position: relative; cursor: pointer; }

.close-btn .line { background: transparent; }

.close-btn .line:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.close-btn .line:after { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.mobile-menu__header { padding: 25px; border-bottom: 1px solid #717171; }

.nonitembased { height: inherit !important; }

.mobile-menu__footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 25px; border-top: 1px solid #717171; }
.mobile-menu__footer ul { display: block; }
.mobile-menu__footer li { 
    display: block; 
    /* margin-bottom: 30px; */
    margin-bottom: 5px;
}

.mobile-menu__header li a { font-size: 12px; }
.mobile-menu__header .header__menu li { display: block; margin-bottom: 10px; }

.mobile-container .search { background: transparent; float: right; }
.mobile-container .search-desk { background: transparent; float: right; }

.icon-mn { width: 28px; height: 28px; background-repeat: no-repeat; background-size: cover; background-image: url(../img/mn.svg); }

.icon-pl { width: 28px; height: 28px; background-repeat: no-repeat; background-size: cover; background-image: url(../img/pl.svg); }

.mob-filter { position: absolute; left: 100%; border-radius: 0px 8px 8px 0px; padding: 7px; background-color: #d0d4d4; border-left: none; top: 5%; }
.mob-filter .icon { font-size: 20px; color: black; }

.close .icon-filter:before { content: "\EA03"; }

.show_fild { display: block; }

.add-com-area { 
    height: 100px; width: 320px; 
    resize: none; 
    border: 1px solid #c4c4c4; border-radius: 18px; 
    margin-bottom: 30px; 
    font-size: 14px; 
    font-family: "Open Sans"; 
    padding: 15px; 
    /* display: none;  */
    display: block;
}
.add-com-area:empty {
    display: none; 
}

.promokod  { display: block; }
.promokod:empty { display: none; }

.popup-open {
  position: fixed;
}


.tooltips .tooltipster-base { z-index: 450 !important; }

.popup-header-logo { border-radius: 4px 4px 0 0; }

.tab .review-item { margin-bottom: 30px; }

.reviews-tab .body-review { background-color: #f0f2f2; }

.morelink { text-decoration: underline; display: block; color: #6c6969; }
.morelink:hover { text-decoration: none; }

.morecontent span { display: none; }

.delivery p { font-size: 14px; }
.delivery ul { font-size: 14px; }
.delivery li { font-size: 14px; }
.delivery a { color: #00be7a; }


.delivery__title { font-size: 16px; color: #00be7a; margin-bottom: 20px; }

.mfp-bg { z-index: 448 !important; }

.mfp-wrap { z-index: 448 !important; }

.hidden { display: none; }

.popular-item { max-width: inherit; text-align: center; }
#big_search_advice_wrapper{
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
  z-index: 222;
  position: relative;
}
#big_search_advice_wrapper .advice_variant{
  color: #333333;
  font-size: 18px;
  padding: 10px;
  background: #fff !important;
  font-weight: 100;
  cursor: pointer;
}
#big_search_advice_wrapper .advice_variant:hover{
  color: #333333;
  background: #f5f5f5 !important;
}
#big_search_advice_wrapper > div:first-child .advice_variant{
  border-radius: 20px 20px 0 0;
}
#big_search_advice_wrapper > div:last-child .advice_variant{
  border-radius: 0 0 20px 20px;
}
#search_advice_wrapper{
  border-radius: 20px;
  z-index: 222;
  top: 40px !important;
  left: 20px !important;
  width: 400px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
  background-color: #fff;
}
#search_advice_wrapper .advice_variant{
  color: #333333;
  font-size: 18px;
  padding: 10px;
  background: #fff !important;
  font-weight: 100;
  cursor: pointer;
}
#search_advice_wrapper .advice_variant:hover{
  color: #333333;
  background: #f5f5f5 !important;
}
#search_advice_wrapper > div:first-child .advice_variant{
  border-radius: 20px 20px 0 0;
}
#search_advice_wrapper > div:last-child .advice_variant{
  border-radius: 0 0 20px 20px;
}

/*-----------------------------------*/
#search_advice_wrapper_mob{
  border-radius: 2px;
  z-index: 50000;
  top: 40px !important;
  left: 20px !important;
  width: 280px !important;
  box-shadow: 0 1px 2px rgba(255,255,255,0.25);
  background: #333333;
  opacity:1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter:alpha(opacity=100);  
  max-height: 500px;
  overflow: hidden;
  color: whitesmoke;
  position: relative;
}

#search_advice_wrapper_mob .advice_variant{
  color: #fff;
  font-size: 16px;
  padding: 10px;
  background: #333333 !important;
  font-weight: 100;
  cursor: pointer;
  opacity:1;
}
#search_advice_wrapper_mob .advice_variant:hover{
  color: #fff;
  background: #333333 !important;
}
#search_advice_wrapper_mob > div:first-child .advice_variant{
  border-radius: 2px 2px 0 0;
}
#search_advice_wrapper_mob > div:last-child .advice_variant{
  border-radius: 0 0 2px 2px;
}



#search_advice_wrapper_adr{
  border-radius: 20px;
  z-index: 222;
  top: 40px !important;
  left: 20px !important;
  width: 400px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
  background-color: #fff;
  margin-top: -30px;
  margin-left:10px;
}
#search_advice_wrapper_adr .advice_variant{
  color: #333333;
  font-size: 18px;
  padding: 1px;
  background: #fff !important;
  font-weight: 100;
  cursor: pointer;
}
#search_advice_wrapper_adr .advice_variant:hover{
  color: #333333;
  background: #f5f5f5 !important;
}
#search_advice_wrapper_adr > div:first-child .advice_variant{
  border-radius: 20px 20px 0 0;
}
#search_advice_wrapper_adr > div:last-child .advice_variant{
  border-radius: 0 0 20px 20px;
}
#search_advice_wrapper_adr .advice_variant:hover {
  color: #00be7a !important;
}

/* ------*/
.search_warn {
    font-size: 150%;
    font-weight: 300;
    color: #333333;
}

.sale-intro-block{
  padding: 30px 0;
  background: url("../img/sale-bg.jpg") top center no-repeat;
}
.sale-intro-block .sale-title{
  color: #333333;
  font-size: 40px;
  line-height: 44px;
  font-weight: 300;
  margin-bottom: 40px;
}
.sale-intro-block .sale-btn{
  margin-bottom: 40px;
}
.sale-intro-block .sale-date{
  background: #fff;
  padding: 15px 30px;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.sale-intro-block .sale-date .sale-day{
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  padding-right: 30px;
  width: 200px;
}
.sale-intro-block .sale-date .sale-day span{
  color: #27be6e;
  font-weight: bold;
}
.sale-intro-block .sale-date .sale-counter{
  width: calc(100% - 200px);
  padding-left: 30px;
  border-left: 1px solid #27be6e;
}
.sale-intro-block .sale-date .sale-counter .title{
  text-align: center;
  color: #e0e0e0;
  font-size: 14px;
  margin-bottom: 10px;
}
.sale-intro-block .sale-date .sale-counter .sale-timer .numbers{
  display: flex;
  justify-content: space-between;
}
.sale-intro-block .sale-date .sale-counter .sale-timer .numbers span{
  width: 45px;
  color: #333333;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
}
.sale-intro-block .sale-date .sale-counter .sale-timer .text{
  display: flex;
  justify-content: space-between;
}
.sale-intro-block .sale-date .sale-counter .sale-timer .text span{
  width: 45px;
  color: #333333;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}




.catalog-sales-section{
  padding: 30px 0;
}
.catalog-sales-section .container:before {
  content: "";
  position: absolute;
  right: 33%;
  width: 1px;
  background-color: #d5d5d5;
  top: -30px;
  bottom: -30px;
}
.catalog-sales-section .h2{
  padding-bottom: 30px;
  text-align: left;
}
.catalog-sales-section .sales-list{
  padding-right: 20px;
}
.catalog-sales-section .sales-list .sale-item{
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d5d5d5;
}
/* 05.10.2017 */

.catalog-sales-section .sales-list .sale-item.terminated img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  -moz-transition: all 1s ease; 
  -webkit-transition: all 1s ease; 
  transition: all 1s ease;
}

.catalog-sales-section .sales-list .sale-item a{
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 5px 22px rgba(0,0,0,0.45);
  max-height: 300px;
  overflow: hidden;
}
.catalog-sales-section .sales-list .sale-item a img{
  display: block;
  width: 100%;
  max-width: 100%;
}
.catalog-sales-section .sales-list .sale-item .title{
  color:#464646;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.catalog-sales-section .sales-list .sale-item .subtitle{
  color:#464646;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  margin-bottom: 10px;
}
.catalog-sales-section .sales-list .sale-item .date{
  font-size:12px;
}
.catalog-sales-section .sales-list .sale-item .date span{
  color: #f15c3e;
}
.catalog-sales-section .pagination{
  padding-bottom:0;
}
.catalog-sales-section .left-sidebar.news{
  padding-top: 56px;
}


/*29.08 k*/

.catalog .mask .basket.in-basket .add-to-basket {
  top: 5px;
}
/*29.08 k*/

/*12.09.17 k*/
.absent-mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
}
.absent-mask img{
  opacity: 0.7;
  width: 60px;
  height: 60px;
}
.absent-mask span {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  margin-top: 15px;
  display: inline-block;
}
.news__item.absent .absent-mask {
  display: flex;
}
.news__item.absent:hover .mask{
  opacity: 0;
}

/*15.09.17 I*/

.recomends__item-inside.absent .absent-mask {
  display: flex;
}
.recomends__item-inside.absent:hover .mask{
  opacity: 0;
}

.popular__item.absent .absent-mask {
  display: flex;
}
.popular__item.absent:hover .mask{
  opacity: 0;
}

.popular-item.absent .absent-mask {
  display: flex;
}
.popular-item.absent:hover .mask{
  opacity: 0;
}


.news__item.absent .absent-mask {
  display: flex;
}
.news__item.absent:hover .mask{
  opacity: 0;
}

/*15.09.17 I*/

.sign__user-image {
  margin-right: 20px;
}
.exit-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #29925b;
  border-radius: 50%;
}
.exit-link img {
  width: 20px;
  height: 21px;
}
/*12.09.17 k*/

/*03.10.17 k*/
.product-codes {
  font-size: 0;
}
.card-code {
  display: inline-block;
  width: 50%;
  padding: 0 5px;
}
.card-item-code{
  display: inline-block;
  width: 50%;
  padding: 0 5px;
  margin-left:5px;
}

.heaader--second .search-form.invisible--unsign {
  display: inline-block;
}
.heaader--second .search-form-mob.invisible--unsign {
  display: inline-block;
}

/*03.10.17 k*/

/*--  07.06.2018 IGOR */
.treeHTML { /* вся форма */ 
  all: initial;  
  line-height: normal;
}

.treeHTML label { /* пункты и соединяющие их линии */ 
  position: relative;
  display: block;
  padding: 0 0 0 1.2em;
}
.treeHTML label:not(:nth-last-of-type(1)) {
  border-left: 1px solid #94a5bd;
}
.treeHTML label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1em;
  height: .5em;
  border-bottom: 1px solid #94a5bd;
}
.treeHTML label:nth-last-of-type(1):before {
  border-left: 1px solid #94a5bd;
}
.treeHTML fieldset,
.treeHTML fieldset[class=""] .razvernut { /* списки */ 
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0 0 0 2em;
  border: none;
}
.treeHTML fieldset:not(:last-child) {
  border-left: 1px solid #94a5bd;
}
.treeHTML .razvernut {
  position: relative;
  visibility: visible;
}
.treeHTML > fieldset > legend,
.treeHTML .razvernut > fieldset > legend { /* плюс */
  position: absolute;
  left: -5px;
  top: 0;
  height: 17px;
  width: 17px;
  margin-top: -1em;
  padding: 0;
  border: 1px solid #94a5bd;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #fff;
  background-image: linear-gradient(to left, #1b4964, #1b4964), linear-gradient(#1b4964, #1b4964), linear-gradient(315deg, #a0b6d8, #e8f3ff 60%, #fff 60%);
  background-size: 2px 15px, 15px 2px, 100% 100%;
  visibility: visible;
  cursor: pointer;
}
.treeHTML fieldset[class=""] .razvernut fieldset legend {
  visibility: hidden;
}
.treeHTML .razvernut > legend { /* минус */
  background-image: linear-gradient(#1b4964, #1b4964) !important;
  background-size: 15px 2px !important;
}
/*--  07.06.2018 IGOR */

/* 14-01-2020  Igor  */

.catalog-aside.sale { 
     margin-top: 66px; 
     position: fixed; 
     top: 0; 
     -webkit-transform: translateX(-100%); 
     -ms-transform: translateX(-100%); 
     transform: translateX(-100%); 
     z-index: 9; 
     height: 100vh; height: 100%; 
     background-color: #f0f2f2; 
     -webkit-transition: all 0.3s ease 0s; 
     transition: all 0.3s ease 0s; 
}
.catalog-aside.show{ -webkit-transform: translateX(0); 
                     -ms-transform: translateX(0); 
                     transform: translateX(0); 
}
.catalog-aside.show .catalog__inside{ 
     overflow-y: scroll; 
     height: 100%; 
}


/* 14-01-2020  Igor  */

@media only screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){

 /** Remove all paddings around the image on small screen */
 .mfp-img-mobile .mfp-image-holder{ padding-left: 0; padding-right: 0; }
 .mfp-img-mobile img.mfp-img{ padding: 0; }
 .mfp-img-mobile .mfp-figure:after{ top: 0; bottom: 0; }
 .mfp-img-mobile .mfp-figure small{ display: inline; margin-left: 5px; }
 .mfp-img-mobile .mfp-bottom-bar{ background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .mfp-img-mobile .mfp-bottom-bar:empty{ padding: 0; }
 .mfp-img-mobile .mfp-counter{ right: 5px; top: 3px; }
 .mfp-img-mobile .mfp-close{ top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } 
}

@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px){

 /* padding ui:inside */
 .fr-ui-inside .fr-container{ padding: 12px 12px; }
 .fr-ui-inside.fr-no-sides .fr-container{ padding: 12px; }

 /* padding ui:outside */
 .fr-ui-outside .fr-container{ padding: 12px 72px; }
 .fr-ui-outside.fr-no-sides .fr-container{ padding: 12px 48px; } 
}

@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px){
 .fr-thumbnails-vertical .fr-thumbnails{ display: none !important; } }

@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px){

 /* padding ui:inside */
 .fr-ui-inside .fr-container{ padding: 0px 0px; }
 .fr-ui-inside.fr-no-sides .fr-container{ padding: 0px; }

 /* padding ui:outside */
 .fr-ui-outside .fr-container{ padding: 0px 72px; }
 .fr-ui-outside.fr-no-sides .fr-container{ padding: 0px 48px; }
 .fr-thumbnails-horizontal .fr-thumbnails{ display: none !important; } }

@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px){
 .fr-side{ width: 54px; height: 60px; margin: 0; margin-top: -30px; }
 .fr-side-button{ width: 48px; height: 60px; margin: 0 3px; }
 .fr-page{ min-width: 100%; }

 /* fullclick */
 .fr-page{ min-height: 100%; }

 /* overflow: false */
 .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon{ background-position: 0px -300px; }
 .fr-window-skin-fresco .fr-side-next .fr-side-button-icon{ background-position: -48px -300px; }
 .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon{ background-position: 0px -360px; }
 .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon{ background-position: -48px -360px; }

 /* transition (png) */
 .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon{ background-position: 0px -360px; }
 .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon{ background-position: -48px -360px; }

 /* transition (svg) */
 .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon{ background-position: 0px -360px; }
 .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon{ background-position: -48px -360px; }

 /* disabled state (png) */
 .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon{ background-position: 0px -420px; }
 .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon{ background-position: -48px -420px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
 *{ -webkit-text-size-adjust: none; } }

@media only screen and (min-width: 1920px){
 .ui.selection.dropdown .menu{ max-height: 21.37142857rem; }
 .ui.search.dropdown .menu{ max-height: 21.37142857rem; }
 .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu{ max-height: 20.57142857rem; } }

@media all and (min-width: 1800px){
 .fr-thumbnails-vertical .fr-thumbnails-thumbs{ padding: 10px 20px; }
 .fr-thumbnails-vertical .fr-thumbnails-side{ margin: 10px 0; }
 .fr-thumbnails-vertical .fr-thumbnails-side-previous{ margin-top: 20px; }
 .fr-thumbnails-vertical .fr-thumbnails-side-next{ margin-bottom: 20px; } }

@media only screen and (max-width: 1280px){
 .book-slider-container .container{ max-width: 1000px; }
 .book-slider-container .container{ padding: 50px 80px; } }

@media all and (min-width: 1200px){
 .fr-thumbnails-vertical .fr-thumbnails-thumbs{ padding: 8px 16px; }
 .fr-thumbnails-vertical .fr-thumbnails-side{ margin: 0 8px; }
 .fr-thumbnails-vertical .fr-thumbnails-side-previous{ margin-top: 16px; }
 .fr-thumbnails-vertical .fr-thumbnails-side-next{ margin-bottom: 16px; } }

@media (min-width: 1200px){
 .col-inline-lg-1, .col-inline-lg-2, .col-inline-lg-3, .col-inline-lg-4, .col-inline-lg-5, .col-inline-lg-6, .col-inline-lg-7, .col-inline-lg-8, .col-inline-lg-9, .col-inline-lg-10, .col-inline-lg-11, .col-inline-lg-12{ position: relative; display: inline-block; min-height: 1px; padding-left: 15px; padding-right: 15px; font-size: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .col-inline-lg-1{ width: 8.33333%; }
 .col-inline-lg-2{ width: 16.66667%; }
 .col-inline-lg-3{ width: 25%; }
 .col-inline-lg-4{ width: 33.33333%; }
 .col-inline-lg-5{ width: 41.66667%; }
 .col-inline-lg-6{ width: 50%; }
 .col-inline-lg-7{ width: 58.33333%; }
 .col-inline-lg-8{ width: 66.66667%; }
 .col-inline-lg-9{ width: 75%; }
 .col-inline-lg-10{ width: 83.33333%; }
 .col-inline-lg-11{ width: 91.66667%; }
 .col-inline-lg-12{ width: 100%; }
 .col-lg-1, .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-10, .col-lg-11, .col-lg-12{ position: relative; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .col-lg-1{ width: 8.33333%; }
 .col-lg-2{ width: 16.66667%; }
 .col-lg-3{ width: 25%; }
 .col-lg-4{ width: 33.33333%; }
 .col-lg-5{ width: 41.66667%; }
 .col-lg-6{ width: 50%; }
 .col-lg-7{ width: 58.33333%; }
 .col-lg-8{ width: 66.66667%; }
 .col-lg-9{ width: 75%; }
 .col-lg-10{ width: 83.33333%; }
 .col-lg-11{ width: 91.66667%; }
 .col-lg-12{ width: 100%; } }

@media only screen and (max-width: 1137px){
 .overviews__footer .button{ margin-right: 20px; }
 .overviews__footer{ text-align: left; }
 .reg-warning{ display: block; margin-bottom: 27px; } }

@media only screen and (max-width: 1100px){
 .header__search{ padding-top: 114px; } }

@media only screen and (max-width: 1056px){
 .popular-item, .interest{ height: auto; }
 .popular-item .text-wrap, .interest .text-wrap{ word-wrap: break-word; padding-left: 0; text-align: center; margin-bottom: 0; }
 .popular-item__pic, .interest-item__pic{ position: relative; margin: 0 auto; margin-bottom: 18px; }
 .popular-item:before, .interest:before{ display: none; }
 .card .col-xs-12{ width: 100%; }
 .interest-outer{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
 
 .simple-slider {
     height:450px;
 }
}

@media only screen and (max-width: 1037px){
 .menu-picture__title{ font-size: 1rem; } }

@media only screen and (max-width: 1028px){
 .mb{ display: none; } }

/*@media only screen and (max-width: 1025px){ */

@media only screen and (max-width: 1231px){
 .header-top.header-first{ 
  /* background-color: rgba(22, 23, 24, 0.76); */
  background-color: #d07626;

}
 .header-top{ padding: 8px 0; }
 .mobile-nav-bt{ display: block; }
 .header__right-block{ margin-top: 6px; }
 .basket{ margin-right: 25px; margin-top: 0px; }
  .langs-block{
    margin-right: 70px;
  }
 .search-input{ padding: 3px 30px; }
 .search-block input{ padding: 16px 110px 16px 37px; font-size: 1rem; height: auto; }
 .popular-item__pic img, .interest-item__pic img{ margin: 0 auto; }
 .popular-books .slick-next{ right: -2px; }
 .popular-books .slick-prev{ left: -2px; }
 .news__item, .popular__item{ padding: 0 33px; }
 .main-offset{ padding-top: 66px; }
 .accordion-criteries{ padding-bottom: 60px; }
 .pagination{ text-align: center; } }

@media only screen and (min-width: 1025px){
 .overviews, .news{ padding: 0 20px; }
 .mob-filter{ display: none; } }
 .newsviews, .news{ padding: 0 20px; }
 
@media (min-width: 1025px){
 .col-inline-md-1, .col-inline-md-2, .col-inline-md-3, .col-inline-md-4, .col-inline-md-5, .col-inline-md-6, .col-inline-md-7, .col-inline-md-8, .col-inline-md-9, .col-inline-md-10, .col-inline-md-11, .col-inline-md-12{ position: relative; display: inline-block; min-height: 1px; padding-left: 15px; padding-right: 15px; font-size: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .col-inline-md-1{ width: 8.33333%; }
 .col-inline-md-2{ width: 16.66667%; }
 .col-inline-md-3{ width: 25%; }
 .col-inline-md-4{ width: 33.33333%; }
 .col-inline-md-5{ width: 41.66667%; }
 .col-inline-md-6{ width: 50%; }
 .col-inline-md-7{ width: 58.33333%; }
 .col-inline-md-8{ width: 66.66667%; }
 .col-inline-md-9{ width: 75%; }
 .col-inline-md-10{ width: 83.33333%; }
 .col-inline-md-11{ width: 91.66667%; }
 .col-inline-md-12{ width: 100%; }
 .col-md-1, .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-10, .col-md-11, .col-md-12{ position: relative; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .col-md-1{ width: 8.33333%; }
 .col-md-2{ width: 16.66667%; }
 .col-md-3{ width: 25%; }
 .col-md-4{ width: 33.33333%; }
 .col-md-5{ width: 41.66667%; }
 .col-md-6{ width: 50%; }
 .col-md-7{ width: 58.33333%; }
 .col-md-8{ width: 66.66667%; }
 .col-md-9{ width: 75%; }
 .col-md-10{ width: 83.33333%; }
 .col-md-11{ width: 91.66667%; }
 .col-md-12{ width: 100%; } }

/* @media only screen and (max-width: 1024px){ */
@media only screen and (max-width: 1230px){
 .header-cat{ display: none; }
 .header__signup-panel{ display: none; }
 .header__right-block .header__menu{ display: none; }
 .search-form{ display: none; }
/* igor  */
/* .search-form-mob{ display: none; }  */
 
 .search-input.icon-search{ display: inline-block !important; font-size: 20px; padding: 0; width: 40px; height: 40px; top: 5px; border-radius: 50%; right: 7px; }
 .button.search-input{ display: none; }
 .button-search.search-input{ display: none; }
 
 .book-slider__left-block{ max-width: 452px; }
 .book-slider-container .container{ padding: 45px; }
 .manu-picture-container{ text-align: center; }
 .catalog-aside{ margin-top: 66px; position: fixed; top: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 9; height: 100vh; height: 100%; background-color: #f0f2f2; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
 .catalog-aside.show{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
 .catalog-aside.show .catalog__inside{ overflow-y: scroll; height: 100%; } }

@media only screen and (max-width: 1023px){
 .reccomends{ display: none; } }

@media only screen and (max-width: 1000px){
 .header__right-block .header__menu{ margin-right: 20px; }
 .catalog-menu__top .col-md-3{ width: 50%; padding-left: 15px; padding-right: 15px; } }

@media only screen and (min-width: 992px){
 .ui.selection.dropdown .menu{ max-height: 16.02857143rem; }
 .ui.search.dropdown .menu{ max-height: 16.02857143rem; }
 .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu{ max-height: 20.57142857rem; } }

@media only screen and (max-width: 992px){
 header.header{ display: table; width: 100%; }
 .header__right-block .header__menu{ padding-right: 5px; border-right: none; }
 .header__right-block .header__signup-panel{ display: none; }
 .header__right-block li{ margin-right: 18px; }
 .mobile-container li{ margin-right: 18px; }
 .header__search{ display: table-cell; vertical-align: middle; padding-top: 0; }
 .popular-item__author, .order-item__author, .interest-item__author{ padding-bottom: 6px; }
 .m-n-s{ display: none; } }

@media all and (min-height: 980px){
 .fr-thumbnails-horizontal .fr-thumbnails-thumbs{ padding: 20px 10px; }
 .fr-thumbnails-horizontal .fr-thumbnails-side{ margin: 0 10px; }
 .fr-thumbnails-horizontal .fr-thumbnails-side-previous{ margin-left: 20px; }
 .fr-thumbnails-horizontal .fr-thumbnails-side-next{ margin-right: 20px; } }

@media only screen and (max-height: 928px){
 .scrollbar-mobi{ display: block; } }

@media only screen and (max-width: 922px){
 .search-block input::-webkit-input-placeholder{ font-size: 1rem; }
 .search-block input::-ms-input-placeholder{ font-size: 1rem; }
 .input-form::-moz-placeholder{ font-size: 1.2rem; }
 .order-item__pic img{ margin: 0 auto; }
 .frame{ height: 464px; }
 .frame ul li{ width: 300px; }
 .reccomends-text .name{ 
     word-wrap: break-word; 
    /*  text-align: center;  */
    text-align: left;
 }
 .reccomends-text .name:hover{ overflow:hidden;  }
 .delete-order{ width: 20px; height: 20px; right: -15px; }
 .delete-order .icon-close{ font-size: 9px; }

 .deferred-order{ width: 20px; height: 20px; right:0; margin-right:40px; }
 .deferred-order .icon-deferred{ width:16px; height: 16px; overflow:hidden; background-size: contain !important; }
 
 
 .col-title{ padding-left: 20px; } }

@media all and (max-width: 900px){
 .mfp-arrow{ -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }
 .mfp-arrow-left{ -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; }
 .mfp-arrow-right{ -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; }
 .mfp-container{ padding-left: 6px; padding-right: 6px; } }

@media only screen and (max-width: 800px){
 .book-slider__left-block{ width: 100%; max-width: initial; float: none; text-align: center; }
 .book-slider__right-block img{ margin: 0 auto; margin-bottom: 25px; max-width: 90%; }
 .book-slider__right-block{ float: none; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
 .popular-item, .interest{ height: auto; }
 .order{ height: initial; } }

@media (min-width: 768px){
 .col-inline-sm-1, .col-inline-sm-2, .col-inline-sm-3, .col-inline-sm-4, .col-inline-sm-5, .col-inline-sm-6, .col-inline-sm-7, .col-inline-sm-8, .col-inline-sm-9, .col-inline-sm-10, .col-inline-sm-11, .col-inline-sm-12{ position: relative; display: inline-block; min-height: 1px; padding-left: 15px; padding-right: 15px; font-size: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .col-inline-sm-1{ width: 8.33333%; }
 .col-inline-sm-2{ width: 16.66667%; }
 .col-inline-sm-3{ width: 25%; }
 .col-inline-sm-4{ width: 33.33333%; }
 .col-inline-sm-5{ width: 41.66667%; }
 .col-inline-sm-6{ width: 50%; }
 .col-inline-sm-7{ width: 58.33333%; }
 .col-inline-sm-8{ width: 66.66667%; }
 .col-inline-sm-9{ width: 75%; }
 .col-inline-sm-10{ width: 83.33333%; }
 .col-inline-sm-11{ width: 91.66667%; }
 .col-inline-sm-12{ width: 100%; }
 .col-sm-1, .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-10, .col-sm-11, .col-sm-12{ position: relative; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .col-sm-1{ width: 8.33333%; }
 .col-sm-2{ width: 16.66667%; }
 .col-sm-3{ width: 25%; }
 .col-sm-4{ width: 33.33333%; }
 .col-sm-5{ width: 41.66667%; }
 .col-sm-6{ width: 50%; }
 .col-sm-7{ width: 58.33333%; }
 .col-sm-8{ width: 66.66667%; }
 .col-sm-9{ width: 75%; }
 .col-sm-10{ width: 83.33333%; }
 .col-sm-11{ width: 91.66667%; }
 .col-sm-12{ width: 100%; } }

@media only screen and (min-width: 768px){
 .ui.selection.dropdown .menu{ max-height: 10.68571429rem; }
 .ui.search.dropdown .menu{ max-height: 10.68571429rem; }
 .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu{ max-height: 15.42857143rem; } }

@media only screen and (max-width: 767px){
 .ui.selection.dropdown .menu{ max-height: 8.01428571rem; }
 .ui.search.dropdown .menu{ max-height: 8.01428571rem; }
 .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu{ max-height: 10.28571429rem; }
 html{ font-size: 14px; }
 .header-logo{ height: 52px; width:70px; }
 .search-block{ width: 90%; }
 .scrollbar .handle{ width: 200px; }
 .book-slider__right-block img{ max-width: 60%; }
 .menu-picture__title{ font-size: 1.25rem; }
 .manu-picture-container .col-inline-xs-5{ width: 100% !important; }
 .popular-item .h3, .interest .h3{ margin: 0 auto; }
 .popular-item .text-wrap, .interest .text-wrap{ word-wrap: break-word; width: 100%; }
 .order .text-wrap{ padding-left: 0; text-align: center; margin-bottom: 0; width: 100%; }
 .order{ margin-bottom: 50px; }
 .order img{ display: block; }
 .order .h3{ margin: 0 auto; }
 .order-item__pic{ position: static; margin-bottom: 18px; margin-left:35%; }
 .order-item__pic img{ display: block; }
 
 .hit, .new, .discount{ top: -22px; }
 .hit span, .new span, .discount span{ line-height: 22px; }
 .registration-block__info{ width: 90%; }
 .overviews-header-right{ float: none; text-align: center; }
 .overview-item:last-child{ margin-bottom: 15px; }
 .overview-item__right-block{ position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
 .overview-item__left-block{ padding: 0; }
 .overview-item-picture{ text-align: center; /* X*/ left: 0; top: 0; text-align: center; width:220px; /* X */}
 .overview-item__user{ padding-top: 40px; text-align: center; }
 .overviews__footer{ text-align: center; -moz-text-align-last: center; text-align-last: center; margin-bottom: 50px; }
 .overviews__footer button{ width: 230px; height: 38px; padding: 10px 0; }
 .reg-warning{ text-align: center; }
 .left-sidebar{ padding-top: 25px; }
 .left-sidebar .h2{ padding-bottom: 23px; }
 .left-sidebar{ padding-top: 18px; padding-bottom: 23px; }
 .news-but-wrap{ text-align: center; }
 .adv-item-text{ margin-top: 15px; }
 .adv-item:last-child{ display: none; }
 .adv-item{ margin-bottom: 18px; -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; }
 .footer{ padding: 40px 0; text-align: center; }
 .footer__logo{ display: none; }
 .social{ float: none; margin-bottom: 25px; display: inline-block; }
 .copyright{ margin: 0 auto; float: none; }
 .news__item, .popular__item{ text-align: center; }
 .reccomends-text .price{ text-align: center; }
 .news__item, .popular__item{ padding: 0 11px; }
 .order-section .container:before{ display: none; }
 .iformation-section .container:before{ display: none; }
 .order-section__inside{ text-align: center; }
 .order-get{ padding-left: 0; }
 .delete-order{ width: 26px; height: 26px; right: -10px; }
 .deferred-order{ width: 26px; height: 26px; right:0; margin-right:40px; }
 
 .cook_write, .input{ width: 100% !important; }
 .col-title{ text-align: center; padding-left: 0; }
 .pagination{ padding-bottom: 20px; }
 .card{ padding-bottom: 0px; }
 .card__pic{ position: static; }
 .card__pic img{ margin: 0 auto; width: 60%; }
 .card__info{ width: 100%; padding-left: 0; }
 .card__debris { padding-left: 0; }
 .card__buttons{ padding-left: 0; }
 .card__buttons button , .card__buttons or-button { width: 230px; height: 40px; line-height: 18px; }
 .card__buttons button:first-child, .card__buttons or-button:first-child { margin-bottom: 20px; }
 .tabular{ padding: 0; }
 .tabular .item.active:before{ top: -webkit-calc(100% - 2px); top: calc(100% - 2px); width: 100%; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
 .m-n-x{ display: none; }
 .mobile-container{ width: 80%; }
 .catalog-aside{ margin-top: 0; }
 .selection, textarea{ width: 100% !important; max-width: initial; }
 .interest-outer{ -webkit-flex-flow: row wrap; } 

 .order-item__pic .discount {
     top:4px !important; left:50% !important;
 }
 
 /* 25.02.2022 */
 /*  .book-slider { display: none; }  */
 
 .news-item              { padding: 5px 5px 5px 5px;  }
 .news-item__right-block { display:none; }
 .news-item__left-block  { padding-left:0px;}
 .news-item-picture      { width: 60px;  height: 60px; margin-top: 0px;    margin-left: 20px; } 
 .iformation-section     { padding: 20px 0 20px 0; }
 .news__header           { margin-bottom: 10px; }
}


@media only screen and (min-width: 767px){
 .close-but span{ line-height: 14px; } }

@media all and (min-height: 700px){
 .fr-thumbnails-horizontal .fr-thumbnails-thumbs{ padding: 16px 8px; }
 .fr-thumbnails-horizontal .fr-thumbnails-side{ margin: 0 8px; }
 .fr-thumbnails-horizontal .fr-thumbnails-side-previous{ margin-left: 16px; }
 .fr-thumbnails-horizontal .fr-thumbnails-side-next{ margin-right: 16px; } }

@media only screen and (max-height: 480px){
 .mobile-container a{ font-size: 11px; line-height: 20px; }
 .mobile-menu__header{ padding-top: 10px; padding-bottom: 10px; }
 .mobile-menu__footer{ padding-top: 10px; padding-bottom: 10px; }
 .mobile-menu__footer li{ margin-bottom: 5px; }
 .mobile-menu__header li a{ line-height: 40px; } }

@media only screen and (max-width: 480px){
 p{ line-height: 24px !important; }
 .h1{ font-size: 28px; }
 .h2{ font-size: 20px; }
 .header__search .h2{ font-size: 24px; }
 .book-slide{ padding: 35px 0; }
 .book-slider-container .container{ -webkit-transform: translate(0, -40px); -ms-transform: translate(0, -40px); transform: translate(0, -40px); padding: 25px; }
 .manu-picture-container{ margin-bottom: 40px; }
 .popular-books{ padding-top: 35px; padding-bottom: 20px; }
 .popular-books .h2{ padding-bottom: 35px; }
 .frame{ height: 347px; }
 .reviews{ padding: 40px 0; }
 .reviews .h2{ padding-bottom: 40px; }
 .registration-block{ padding: 40px 0; }
 .registration-block__title{ font-size: 1.5rem; line-height: 33px; }
 .iformation-section{ padding: 40px 0 40px 0; }
 .overviews__header{ margin-bottom: 33px; }
 .overviews__header .h2{ float: none; display: block; margin-bottom: 19px; }
 .overviews__footer .button{ margin-right: 0; margin-bottom: 20px; }
 .adv-item{ -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; height: 167px; }
 .accordion-criteries .anchor-title:before{ top: 5px; left: -10px; } 
 .accordion-criteries .anchor-title-active:before{ top: 5px; left: -10px; } 

 .card__pic { width: 100%; } 
}

@media only screen and (min-width: 319px){  
 .mobile-container .search-form-mob { display: none; } 
}


@media only screen and (max-width: 360px){
/* .header-logo{ margin-right: 0; }  */
 .header__left-block{ width: 60%; }
 .catalog-aside .catalog__inside{ padding: 15px; } 

/* 25.02.2022 */
 .sales-slider .container{
    padding: 0;
    max-width: 240px;
 }

}

@media only screen and (max-width: 320px){
 .header-logo img{ width: 100%; } 
 .search-form-mob{ display: none; } 

 .header__left-block .search-desk {
    display: none;
  }
/* 25.02.2022 */
  .book-slider { display: none; }  

}

@media all and (-ms-high-contrast: none){
 .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu{ min-width: -webkit-calc(100% - 17px); min-width: calc(100% - 17px); } }


/*12.10.2017*/
body.overflow {
    position: fixed;
    overflow: hidden;
}
.news__item-mask-link {
    position: absolute;
    top: 0%;
    left: 0%;
    display: block;
    width: 100%;
    height: 100%;
}
.accordion-outer-current {
    position: relative;
    margin: 0px -35px 25px;
    padding: 20px 35px;
    background: #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
.accordion-outer-current .accordion-outer {
    margin: 25px 0px 0px;
}
.accordion-outer-current .anchor-title {
    margin-bottom: 0px;
}
.accordion-outer-current .accordion__item {
    margin-top: 15px;
}
.accordion-outer-current .cat-check {
    margin: 25px 0px 0px;
    padding-bottom: 0px;
}
.accordion-outer-current .accordion-outer:first-child,
.accordion-outer-current .cat-check:first-child {
    margin-top: 0px;
}
.anchor-title-current {
    position: relative;
    color: #3c404a;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 17px;
    cursor: pointer;
}
.accordion__item--current {
    margin-top: 20px;
    padding-left: 15px;
}
.accordion__item--current .anchor-title {
    font-size: 0.75rem;
}
.accordion__item--current .anchor-title:before {
    top: 4px;
}
.accordion__item--current:first-child {
    margin-top: 0px;
}

.mobile-menu__body .scrollbar-mobi {
    display: none !important;
}
.mobile-menu__body .nonitembased {
    position: relative;
    padding: 15px 5px 15px 0px;
    height: 100%;
}
.mobile-menu__body .slidee {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.search-results-message {
    position: relative;
    padding: 0px 0px 30px;
    min-height: 220px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #6c6969;
}

@media only screen and (max-width: 1024px) {

    .accordion-outer-current {
        margin: 0px -20px 25px;
        padding: 20px;
    }

}
/*12.10.2017*/

/*20.03.17 Kate*/
#search_advice_wrapper .advice_variant:hover {
  color: #00be7a;
}
input[type="checkbox"]:checked:before {
  font-size: 1.25em;
  left: 1px;
  top: 2px;
  width: auto;
  line-height: 12px;
}
.aside-left-menu {
  padding-top: 20px;
}
.aside-left-menu:before {
  bottom: auto;
  top:0;
}
.menu-catalog {
  padding-bottom: 20px;
  margin-bottom: 25px;
  position: relative;
}
.menu-catalog:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #d5d5d5;
}
.go-back {
  font-size: 18px;
  margin-bottom: 35px;
  display: inline-block;
}
.go-back:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/drop.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 12px;
  transform: rotate(90deg);
}
.order-bottom {
  /* 07/06/2018 Igor */  
  /* position: fixed;  */
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  text-align: center;
  padding: 15px 0;
}
.order-bottom.static {
  position: static;
  width: auto;
  text-align: left;
  padding: 0;
}
.order-bottom .sogl {
  margin-left: 20px;
  font-size: 16px;
  display: inline-block;
}
.order-bottom .surf_cont {
  margin-left: 20px;
  font-size: 16px;
  display: inline-block;
}

.order-bottom-warn {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  color:#ff3333;
  font-size: 16px;
  font-weight: 400;
  z-index: 2;
  text-align: center;
  padding: 15px 0;
}
.order-bottom-warn.static {
  position: static;
  width: auto;
  text-align: left;
  padding: 0;
}

.search-form.open .search-input-header {
  /* background-color: #2d2e2f; */
  background-color: #d07626;
  z-index: 44;
}
.search-form-mob.open .search-input-header {
 /* background-color: #2d2e2f; */
  background-color: #d07626;
  z-index: 44;
}

.basket-num span {
  z-index: 43;
}
.close-container {
  left: 102%;
  top: -25px;
  background-color: #161718;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 0;
}
.close-btn {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
}
.close-btn .line {
  left:0;
}
.close-btn .line:before, .close-btn .line:after {
  left:0;
}
@media (max-width: 1280px) {
  .book-slider-container .container {
    max-width: 1000px;
    padding: 0 30px;
    background-color: transparent;
    box-shadow: none;
  }
  .slick-slide img {
    margin: 0 auto;
  }
  .slick-next {
    right: 0;
  }
  .slick-prev {
    left: 0;
  }
  .header__right-block .header__menu li {
    margin-right: 15px;
  }
  .header__right-block .header__menu li a {
    font-size: 12px;
  }
  .header__right-block .header__menu {
    padding-right: 15px;
  }
}
@media (max-width: 1090px) {
  .new-design {
    height: auto;
    top: auto;
    bottom: 0;
  }
  .new-design .container {
    height: auto;
  }
  .header-top.fixed {
    top: 0;
  }
}

@media (max-width: 1024px) {
  .book-slider .slick-arrow {
    top: 140px;
  }
  .catalog__inside {
    padding-bottom: 35px;
  }
  .top-nav {
    /* margin-left: 45px; */
    /*--*/
    line-height: 1.5;
    overflow: hidden;
    height: 19px;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 5px;
  }
  .top-nav__item { display:none; }
  .top-nav__item.active { display: inline-block; white-space: nowrap; }
}
@media (max-width: 885px){
  .sum_price {
    margin-bottom: 5px;
  }
  .order-bottom.static .sum_price {
    margin-bottom: 30px;
  }
  .order-bottom.static .sogl {
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
  .order-bottom.static .surf_cont {
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
  
}

@media (max-width: 768px) {
  .book-slide {
    padding: 40px 0 0;
  }
  .book-slider-container .container {
    -webkit-transform: translate(0, -65px);
    -ms-transform: translate(0, -65px);
    transform: translate(0, -65px);
  }
}
@media (max-width: 640px) {
  .book-slider .slick-arrow {
    top: 90px;
  }

  .new-design .old-version {
    font-size: 10px;
  }
  .new-design .text {
    width: calc(100% - 265px);
  }
 
}

@media (min-width: 590px){
  .search-desk {
    margin-left: 20px;
  }
}
@media (max-width: 590px){
 /*   
  .new-design  {
    display: none;
  }
 */
    
  .new-design {
    padding: 10px 0;
  }
  .new-design .container {
    flex-wrap: wrap;
  }
  .new-design .text {
    width: calc(100% - 22px);
  }
  .new-design .old-version {
    margin-top: 15px;
    margin-left: 39px;
  }
 
 
  .search {
    margin-left: 0;
  }
  .search-input-header {
    left: 0;

  }
  .search-form.open .search-input-header {
    width: 280px;
  }
  
   .search-form-mob.open .search-input-header {
    width: 280px;
  }
  .basket {
    margin-right: 0;
  }
  .frame ul li {
    width: 285px !important;
  }
  .frame {
    height: 442px;
  }
}
@media (max-width: 480px) {
 /*   
  .new-design  {
    display: none;
  }  
 */
 
  .book-slide {
    padding: 0 0 35px;
  }
  .book-slider-container .container {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0;
  }
  .basket {
    margin-right: 0;
  }
  .header__left-block .search {
    display: none;
  }
  .sign {
    display: none;
  }
  .mobile-container li {
    vertical-align: top;
  }

}

@media (max-width: 365px) {
  .menu-btn {
    top: 90px;
  }
  .top-nav {
     margin-top: 25px;
  }
}

/*20.03.17 Kate*/
/*16.04.18 Igor*/
#search_advice_wrapper .advice_variant {
  font-size: 16px;
}
#search_advice_wrapper .advice_variant:hover {
  color: #00be7a !important;
}

#big_search_advice_wrapper .advice_variant:hover {
  color: #00be7a !important;
}
/*16.04.18 Igor*/

/* 11.06.2018 Igor */
.mfp-wrap {
  top: 0 !important;
}
/* 11.06.2018 Igor */

/*31.05.18 Kate*/
.mfp-wrap {
position: fixed !important;
}


@media only screen and (max-width: 767px) {
  .catalog-aside {
    margin-top: 66px;
  }
  .catalog-sales-section .container:before {
    display: none;
  }
  .card__info {
    padding-top: 25px;
  }
}

@media (max-width: 390px) {
  .mob-filter.close {
    left: auto;
    right: 10px;
    top: 4%;
    background-color: transparent;
  }
  .search-page {
    padding-top: 36px;
  }
}
@media (max-width: 365px) {
  .catalog-aside {
    margin-top: 85px;
  }
}
/*31.05.18 Kate*/
/*05.06.18 Kate*/
@media (max-width: 365px) {
  .header__left-block {
    width: 45%;
  }

  .header-logo {
    width: 70px;
  }

  .menu-btn {
    top: 36px;
  }
  .langs-block {
    margin-right: 65px;
  }
}
/*05.06.18 Kate*/
/*12.06.18 Kate*/
.mob-filter {
  width: 110px;
  transition: all 0.5s;
}
.mob-filter span {
  display: inline-block;
  font-size: 16px;
  margin-left: 10px;
  vertical-align: middle;
  transition: all 0.5s;
}
.mob-filter.small {
  width: auto !important;
}
.mob-filter.small span {
  font-size: 0;
  display: none !important;
}
.mob-filter.close {
  width: auto;
}
.mob-filter.close span {
  font-size: 0;
  display: none;
}
.popular__slider {
  font-size: 0;
}
@media(max-width: 490px){
  .popular__slider .col-inline-4 {
    width: 50%;
  }
  .simple-slider {
     max-width: 200px !important;
     height:auto !important;
     overflow-x: hidden !important;
     overflow-y: auto !important;
  }
 .simple-slider .col-inline-4 {
       float: right;
  }  
}
/*--  Igor 23-07-2019 --*/
/*
.mob-btn {
  display: none;
}
*/
.mob-btn {
  display: block;
  margin-top: 15px;
}
.mob-btn .in-basket {
    margin-right: 10px;
    display: inline-block;
    background: url(../img/inbasket.svg) -1px -1px no-repeat;
    background-size: 32px;
    /* height: 41px; */
    height: 32px;
    color: #333333;
    font-size: 14px;
    border: 1px solid #c4c4c4;
    border-radius: 22px;
    font-weight: 300;
    vertical-align: top;
    padding-left: 40px;
    line-height: 40px;
    padding-right: 20px;
    text-align: center;
    width: 134px;
}
/*--  Igor 23-07-2019 --*/

@media (max-width: 1024px) {
  .mob-btn {
    display: block;
    margin-top: 15px;
  }
}
.mfp-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*12.06.18 Kate*/
/*15.06.18 Kate*/
.form-popup-outer {
  max-height: 100vh;
  overflow: auto;
}
/*15.06.18 Kate*/

/*18.06.18-19.06.18 Kate*/
.mobile-menu__header .sign {
    display: block;
}
.catalog-menu__list a {
    font-size: 14px;
}
.map-buyer-form {
    font-size: 0;
}
.map-buyer-form .form-field {
    display: inline-block;
    width: 50%;
}
.about {
  margin-top: 25px;
  overflow-x: auto;
}
.about table {
  min-width: 500px;
  font-size: 16px;
}
.about table td {
  padding: 10px 0;
}
.about table td:first-child {
  width: 180px;
}
.book-container {
  display: none;
}
.order-row-header {
  cursor: pointer;
  /* igor */
  background-color: #E8E8E8;
}
.order-row-header.row-inline:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  background-image: url('../img/plus.svg');
  background-size: 100%;
}
.order-row-header.row-inline.open:before {
  background-image: url('../img/minus.svg');
}
.info-container {
  display: inline-block;
  vertical-align: middle;
}

.sign { 
  overflow: hidden;  
  /* width:100px;  */
  max-width:100px; 
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: horizontal;
}


.balance {
  display: block;
  font-size: 14px;
  color: #fff;
  margin-top: -10px;
}
.order-row-header .col-xs-6:first-child {
  padding-left: 30px;
}
.reccomends-text .name {
  display: block;
  overflow: hidden;
  height: 58px;
}
@media (max-width: 1024px) {
  .popular__item {
    padding: 0 33px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d0d4d4;
  }
}
@media (max-width: 767px) {
    .mobile-container {
        width: 86%;
    }
    .overview-item-picture{
        width: 150px;
    }
}
@media (max-width: 480px){
    .map-buyer-form .form-field {
        width: 100%;
    }
    .order-row-header.row-inline:before {

    }
  .about table {
    font-size: 14px;
  }
  .overview-item-picture{
        width: 100px;
  }
    .sale-intro-block .sale-date .sale-counter .sale-timer .numbers span{
      width: 15px;
      font-size: 10px;
      line-height: 10px;
    }
    .sale-intro-block .sale-date .sale-counter .sale-timer .text span{
      width: 12px;
      font-size: 8px;
    }
    /*--  igor ! --*/
    .sale-intro-block .sale-date .sale-counter{
        display:hidden;
    }
    /*--  igor ! --*/
    .sale-intro-block .sale-date .sale-day{
      font-size: 10px;
      line-height: 16px;
      padding-right: 5px;
      width: 100px;
    }    
 }
/* igor 3.08.2020 */ 
@media (max-width: 300px) {
    .sale-intro-block {
        display:none;
        
    }
}
/* igor 3.08.2020 */ 

/*18.06.18-19.06.18 Kate*/
/*3.07.18 Kate*/
#tree li {
    padding-top: 10px;
    font-size: 18px;
}
.tree-with-attachment ul{
    padding-left: 35px;
    display: none;
}
.tree-slide-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../img/plus.svg');
    background-size: 100%;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}
.tree-slide-btn.open {
    background-image: url('../img/minus.svg');
}
#tree label {
    padding-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
.order-cost {
    width: 185px;
}
/*3.07.18 Kate*/
/*9.07.18 Kate*/
.overview-item {
  min-height: 345px;
}
.reviews-page .iformation-section .container:before {
  display: none;
}
/*9.07.18 Kate*/



/*11.10.18 Valentine*/
.callback-wrapper {
  float: right;
  vertical-align: top;
  margin-left: 5.5%;
}

.callback-wrapper a {
  background-color: #00be7a;
  border-radius: 50px;
  padding: 15px 30px;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5);
  box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5);
  font-weight: 700;
  display: inline-block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.callback-wrapper-mobile {
  display: none;
}


/* 16.07.2018 Igor */
.reviews_load {
width:150px;
height:150px;
background-image: url("../img/loading2.gif");
background-position: center bottom;
background-repeat: no-repeat;
text-align: center;
position: fixed;
top: 60%;
left:50%;
display: none;
z-index: 999;
}


.reviews_pager {
width:30px;
height:30px;
text-align: center;
position: fixed;
top: 95%;
left:90%;
display: none;
border: 1px solid #00be7a;
line-height: 30px;
font-size:16px;
}

.news_load {
width:150px;
height:150px;
background-image: url("../img/loading2.gif");
background-position: center bottom;
background-repeat: no-repeat;
text-align: center;
position: fixed;
top: 60%;
left:50%;
display: none;
z-index: 999;
}

.news_pager {
width:30px;
height:30px;
text-align: center;
position: fixed;
top: 95%;
left:90%;
display: none;
border: 1px solid #00be7a;
line-height: 30px;
font-size:16px;
}
/*  valentine */

@media (max-width: 1100px)
{
  .copyright {
    max-width: 300px;
    margin-left: 20px;
  }
  .callback-wrapper {
    margin-left: 2%;
  }
}
@media (max-width: 800px) {
  .footer__logo {
    display: block;
  }
  .copyright {
    float: right;
    max-width: 400px;
    display: block;
    text-align: right;
  }
  .social {
    float: left;
    display: block;
    margin-top: 30px;
  }
  .callback-wrapper {
    display: none;
  }
  .callback-wrapper-mobile {
    float: right;
    display: block;
    margin-top: 40px;
  }
  .callback-wrapper-mobile a {
    background-color: #00be7a;
    border-radius: 50px;
    padding: 15px 30px;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    -webkit-box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5);
    box-shadow: 0 4px 10px rgba(55, 196, 112, 0.5);
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
}
@media (max-width: 600px) {
  .copyright {
    max-width: 250px;
  }
}
@media (max-width: 500px) {
  .footer__logo {
    display: none;
  }
  .copyright {
    float: none;
    max-width: 100%;
    text-align: center;
  }
  .callback-wrapper-mobile {
    margin-top: 50px;
  }
}
@media (max-width: 400px) {
  .footer__logo {
    display: none;
  }
  .copyright {
    float: none;
    max-width: 100%;
    text-align: center;
  }
  .social {
    float: none;
    width: 200px;
    display: inline-block;
    margin: 30px auto 0px auto;
  }
  .footer-social-list {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .callback-wrapper-mobile {
    float: none;
    margin-top: 30px;
  }
}
/*----------------*/
/* 21.12.18 Valentine For Seo Text */
.seo_text {
  background-color: #f0f2f2;
  padding: 50px 15px;
  border-bottom: 1px solid #d5d5d5;
  -webkit-box-shadow: inset 0.094rem 0.163rem 0.625rem rgba(0, 0, 0, 0.05);
  box-shadow: inset 0.094rem 0.163rem 0.625rem rgba(0, 0, 0, 0.05);
}
 .seo_text h2 {
    color: #333333;
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 15px;
    font-weight: normal;
  }
 .seo_text span {
    line-height: 24px;
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    display: block;
  }
.seo_text_wrapper .seo_img_wrapper {
  margin: 40px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid transparent;
}
 .seo_img_wrapper img {
    height: 200px;
    width: 300px;
 }

@media (max-width: 1100px)
{
  .seo_img_wrapper img {
    height: 170px;
    width: 250px;
  }
}
@media (max-width: 800px) {
  .seo_text h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .seo_text span {
    line-height: 14px;
    font-size: 10px;
  }
  .seo_img_wrapper img {
    height: 120px;
    width: 180px;
  }
}
@media (max-width: 600px) {
  .seo_text {
    padding: 50px 15px;
  }
  .seo_text h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .seo_text span {
    line-height: 14px;
    font-size: 10px;
    font-weight: 300;
  }
  .seo_text_wrapper .seo_img_wrapper {
    margin: 40px 0px;
  }
  .seo_img_wrapper img {
    height: 140px;
    width: 210px;
  }
  .seo_img_wrapper img:last-of-type {
    display: none;
  }
  /*--- Igor 24-07-2019 ---*/
  /*--- Igor 24-02-2022 ---*/
  /*
  .sales-slider .container{
      display:none;
  }
  */

   .sales-slider .container{
        padding: 0;
        max-width: 480px;
   }
  
  .parallax-window{
      height: 150px;
  }
  .header__search .h2{
      color: transparent;
  }
  /*--- Igor 24-07-2019 ---*/
}
@media (max-width: 500px) {
  .seo_text {
    padding: 50px 15px;
  }
  .seo_text h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .seo_text span {
    line-height: 14px;
    font-size: 10px;
    font-weight: 300;
  }
  .seo_text_wrapper .seo_img_wrapper {
    margin: 20px 0px;
  }
  .seo_img_wrapper img {
    height: 140px;
    width: 190px;
  }
  .seo_img_wrapper img:last-of-type {
    display: none;
  }
}
@media (max-width: 440px) {
  .seo_text {
    padding: 50px 15px;
  }
  .seo_text h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .seo_text span {
    line-height: 14px;
    font-size: 10px;
    font-weight: 300;
  }
  .seo_text_wrapper .seo_img_wrapper {
    margin: 20px 0px;
    justify-content: center;
    align-items: center;
  }
  .seo_img_wrapper img {
    height: 170px;
    width: 250px;
  }
  .seo_img_wrapper img:nth-of-type(n+2) {
    display: none;
  }
}
/**/
/*  valentine */

/* igor 25-04 */
.simple-slider {
 margin: 0 auto;
 max-width: 900px;
 /* height: 250px;  */
 overflow-x: scroll;
 overflow-y: hidden;
 white-space: nowrap;  /* чтобы картинки стояли в одну линию, не переходя на другую строку */
 word-wrap: normal; /* то же для IE */
 padding-top: 15px;
}
.simple-slider .col-inline-4 {
   vertical-align:top;
   white-space: normal !important;
   min-width: 180px;   
}   

/* 19.06.19 Pavel (Уценённые издания) */
/* a {text-decoration:none !important;}  */

.row-flex {display: flex; flex-flow: row wrap;}
.markdown-books {
    background-color: #f0f2f2;
    padding-top: 70px;
    padding-bottom: 40px;
    padding: 70px 15px 40px 15px;    
}
.markdown-books h2 {padding-bottom: 70px;}
.markdown-books .col-md-2, .markdown-books .col-md-3, .markdown-books .col-md-7 {padding-left:0px;padding-right:0px;} 

.markdown-books .markdown_books_img img {
	max-height:180px;
	width:auto;
	padding:10px;
}
.markdown-books .markdown_books_img, .markdown-books .book_name {display:table-cell; vertical-align:middle;}


.markdown-books .markdown_books_price {
	width:50%;
	float:left;
	font-size:1.5rem;
	margin: 24% 0;
    text-align: center;
}

.markdown-books .card__buttons {
	width:40%;
	float:right;
	margin: 24% 0;
        text-align: center;
        padding-left: 10px;
        padding-top: 10px;
}
.markdown-books .book_name a {
	color: #333;
	font-size:1rem;
	text-transform: uppercase;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.markdown-books .book_name a:hover {	color:#00be7a;}
.markdown_type {
	font-size:0.875rem;
	text-align:justify;
        vertical-align:middle;
	padding:40% 0;
	color:#6c6969;
}

.markdown-books button {width:50%; margin:22% 0;}
.markdown-books .head_name {
	width: 100%;
	border-bottom:1px solid #d5d5d5;
	font-size:0.875rem;
	text-align: center;
	padding:5px;
}
.markdown-books h2 {padding-bottom:70px;}

@media only screen and (max-width: 1025px) {
.markdown-books .col-md-2, .markdown-books .col-md-3 {width:50%;}
.markdown-books .col-md-7 {width:100%;}
.markdown-books .button {margin: 8% 0;}
.markdown-books .markdown_books_price {margin: 10% 0;}
.markdown-books .card__buttons {margin: 10% 0; }
.markdown_type {padding: 10% 0;}
}

@media only screen and (max-width: 528px) {
.markdown-books .col-md-2, .markdown-books .col-md-3, .markdown-books .col-md-7 {width:100%;}
.markdown-books .button {margin: 8% 0;}
.markdown-books .card__buttons {margin: 10% 0; }
.markdown_type {padding:5% 0; padding-bottom:10%;}
}
/* 19.06.19 Pavel (Уценённые издания) */

/* 10.10.2019 ---*/
/*price-with-delivery-block start*/
.price-with-delivery-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -5px;
  margin-bottom: 15px;
}
.price-with-delivery-item {
  /* width: calc(33.333% - 5px);*/
  width: calc(40% - 5px);
  margin: 5px;
}
.price-with-delivery-item input {
  position: absolute;
  left: -10000px;
  opacity: 0;
}
.price-with-delivery-label {
  background: #FFFFFF;
  border: 1px solid #E7EAEA;
  border-radius: 6px;
  padding: 15px 20px;
  display: block;
  position: relative;
  padding-left: 50px;
  cursor: pointer;
}
.price-with-delivery-label .status {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  background: rgba(28, 189, 124, 0.12);
  border-radius: 6px 0px 0px 6px;
}
.price-with-delivery-label .status-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.price-with-delivery-label .status-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #1CBD7C;
  width: 20px;
  border-radius: 50%;
  height: 20px;
}
.price-with-delivery-label .status-checked {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #1CBD7C;
  width: 10px;
  border-radius: 50%;
  height: 10px;
  display: none;
}
.price-with-delivery-item input[type="radio"]:checked + label .status-checked {
  display: block;
}
.price-with-delivery-item input[type="radio"]:checked + label {
  border-color: #1CBD7C;
}
.price-with-delivery-label .price-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.price-description-item .top-text {
  font-size: 13px;
  line-height: 16px;
  color: #A2ABBF;
}
.price-description-item .top-text.old-price {
  text-decoration: line-through;
}
.price-description-item .new-price {
  font-size: 30px;
  line-height: 36px;
  color: #4B4B4B;
  font-weight: bold;
}
.price-description-item .new-price span {
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
}
.price-description-item .percentage {
  line-height: 36px;
  min-height: 36px;
  color: #1CBD7C;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
.price-description-item .price-description-right {
  text-align: center;
}
.price-with-delivery-label .delivery-description {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #FF6260;
  margin-top: 10px;
}
.card__buttons {
  padding-left: 0;
}
/*  16.10.2019  Igor !!!! 
.price {
  display: none;
}
*/
.price-description-item .percentage-tooltip {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 200px;
  height: auto;
  background: rgba(28, 189, 124, .80);
  z-index: 5;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  border-radius: 4px;
  padding: 7px;
  display: none;
}

.price-with-delivery-label .more-info {
  display: none;
}
.price-description-item .percentage .triangle {
  position: absolute;
  right: 20px;
  bottom: calc(100% - 10px );
  border: 5px solid transparent;
  border-top: 5px solid rgba(28, 189, 124, .61);
  display: none;
}
.percentage .percentage-tooltip img {
  display: none;
}

@media (min-width: 561px) {
  .price-with-delivery-label .price-description-item .percentage:hover .percentage-tooltip,
  .price-with-delivery-label .price-description-item .percentage:hover .triangle {
    display: block;
  }
}

@media (max-width: 767px) {
  .price-with-delivery-block {
    flex-direction: column;
    margin: 0 -5px;
  }
  .price-with-delivery-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .card__buttons button:first-child , .card__buttons or-button:first-child {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
  }
  .card__buttons .button , .card__buttons .or-button {
    margin: 0 auto;
    display: block;
  }
}
@media (max-width: 560px) {
  .price-with-delivery-label {
    padding: 4px 50px;
  }
  
  /* .price-with-delivery-label .delivery-description  */
  
    .price-description-item .top-text.old-price {
    display: none;
  }
  .price-description-item .percentage {
    line-height: 22px;
    min-height: 22px;
    font-size: 18px;
  }
  .price-with-delivery-label {
    border-radius: 20px;
  }
  .price-with-delivery-label .status {
    border-radius: 20px 0px 0px 20px;
  }

  .percentage.show-info .tooltip-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(28, 189, 124, .61);
    z-index: 10;
  }
  .percentage.show-info .percentage-tooltip {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    color: #000;
    background: #fff;
    transform: translate(-50%, -50%);
    padding: 25px;
    width: 90%;
    border-radius: 20px;
  }
  .percentage.show-info .percentage-tooltip img {
    display: block;
    position: absolute;
    top: 10px;
    padding: 5px;
    right: 10px;
    cursor: pointer;
  }
  .price-with-delivery-label .more-info {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    /*Igor 02.06.2020*/
    width: 28px;
    height: 28px;    
  }

}

.fixed-price-block {
  position: fixed;
  top: 96px;
  background: #fff;
  z-index: 450;
  width: 100%;
  left: 0;
  right: 0;
  padding: 7px 0;
  display: none;
}

/* .price-with-delivery-block.top-fixed .price-with-delivery-label .delivery-description */

.price-with-delivery-block.top-fixed .price-description-item .top-text.old-price {
  display: none;
}
.price-with-delivery-block.top-fixed .price-with-delivery-label {
  padding: 4px 30px 4px 45px;
  border-radius: 20px;
}

.price-with-delivery-block.top-fixed .price-with-delivery-label .status {
  border-radius: 20px 0px 0px 20px;
}

.price-with-delivery-block.top-fixed {
  justify-content: space-evenly;
  margin-bottom: 0;
}

.price-with-delivery-block.top-fixed .price-description-item .new-price {
  font-size: 20px;
  line-height: 22px;
}
.price-with-delivery-block.top-fixed .price-description-item .new-price span {
  font-size: 16px;
  line-height: 18px;
}

.price-with-delivery-block.top-fixed .price-with-delivery-label .more-info {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.price-with-delivery-block.top-fixed .price-description-item .percentage {
  line-height: 20px;
  min-height: 20px;
  font-size: 20px;
}
.price-with-delivery-block.top-fixed .buttons-block {
  width: 310px;
}
.price-with-delivery-block.top-fixed .price-with-delivery-item {
  width: calc( (100% - 310px) / 3 );
}

.fixed-price-block.scrolling {
  display: block;
}

.price-with-delivery-block.top-fixed .tr-button,
.price-with-delivery-block.top-fixed .or-button,
.price-with-delivery-block.top-fixed .button{
  padding: 13px 20px;
}
@media (max-width: 1100px) {
  .fixed-price-block,
  .fixed-price-block.scrolling {
    display: none;
  }
}
/*---Igor 21.11.2019 --*/
.thermo-item, .thermo-item_last .thermo-item__sep {
    display: inline-block; color: #adadad; font-size: 0.875rem; font-weight: 400;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}    
.thermo-item_last, .thermo-item_prelast {
    display: inline-block; color: #adadad; font-size: 0.875rem; font-weight: 400;
    -webkit-transition: all 0.2s; transition: all 0.2s;
}    
.thermo-item:hover , .thermo-item_last:hover, .thermo-item_prelast:hover{
    text-decoration: underline;
} 

.cleaner {
    clear: both;
    height: 1px;
    font-size: 0;
    margin: 1px 0;
    line-height: 0!important;
}
.thermometer-books {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font: 1.1em/1.55em PTSans,Arial,Helvetica,sans-serif;
    color: #666;
}

@media screen and (max-width: 768px){
    .thermometer-books {
        font-size: 1.3em;
        line-height: 1.5;
        overflow: hidden;
        height: 19px;
        display: flex;
        align-content: flex-end;
        flex-wrap: wrap;
        position: relative;
    }
    .thermo-item, .thermo-item_last .thermo-item__sep {
        display: none;
    }    
    .thermo-item_last, .thermo-item_prelast {
        display: inline-block;
        white-space: nowrap;
    }    
}
/* Стили для модального окна */
@font-face {
	font-family: "Myriad Pro Regular";
	src: url("fonts/MyriadPro-Regular.eot");
	src: url("fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"),
	url("fonts/MyriadPro-Regular.woff") format("woff"),
	url("fonts/MyriadPro-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.modal-subscription {
  background: #fff173;
  width: 100%;
  height: auto;
  max-width: 500px;
/*  
  padding: 5px;
  position: absolute;
  left: 50%;
  margin-left:-250px;
  top: 25%;
*/
  z-index:999;
  font-family: "Myriad Pro Regular" !important;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
  box-sizing: border-box;
  border-radius: 4px;
}
.head-subscription {
  background: url("../img/bg.png") 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  padding: 20px 0;
}
.head-subscription img, .head-subscription-ok img {margin-top:50px; max-height:60px; width:auto;}
.modal-subscription form {text-align:center;}
.modal-subscription input {
  width: 90%;
  max-width: 360px;
  background: #fff173;
  text-align: center;
  padding: 5px 10px;
  margin: 5px 0;
  border: 2px solid #43af6d;
  color: #43af6d;
  font-size: 22px;
}
.modal-subscription input:focus {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
}
.modal-subscription input::placeholder {color:#43af6d;}
.envelope {
  width: 100%;
  height: auto;
  min-height: 240px;
  background: url("../img/envelope.png") 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.envelope .block-right {
  width: 50%;
  float: right;
  font-size: 40px;
}
.envelope .block-right p {
  color: #c3891a;
  text-align: left;
  padding: 8% 12%;
  line-height: 1;
}
.envelope .block-right input {
  background: #43af6d;
  width: 100%;
  border-radius: 50px;
  font-size: 40px;
  padding: 6px;
  padding-bottom: 8px;
  margin-left: -30px;
  color: #fff;
  transition: all 0.3s linear 0s;
}
.envelope .block-right input:hover {
  border:2px solid #fff;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
  cursor: pointer;
  transition: all 0.3s linear 0s;
}
.close-subscription {text-align:right; font-size: 20px; color: #43af6d; margin-right: 10px;}
.close-subscription a {color:#43af6d; text-decoration:none; margin-left: 8px;}
.head-subscription-ok {
  width: 100%;
  height: auto;
  min-height: 500px;
  background: url("../img/bg-ok.png") center center no-repeat;
  text-align: center;
}
.congrad {
  width: 100%;
  position: absolute;
  /* bottom: 40px; */
  font-size: 28px; 
  color: #43af6d !important;
  top: 400px;
}

@media screen and (max-width: 500px) {
    
.modal-subscription {max-width:94%; margin-left:5%; }
.head-subscription {
  -webkit-background-size: 100% 100%; 
  -moz-background-size: 100% 100%; 
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.head-subscription img {margin-top:10px; max-height:50px; width:auto;}
.envelope {-webkit-background-size: 100%; 
  -moz-background-size: 100%; 
  -o-background-size: 100%;
  background-size: 100%;}
.envelope .block-right {margin-top: calc(5% + 5vw);}
.envelope .block-right, .envelope .block-right input {font-size: calc(0.8em + 4vw);}
.envelope .block-right input {padding: 2px; padding-bottom: 4px; margin-left: -10px;}
.congrad {font-size: calc(0.8em + 3vw);}

}
/* Стили для модального окна окончены */