:root {
  --blue:#3498DB;
  --green:#2ECC71;
  --purple:#9B59B6;
  --gold:#F1C40F;
  --red:#E74C3C;
  --orange:#E67E22;
}

::-webkit-scrollbar {width:7px; height:7px;}
::-webkit-scrollbar-button {width:0px; height:0px;}
::-webkit-scrollbar-thumb {background:#0080FF; border:0px none #FFFFFF; border-radius:50px; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09123C), color-stop(1.00, #0E3E8D)); background:-webkit-linear-gradient(#09123C, #0E3E8D); background:-moz-linear-gradient(#09123C, #0E3E8D); background:-o-linear-gradient(#09123C, #0E3E8D); background:-ms-linear-gradient(#09123C, #0E3E8D); background:linear-gradient(#09123C, #0E3E8D);}
::-webkit-scrollbar-thumb:hover {background:#0000A0;}
::-webkit-scrollbar-thumb:active {background:#000000;}
::-webkit-scrollbar-track {background:#E2E2E2; border:0px none #FFFFFF; border-radius:50px;}
::-webkit-scrollbar-corner {background:transparent;}

/************************************************************************************************/

/*** em -> parent; rem -> root; ***/

/************************************************************************************************/

html {scroll-behavior:smooth;}
body {margin:0px; font-family:'Trebuchet MS',Verdana,Tahoma,'Lucida Console'; font-size:100%; line-height:1.5; color:#000000; background-color:#FFFFFF;}

table {empty-cells:show; border-collapse:collapse;}
th {font-size:1.2rem; font-weight:bold; padding:5px; background-color:#EDEDDE;}
td {font-size:1rem; padding:5px;}

img {border:0; max-width:100%;}

p {margin-top:5px; margin-bottom:10px;}

big {font-weight:normal;}
small {font-size:0.8rem; font-weight:normal;}

blockquote {position:relative; margin:10 10px 40px 10px; border:2px solid #337AB7; border-radius:20px; padding:10 20 10 20px; max-width:20%;}
blockquote::before {content:""; position:absolute; width:35px; border:6px solid #FFF; bottom:-3px; left:30px; z-index:1;}
blockquote::after {content:""; position:absolute; border:2px solid #337AB7; border-radius:0 50px 0 0; width:40px; height:30px; bottom:-30px; left:23px; border-bottom:none; border-left:none; z-index:2; box-sizing:border-box;} 
blockquote cite {position:absolute; bottom:-33px; left:75px; font-weight:bold; color:#337AB7;}
blockquote.wide {min-width:50%;}

hr {width:100%; margin:5px; overflow:hidden;}
hr.hr {width:100%; height:0px; margin:0px; border:0px solid #FFFFFF; color:#FFFFFF; overflow:hidden;}
hr.hr_space {width:100%; height:0px; margin:25 0 25 0px; border:0px solid #FFFFFF; color:#FFFFFF; overflow:hidden;}
hr.hr_space_big {width:100%; height:0px; margin:50 0 50 0px; border:0px solid #FFFFFF; color:#FFFFFF; overflow:hidden;}

ul {list-style-type:square; margin-top:10px; margin-bottom:0;}
ol {list-style-type:decimal; margin-top:10px; margin-bottom:0;}
li {margin-bottom:10px;}
dt {margin-top:10px; font-weight:bold;}

select, input, textarea {display:inline; padding:5 15 5 15px; border:1px solid; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
select {display:inline; height:2rem;}
select:active, input:active, textarea:active {background-color:#E8EDFF;}
input {display:inline; text-align:center;}
input[type="submit"] {position:relative; margin:10 15 10 15px; padding:5 15 5 15px; width:200px; height:2rem; font-size:1rem; border:0px; background:#DCDCDC linear-gradient(#FFF, #DCDCDC); box-shadow:0 0 0 1px #AAA inset, 0 1px 1px #AAA; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; user-select:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.1s;}
input[type="submit"]:active {top:1px; left:1px; background:none; box-shadow:0 0 0 1px #DDD inset, 0 1px 1px #FFF; cursor:default;}
input[type="submit"]:disabled {background:none; box-shadow:0 0 0 1px #DDD inset, 0 1px 1px #FFF; cursor:default;}
input[type="submit"]:disabled:active {top:0px; left:0px;}
th input[type="submit"] {margin:0 5 0 5px; padding:2px; width:2rem; height:2rem; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:5px;}

a {position:relative; color:#0000CD; text-decoration:none; transition:all 0.5s;}
a:hover {text-decoration:none; color:#FFFFFF; background:#3399FF;}
a.dot {color:#0000CD;}
a.dot:hover {color:#FFFFFF;}
a.arrow {text-decoration:none;}
a.recomm {text-decoration:none;}

h1 {position:relative; color:#E11157; font-family:'Segoe Print','Segoe Script',Georgia; font-style:italic; font-size:2.1rem; letter-spacing:0.2rem; line-height:1; padding:0.5rem 0 0.5rem 4rem; margin:0 0 25 0px; border-radius:1em 0 0 1em; background:linear-gradient(to right, var(--title_color), #FFFFFF); user-select:none;}
h1::before {position:absolute; content:""; height:1.5em; width:1.5em; border-radius:50%; border:0.2em solid #FFFFFF; background-size:cover; display:inline-block; top:50%; left:-0.2em; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
/*
h2 {position:relative; display:table; color:#E11157; font-family:'Segoe Script','Segoe Print',Georgia; font-style:italic; font-size:1.6rem; letter-spacing:0.1rem; line-height:1; padding:0.5rem 0 0.5rem 4rem; margin:20 0 25 0px; border-radius:1em 0 0 1em; background:linear-gradient(to right, var(--title_color), #FFFFFF); user-select:none;}
h2::before {position:absolute; content:""; height:1.5em; width:1.5em; border-radius:50%; border:0.2em solid #FFFFFF; background-size:cover; display:inline-block; top:50%; left:-0.2em; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
*/
h2 {color:#E11157; font-family:'Segoe Script','Segoe Print',Georgia; font-style:italic; font-size:1.8rem; letter-spacing:0rem; padding:0 0 0 4rem; margin:40 0 15 0px; user-select:none;}
h3 {color:#E11157; font-family:Mistral,'Segoe Print','Segoe Script',Georgia; font-size:2rem; font-weight:100; letter-spacing:0rem; padding:0 0 0 4rem; margin:30 0 10 0px; user-select:none;}
h4 {color:#E11157; font-family:Mistral,'Segoe Print','Segoe Script',Georgia; font-size:1.6rem; font-weight:100; letter-spacing:0rem; padding:0 0 0 4rem; margin:30 0 10 0px; user-select:none;}

sup {margin-left:3px; padding:1px; font-size:0.7rem; cursor:pointer; border:1px solid #337AB7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/************************************************************************************************/

.a {cursor:pointer; transition:all 0.5s;}
.a:hover {color:#F76112; border-bottom:1px #000000 dashed;}
.a_arrow {font-size:2rem; font-weight:normal; color:#E11157; cursor:pointer; transition:all 0.5s;}
.a_arrow:hover {color:#F76112;}
.a_arrow input {font-size:2rem;}

table.adm {width:100%;}
table.adm tr {text-align:center;}
table.adm th:nth-last-child(1) {width:2rem;}
table.adm th:nth-last-child(2) {width:2rem;}

.zebra th {border:1px solid;}
.zebra td {transition:all 0.5s; border:1px solid;}
.zebra tr:hover td {background:#E8EDFF;}

.blockquote_table {max-width:50%;}
.blockquote_table_right {max-width:50%; float:right;}

.pointer {cursor:pointer;}

.sticky {position:sticky; top:0px;}
.sticky_cat {position:sticky; top:0; color:#F76112; font-size:1.5rem; font-weight:bold; letter-spacing:2px; line-height:1.5; text-transform:uppercase; padding:0 0 15 50px;}

.sticky_table h4 {letter-spacing:0; margin:0 0 10 0px;}
.sticky_table img {width:150px; min-width:150px; max-width:150px; aspect-ratio:1/1; padding:0 5 5 0px; float:left;}
.sticky_table th {border:1px solid;}
.sticky_table td {border:1px solid;}
.sticky_table td:nth-child(2) {width:7%; text-align:center;}
.sticky_table td:nth-child(3) {width:7%; text-align:center;}
.sticky_table td:nth-child(4) {width:7%; text-align:center;}
.sticky_table td:nth-child(5) {width:7%; text-align:center;}
.sticky_table table {display:inline; float:right;}
.sticky_table table td {border:0;}
.sticky_table .fav_btn {width:25px; min-width:25px; max-width:25px; aspect-ratio:1/1; cursor:pointer; float:right;}

.menu_header {color:#F76112; font-size:1.2rem; font-weight:bold; letter-spacing:2px; line-height:1.5; text-transform:uppercase;}
.menu_header a {text-decoration:none;}
.menu_header a:hover {text-decoration:underline;}

.menu_phone {font-size:1.5rem; line-height:1.5;}
.menu_phone a {text-decoration:none;}
.menu_phone a:hover {text-decoration:underline;}
.menu_phone_2 {font-size:1rem; line-height:1.5;}
.menu_phone_2 a {text-decoration:none;}
.menu_phone_2 a:hover {text-decoration:underline;}
.menu_phone_2 img {width:20px;}

.article::first-letter {font-family:Georgia; font-size:250%; font-style:italic; font-weight:bold; color:red; line-height:1; padding:0 10 0 10px; float:left;}
.article::first-line {font-family:Georgia; font-size:150%; font-style:italic; text-shadow:1px 1px 3px silver;}
.article blockquote {min-width:50%; max-width:90%; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid;}

.formfield {border:1px #BBD6FB solid;}

.inactive {visibility:hidden; width:auto; height:0; opacity:0;}
.active {visibility:visible; width:auto; height:auto; opacity:1;}
.invisible {display:none;}
.invisible textarea {visibility:hidden; height:0; line-height:0px; opacity:0; transition:all 0.5s;}

.red_blink {background-image:url(/pics/red_blink.gif);}
.green_blink {background-image:url(/pics/green_blink.gif);}

.first_letter {float:left; width:30px; height:30px; font-size:3rem; text-align:center;}
.first_digit {position:absolute; font-size:10rem; opacity:0.3;}
.digits {color:#CCD0C8; font-size:1rem;}

.tree {color:#808181; background-color:#FFFFE9; cursor:pointer;}
.tree:hover {color:#E11157; background-color:#EDEDDE;}
.treeheader {font-size:1rem;}

.name2 {color:#E11157; font-size:1rem; font-weight:bold;}
.name3 {color:#E11157; font-size:1rem; font-weight:bold; padding-bottom:10px;}

.title_name {color:#777777; font-size:1rem;}

.rownum {font-size:1.5rem; color:#777777;}

.chapter {color:#E11157; font-size:1rem; letter-spacing:1px; padding:5 0 5 10px;}
.chapter img {width:150px; padding:0 0 0 10px;}

.submenu {font-size:1rem; padding-left:10px;}
.submenuh {font-size:1rem; color:#F76112; font-weight:bold; padding-top:10px; padding-bottom:5px;}
.submenuh a {color:#F76112; text-decoration:none;}
.submenuh a:hover {color:#F76112; text-decoration:none;}
.submenupic {font-size:1rem;}

.menuc {font-size:1rem; font-weight:bold; text-align:center; padding:5px; margin:0 5 5 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline; border:1px solid; float:left; cursor:pointer; user-select:none;}

.recomm {font-size:1rem; color:#E11157; cursor:pointer;}
.recomm:hover {color:#E11157; border-bottom:1px #000000 dashed;}

.hr {margin:0; padding:0; background-color:#E5E8E2;}

.icon {width:1.5rem; aspect-ratio:1/1; border:#000000; color:#000000; margin:0 5 0 0px; vertical-align:middle;}
.icon_v {width:1.5rem; aspect-ratio:1/1; border:#000000; color:#000000; margin:5px; display:block;}
.icon_v_last {width:1.5rem; aspect-ratio:1/1; border:#000000; color:#000000; margin:5 5 30 5px; display:block;}
.icon_b {width:2rem; aspect-ratio:1/1; border:#000000; color:#000000; margin:5 10 5 5px; vertical-align:middle;}

.formbutton {background-color:#6CAA22; font-size:2rem; color:#FFFFFF; padding:10 15 10 15px; margin:10 0 0 30px; font-weight:bold; width:700px; max-width:700px; height:70px; white-space:normal;}

.popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; min-width:50%; max-width:90%; max-height:90%; overflow-x:hidden; overflow-y:auto; overscroll-behavior:none; border:groove 2px #CEDBCD; background-color:#FFFFFF; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666;}
.popup blockquote {max-width:100%;}
.popup_button {display:none; position:absolute; bottom:0px; border:groove 1px #CEDBCD; background-color:#FFFFE9; padding:5 0 0 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666;}

.avoska {visibility:hidden; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; line-height:1; transition:all 0.5s; opacity:0;}
.avoska h2 {color:#E11157; font-family:'Segoe Script','Segoe Print',Georgia; font-style:italic; font-size:1.8rem; letter-spacing:0rem; padding:0; margin:40 0 15 0px; user-select:none;}
.avoska h2:nth-child(1) {margin:0 0 15 0px; user-select:none;}
.avoska_active {visibility:visible; width:auto; height:auto; opacity:1;}

.menu {position:fixed; top:84px; left:205px; max-height:90%; overflow-y:auto; font-size:1rem; border:groove 2px #CEDBCD; background-color:#FFFFE9; padding:10px; text-align:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; display:none;}
.menu_good {position:fixed; top:88px; bottom:10px; left:205px; overflow-y:auto; font-size:1rem; border:groove 2px #CEDBCD; padding:10px; text-align:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; display:none;}
.menu_good_cat {border:groove 2px #CEDBCD; padding:0 10 10 10px; margin-bottom:10px; text-align:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666;}
.menu_lk {position:absolute; width:200px; right:0px; font-size:1rem; border:groove 2px #CEDBCD; background-color:#FFFFE9; padding:10px; text-align:left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; display:none;}

.menu_block {width:200px; height:130px; max-width:41%; float:left; padding:5px; margin:0 10 10 0px; font-size:1rem; line-height:1.5; overflow-y:auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666;}
.menu_block a {text-decoration:none;}
.menu_block a:hover {text-decoration:underline;}
.menu_block img {width:50px; height:50px;}

.menu_good_block {padding:10 0 0 0px; border-bottom:1px solid; font-size:1rem; line-height:1.3; -webkit-columns:3; -moz-columns:3; columns:3; -webkit-column-rule-style:dashed; -moz-column-rule-style:dashed; column-rule-style:dashed; -webkit-column-rule-width:thin; -moz-column-rule-width:thin; column-rule-width:thin;}
.menu_good_block a {text-decoration:none;}
.menu_good_block a:hover {text-decoration:none;}

a.sug_block {color:#000000; font-weight:normal; width:200px; height:200px; padding:5px; margin:5px;}
a.sug_block:hover {background:#FFFFFF;}
.sug_block {text-align:left; font-size:1rem; line-height:1; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666;}
.sug_block img {width:75px; aspect-ratio:1/1; transition:all 0.5s;}
.sug_block img:hover {width:100%; aspect-ratio:1/1;}
.sug_flex {display:-webkit-flex; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; overflow-y:auto;}

.no_hover_background:hover {background:#FFFFFF;}

.menu_close img {position:absolute; cursor:pointer; right:5px; top:5px; width:16px; aspect-ratio:1/1;}

.loading_pic {position:fixed; visibility:hidden; top:50%; left:50%; transform:translate(-50%, -50%); padding:25px; background-color:#FFFFFF; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; box-shadow:0 0 25px 25px #FFFFFF; z-index:1000;}

.shapka {position:fixed; top:0px; text-align:center; width:100%; font-weight:bold;}
.avoska_opt {visibility:hidden; width:250px; text-align:center; border:groove 2px #CEDBCD; background-color:#FFFFE9; margin:0 5 0 5px; padding:5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; overflow-y:auto; transition:all 0.5s; opacity:0;}
.avoska_opt_active {visibility:visible; opacity:1;}

.text {margin:5px;}

.fp_banner {position:relative; line-height:1.2;}
.fp_banner img {width:100%;}
.fp_banner .text {position:absolute; left:0; bottom:0; font-family:Verdana; color:#E11157; font-weight:900; text-shadow:0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 8px #FFF, 0 0 9px #FFF, 0 0 10px #FFF;}
.fp_banner .text_1 {font-size:4vw;}
.fp_banner .text_2 {font-size:2.2vw;}

.tovar {position:relative; width:48%; padding:5px; border-right:1px #000000 dotted; float:left;}
.tovarh {font-size:1rem; font-weight:bold; color:#E11157; text-align:left; margin-top:5px; margin-right:5px; margin-bottom:5px; margin-left:5px;}
.tovarh a {color:#E11157; text-decoration:none;}
.tovarh a:hover {color:#E11157; text-decoration:none;}
.tovaranons {font-size:1rem; color:#000000; text-align:left; margin-top:5px; margin-right:5px; margin-bottom:5px; margin-left:5px;}
.tovarprice {font-size:1rem; font-weight:bold; color:#000000;}
.tovardiscount {background-color:#FFFF33; position:absolute; font-size:1rem; font-weight:bold;}

.features {padding:0 0 10 0px; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid;}
.feature {font-size:1rem; padding:0 0 0 10px;}

.author {color:#777777; font-size:1rem; text-align:left; border-left:3px solid #CEDBCD; padding:0 0 0 5px;}

.comments {color:#777777; font-size:1rem;}
.comments_dot {color:#777777; font-size:0.8rem; text-decoration:none; border-bottom:1px #000000 dashed;}

.preview {width:150px; height:150px; margin:0 2 0 0px; text-align:center; border:1px solid; cursor:pointer;}
.preview_row {width:100%; height:168px; overflow:auto;}
.preview_small {width:75px; border:0px;}
.preview_avoska {width:75px; margin:0 5 0 0px; float:left; border:1px solid;}

.photo_block {position:relative; width:615px; max-width:100%; height:655px; margin:0 0 10 10px; text-align:center; float:right;}
.photo_block img {position:absolute; top:45px; right:0; width:600px; max-width:100%; margin:0; border:groove 2px #CEDBCD; box-shadow:0 0 5px #666; border-radius:5%;}
.photo_block iframe {position:absolute; top:45px; right:0; max-width:100%; margin:0 0 0 5px;}

.radio {
  [type=radio] {width:25px; height:25px;}
}

.chat {width:75%;}
.chat blockquote {width:50%; max-width:50%; margin-bottom:50px;}

.buy_block {float:right;}

.buy_btn {display:inline-block; width:200px; height:35px; font-size:80%; color:rgba(255, 255, 255, .9); text-decoration:none; text-align:center; line-height:1.1; white-space:pre-line; padding:0.7em 0; border:1px solid; border-color:#60A3D8 #2970A9 #2970A9 #60A3D8; border-radius:6px; outline:none; background:#60A3D8 linear-gradient(#89BBE2, #60A3D8 50%, #378BCE); box-shadow:inset rgba(255, 255, 255, .5) 1px 1px; cursor:pointer;}
.buy_btn::first-line {font-size:170%; font-weight:700;}
.buy_btn div:first-child::before {content:"Многодетным ";}
.buy_btn:hover {color:rgb(255, 255, 255); background-image:linear-gradient(#9DC7E7, #74AFDD 50%, #378BCE);}
.buy_btn:active {color:rgb(255, 255, 255); border-color:#2970A9; background-image:linear-gradient(#5796C8, #6AA2CE); box-shadow:none;}
.buy_btn.avs {border-color:#FDBE33 #000 #D77206; background:#E38916 linear-gradient(#F3AE0F, #E38916 50%, #E38916);}
.buy_btn.avs:hover {background-image:linear-gradient(#F5AE00, #F59500 50%, #F5AE00);}
.buy_btn.avs:active {background-image:linear-gradient(#F59500, #F5AE00);}
.buy_btn.fav {border-color:#C61E40; background:linear-gradient(#D4536D, #C61E40);}
.buy_btn.fav:hover {background-image:linear-gradient(#C61E40, #D4536D);}
.buy_btn.fav:active {background-image:linear-gradient(#C61E40, #D4536D);}

.btn {width:80px; aspect-ratio:1/1; padding:2px; cursor:pointer;}
.fav_btn {width:25px; min-width:25px; max-width:25px; aspect-ratio:1/1; cursor:pointer;}
.price {padding-right:2px; font-size:3rem; font-weight:bold; text-align:right;}
.vprice {padding-left:2px; font-size:1rem; text-align:right; border-left:1px solid; border-bottom:1px solid;}
.big_price {font-size:2rem; padding:0 5 0 5px; background:url(/pics/green_blink.gif);}
.discount {background:url(/pics/green_blink.gif);}

figure.effect table {width:100%;}
figure.effect td {padding:1px;}
figure.effect .price {font-size:1.5rem;}
figure.effect .vprice {font-size:0.7rem;}
figure.effect .btn {width:50px; aspect-ratio:1/1; cursor:pointer;}
figure.effect .fav_btn {width:25px; aspect-ratio:1/1; cursor:pointer;}

.td_left {padding:15 10 15 0px; border-bottom:1px #000000 dotted; border-right:1px #000000 dotted;}
.td_right {padding:15 0 15 10px; border-bottom:1px #000000 dotted;}
.td_bottom {padding:15 0 15 0px; border-bottom:1px #000000 dotted;}

.delivery_pic {width:100px;}

.flag {width:32px; min-width:32px;}
.flag_small {width:16px; min-width:16px;}

.super_action {border:1px solid; font-family:'Comic Sans MS'; text-align:center; padding:0 5 0 5px; max-width:50%;}

.order {text-align:right; float:right; max-width:300px;}

.float_left {float:left;}
.float_left_margin_right {float:left; margin-right:15px;}
.float_right {float:right;}
.float_none {float:none;}

.opacity {opacity:0.3; -webkit-filter:blur(5px); -moz-filter:blur(5px); filter:blur(5px);}

.scroll_e {position:fixed; visibility:hidden; bottom:0; right:0; width:3rem; aspect-ratio:1/1; margin:0 10 10 0px; opacity:0; transition:all 0.5s;}
.scroll_e_active {visibility:visible; opacity:1;}

.attention {color:#FFFFFF; background-color:#F76112; font-weight:bold; text-decoration:none; margin:5 0 0 0px; padding:3 5 3 5px;}
.attention_ok {color:#FFFFFF; background-color:#6CAA22; font-weight:bold; text-decoration:none; margin:5 0 0 0px; padding:3 5 3 5px;}

.tm {text-transform:uppercase; font-weight:bold;}
.tm::after {text-transform:uppercase; content:'\2122';}

.first_page {font-weight:bold; text-transform:uppercase;}
.first_page::before {font-weight:normal; text-transform:none; content:'Хит продаж в этом разделе -';}
.first_page_name {text-transform:uppercase;}

.pic_family {position:absolute; width:98%; top:50%; left:50%; transform:translate(-50%, -50%); line-height:1; text-align:center; z-index:2;}
.pic_family span {font-family:Verdana; color:#E11157; font-weight:900; display:inline; opacity:0; filter:blur(4px); transform:scale(0.5); animation:scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1); text-shadow:0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 8px #FFF, 0 0 9px #FFF, 0 0 10px #FFF;}
.pic_family span:nth-child(1) {font-size:5vw; padding-right:2.5vw; animation:fade-in 1.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.pic_family span:nth-child(2) {font-size:5vw; padding-right:2.5vw; animation:fade-in 1.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.pic_family span:nth-child(3) {font-size:5vw; padding-right:2.5vw; animation:fade-in 1.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.pic_family span:nth-child(4) {font-size:5vw; padding-right:2.5vw; animation:fade-in 1.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.pic_family span:nth-child(5) {font-size:5vw; padding-right:2.5vw; animation:fade-in 1.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.pic_family span:nth-child(6) {font-size:5vw; padding-right:2.5vw; animation:fade-in 1.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.pic_family span:nth-child(7) {font-size:5vw; padding-right:2.5vw; animation:fade-in 1.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.pic_family span:nth-child(8) {font-size:4vw; padding-right:2.5vw; animation:fade-in 1.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.pic_family span:nth-child(9) {font-size:1vw; padding-right:2.5vw; animation:fade-in 1.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);}
@keyframes scale {100% {transform:scale(1);}}
@keyframes fade-in {100% {opacity:1; filter:blur(0);}}

.first_page_inner {position:relative; font-size:1.5rem; line-height:1.5; font-weight:bold; text-transform:uppercase; padding:10px; float:left; margin-right:15px; width:300px; text-shadow:0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 8px #FFF, 0 0 9px #FFF, 0 0 10px #FFF;}

.columns {-webkit-columns:2; -moz-columns:2; columns:2; -webkit-column-rule-style:dashed; -moz-column-rule-style:dashed; column-rule-style:dashed; -webkit-column-rule-width:thin; -moz-column-rule-width:thin; column-rule-width:thin;}
.columns_ever {padding:50 20 50 20px; -webkit-columns:2; -moz-columns:2; columns:2; -webkit-column-rule-style:dashed; -moz-column-rule-style:dashed; column-rule-style:dashed; -webkit-column-rule-width:thin; -moz-column-rule-width:thin; column-rule-width:thin;}
.columns img {display:block; -webkit-column-span:all; column-span:all;}

.city_tariff {position:relative;}
.city_tariff_help {position:absolute; width:220px; min-height:150px; top:20px; right:-40px; overflow-y:hidden; z-index:10; display:none;}

.help {color:#00397D; font-weight:bold; cursor:pointer; transition:all 0.5s;}
.help:hover {color:#F76112; border-bottom:1px #000000 dashed;}
.help_tip {position:absolute; width:300px; right:0px; max-width:50%; z-index:10; display:none;}

.pictogramma {position:relative; font-size:2rem; text-align:center;}
.pictogramma a {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer;}
.pictogramma_big {position:relative; font-size:2rem; text-align:center;}
.pictogramma_big a {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer;}

.avoska_image {width:820px; max-width:100%;}

.help_icon {position:absolute; top:3px; right:5px; width:42px; cursor:pointer;}

.pay {display:none; background-color:#FFFFFF; border:1px solid; padding:5px;}

.pnt {display:inline-block; margin:0 3 0 3px; vertical-align:middle;}
.pnt input[type=radio] {display:none;}
.pnt label {display:table-cell; cursor:pointer; width:25px; height:25px; text-align:center; vertical-align:middle; background:#DCDCDC linear-gradient(#FFF, #DCDCDC); box-shadow:0 0 0 1px #AAA inset, 0 1px 1px #AAA; user-select:none; transition:all 0.5s;}
.pnt.wide label {display:block; width:170px; height:1.5rem; padding:5 10 5 10px; margin:0 10 10 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pnt input[type=radio]:checked + label {background:none; box-shadow:0 0 0 1px #DDD inset, 0 1px 1px #FFF; cursor:default; /*box-shadow:0 0 0 1px #BBB inset, 0 1px 3px rgba(0,0,0,.5) inset, 0 1px 2px #FFF;*/}
.pnt input[type=radio]:disabled + label {background:none; box-shadow:0 0 0 1px #DDD inset, 0 1px 1px #FFF; cursor:default;}

.absolute {position:absolute;}
.relative {position:relative;}

.inf {position:absolute; display:none; padding:20px; margin:0px; border-radius:5px; box-shadow:0 0 0 1px #AAA inset, 0 1px 1px #AAA; background-color:#FFFFFF; overflow:auto;}

.issue {position:relative; padding:10px; margin:0 0 10 0px; border-radius:5px; box-shadow:0 0 0 1px #AAA inset, 0 1px 1px #AAA;}
.issue img {vertical-align:middle; width:20px;}
.issue table {width:100%;}
.issue table tr {vertical-align:top;}
.issue table tr:nth-child(2) {border-top:1px dashed; border-bottom:1px dashed;}
.issue table td {padding:10px;}
.issue table tr:nth-child(1) td:nth-child(1) {border-right:1px dashed; width:15%;}
.issue table tr:nth-child(2) td:nth-child(1) {border-right:0;}
.issue table tr:nth-child(3) td:nth-child(1) {border-right:0;}
.issue input {margin:0 5 5 0px;}

table.top_info {margin:0;}
table.top_info td {border:1px solid; text-align:center; vertical-align:middle;}

table.usr_order {position:relative; width:100%; border:1px solid;}
table.usr_order th {border:1px solid;}
table.usr_order tr:last-child th:nth-child(3) {text-align:right;}
table.usr_order tr:last-child th:nth-child(4) {text-align:right;}
table.usr_order td {border:1px solid; background:#FFF;}
table.usr_order td:nth-child(1) {padding-left:45px;}
table.usr_order td:nth-child(2) {width:10%; text-align:right;}
table.usr_order td:nth-child(3) {width:10%; text-align:center;}
table.usr_order td:nth-child(4) {width:10%; text-align:right;}
table.usr_order td:nth-child(5) {width:10%; text-align:right;}
table.usr_order td:nth-child(1) img {position:absolute; left:10px; width:25px; aspect-ratio:1/1; transition:0.5s;}
table.usr_order td:nth-child(1) img:hover {width:150px; aspect-ratio:1/1; z-index:2; box-shadow:0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 8px #FFF, 0 0 9px #FFF, 0 0 10px #FFF, 0 0 11px #FFF, 0 0 12px #FFF, 0 0 13px #FFF, 0 0 14px #FFF, 0 0 15px #FFF, 0 0 16px #FFF, 0 0 17px #FFF, 0 0 18px #FFF, 0 0 19px #FFF, 0 0 20px #FFF, 0 0 21px #FFF, 0 0 22px #FFF, 0 0 23px #FFF, 0 0 24px #FFF, 0 0 25px #FFF, 0 0 26px #FFF, 0 0 27px #FFF, 0 0 28px #FFF, 0 0 29px #FFF, 0 0 30px #FFF;}
table.usr_tariff {float:right; width:40%; border:1px solid;}
table.usr_tariff th {font-size:0.8rem; vertical-align:middle; border:1px solid;}
table.usr_tariff td {font-size:0.7rem; text-align:center; vertical-align:middle; border:1px solid; background:#FFF;}
table.usr_tariff td div {cursor:pointer;}

table.tariff {align:center; width:65%; border:1px solid;}
table.tariff th {font-size:0.9rem; vertical-align:middle; border:1px solid;}
table.tariff td {font-size:0.8rem; text-align:center; vertical-align:middle; border:1px solid; background:#FFF;}

.issue_info {position:absolute; display:none; top:0; right:0; width:auto; max-width:500px; overflow:hidden; background:#FFF; box-shadow:0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 8px #FFF, 0 0 9px #FFF, 0 0 10px #FFF, 0 0 11px #FFF, 0 0 12px #FFF, 0 0 13px #FFF, 0 0 14px #FFF, 0 0 15px #FFF, 0 0 16px #FFF, 0 0 17px #FFF, 0 0 18px #FFF, 0 0 19px #FFF, 0 0 20px #FFF;}
.issue_info img {margin:10 10 0 0px;}
.issue_sla {position:absolute; display:block; bottom:2px; left:2px; font-family:Verdana; padding:5px; background:#F1C40F; display:-webkit-flex; display:flex; flex-direction:row; justify-content:center; align-items:center; border-radius:5px; z-index:2;}
.issue_sla_attn {position:absolute; display:block; height:100%; width:100%; top:0px; left:0px; line-height:0.98; font-size:10rem; text-align:center; font-family:Verdana; color:red; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:5px; pointer-events:none; z-index:2; opacity:0.2;}
.issue_num {position:absolute; height:2.5rem; aspect-ratio:1/1; bottom:2px; right:2px; font-family:Verdana; background:#F1C40F; display:-webkit-flex; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:50%; z-index:2;}
.issue_cat {position:relative; display:inline-block; width:1rem; aspect-ratio:1/1; vertical-align:bottom; border:1px solid blue; text-align:center; background:blue;}
.issue_cat div {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:white; font-weight:bold;}

.issue.small {width:250px; height:250px; margin:0 10 10 0px; font-size:small; overflow:auto;}
.issue.small form {margin:10 0 10 0px; text-align:center;}
.issue.small div {margin-bottom:3px; padding:3px;}

.flex-container {display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; padding:5px; position:fixed; left:0px; right:0px;}
.flex-container_pnt {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:5px;}
.flex-container_breadcrumbs {display:-webkit-flex; display:flex; justify-content:space-between; align-items:center;}

/************************************************************************************************/

.top {position:fixed; top:0px; left:0px; right:0px; transition:all 0.5s;}
.left {position:fixed; visibility:hidden; top:80px; bottom:0px; left:0px; width:206px; background-color:#FFFFFF; overflow-y:auto; transition:all 0.5s; opacity:0; z-index:2;}
.left::-webkit-scrollbar {width:0; height:0;}
.left_active {visibility:visible; opacity:1;}
.left ul {list-style:none; padding-left:0px; font-size:1rem; color:#000000;}
.left ul li {position:relative; width:185px; height:40px; padding:5 5 10 5px; margin:0px; cursor:pointer; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0; border-bottom:1px solid; border-right:1px solid; transition:all 0.5s; transform:translate3d(-100%, 0, 0);}
.left_active ul li {transform:translate3d(0, 0, 0) rotate(0);}
.left ul li:hover {width:185px; padding-right:15px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.left ul li a {font-weight:normal; text-decoration:none;}
.left ul li ul {position:absolute; left:204px; top:-10px; display:none; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0;}
.left ul li:hover ul {display:block;}
.left ul li ul li {width:195px; padding:5 5 5 5px; height:40px;}
.left ul li ul li:hover {width:205px; padding-right:15px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.left ul li:hover ul li ul {display:none;}
.left ul li ul li:hover ul {display:block;}
.left ul li ul li ul li:hover {border-left:1px solid; border-right:0px;}
/* .left_menu {position:absolute; width:195px; top:80px; left:0px; padding:10 5 10 2px; background-color:#FFFFFF; overflow-x:hidden; overflow-y:auto;} */
.left_menu {position:fixed; top:80px; bottom:0px; left:0px; right:calc(100% - 195px);  padding:10 5 10 2px; background-color:#FFFFFF; overflow-x:hidden; overflow-y:auto; transition:all 0.5s;}
.left_menu a {display:block; color:#000000; font-weight:normal; font-size:0.8rem; margin-bottom:5px;}
.left_menu a:hover {text-decoration:none; background:#FFFFFF;}
.left_menu img {width:1.5rem; aspect-ratio:1/1; padding:0 5 0 0px; vertical-align:middle;}
.left_menu div {font-weight:normal; font-size:0.8rem; margin-bottom:5px; cursor:pointer;}
.left_menu div img {width:1.5rem; aspect-ratio:1/1; padding:0 5 0 0px; vertical-align:middle;}
.left_menu .copy {color:#808181; font-size:0.6rem; padding:5 5 0 5px; border-top:1px dotted; background-color:whitesmoke;}
.left_menu fieldset {padding:0 5 0 5px; margin-bottom:10px; border-radius:10px;}
.left_menu legend {font-size:0.7rem; font-weight:normal; letter-spacing:0.1rem; text-transform:uppercase;}
.center {position:fixed; top:95px; bottom:0px; left:205px; right:0px; padding:0 5 0 0px; overflow-y:auto; transition:all 0.5s; scroll-behavior:smooth;}
.bottom {line-height:1; background-color:whitesmoke;}
.bottom a {font-weight:100; color:#000000;}
.bottom img {float:left; shape-outside:url(/pics/children.gif); shape-margin:1rem; shape-image-threshold:0.5;}
.bottom blockquote {min-width:43%; max-width:43%; float:left; font-weight:bold; cursor:pointer;}
.bottom blockquote p {font-size:4rem; text-align:center;}
.bottom blockquote::before {border-color:whitesmoke;}
.center_opt {position:fixed; left:0px; right:0px; top:110px; bottom:0px; padding:0 5 40 5px; line-height:1; overflow-y:auto; transition:all 0.5s; scroll-behavior:smooth;}
.addition {position:absolute; top:100%; padding-bottom:15px;}
.avoska_block {position:absolute; top:3px; right:3px;}
.logo {width:140px; height:57px; cursor:pointer;}
.cart {width:70px; height:70px; cursor:pointer; text-align:center;}
.cart img {width:50px; height:50px;}
.cart_txt {position:absolute; width:100%; font-size:0.6rem; font-weight:bold; text-align:center; text-transform:lowercase; user-select:none;}
.avoska_sum {position:absolute; padding-top:0px; font-size:1.5rem; font-weight:bold; top:-5px; text-shadow:0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 8px #FFF, 0 0 9px #FFF, 0 0 10px #FFF, 0 0 11px #FFF, 0 0 12px #FFF, 0 0 13px #FFF, 0 0 14px #FFF, 0 0 15px #FFF, 0 0 16px #FFF, 0 0 17px #FFF, 0 0 18px #FFF, 0 0 19px #FFF, 0 0 20px #FFF, 0 0 21px #FFF, 0 0 22px #FFF, 0 0 23px #FFF, 0 0 24px #FFF, 0 0 25px #FFF, 0 0 26px #FFF, 0 0 27px #FFF, 0 0 28px #FFF, 0 0 29px #FFF, 0 0 30px #FFF;}
.preview_small {width:75px;}
.site_name_1 {color:#FF00CC; font-weight:900; font-size:2.2rem;}
.site_name_2 {color:#006633; font-weight:900; font-size:1.5rem;}
.site_name_3 {color:#006633; font-weight:bold; font-stretch:expanded;}
.site_name_4 {margin-top:12px; color:#E11157; font-weight:bold;}
.name_user {position:absolute; top:2px; left:2px; font-size:xx-small; font-weight:bold;}
.mail {display:none; padding:5px; text-align:center; font-weight:bold; text-transform:uppercase; background-image:url(/pics/red_blink.gif);}
.top_avoska {position:fixed; top:0px; left:0px; right:0px; transition:all 0.5s;}
.top_avoska h2 {color:#E11157; font-family:'Segoe Script','Segoe Print',Georgia; font-style:italic; font-size:1.8rem; letter-spacing:0rem; padding:5px; margin:5 0 5 0px; user-select:none;}
.center_avoska {position:fixed; top:110px; bottom:0px; left:0px; right:0px; padding:0 5 0 5px; overflow-y:auto; transition:all 0.5s; scroll-behavior:smooth;}
.payment {position:fixed; left:5px; bottom:0px; width:165px;}
.mobile_desktop {display:inline; position:relative;}

/************************************************************************************************/

@media screen and (max-width:1000px) {
  ::-webkit-scrollbar {width:5px;}
  h1 {font-size:1.4rem; letter-spacing:0rem; padding-left:3rem; margin:0 0 10 0px;}
  h2 {font-size:1.3rem; letter-spacing:0rem; padding-left:3rem;}
  h3 {font-size:1.2rem;}
  h4 {font-size:1.1rem;}
  th {font-size:1rem;}
  blockquote {margin:5 5px 30px 5px; padding:5 10 5 10px; font-size:0.8rem; max-width:50%;}
  blockquote cite {position:absolute; bottom:-33px; left:75px; font-size:1rem; font-weight:bold; color:#337AB7;}
  blockquote.wide {min-width:90%;}
  .left {visibility:hidden; top:51px; width:185px; line-height:1; opacity:0;}
  .left_active {visibility:visible; opacity:1;}
  .left ul {font-size:1rem;}
  .left ul li {width:163px; height:30px; padding:7 5 10 5px;}
  .left ul li:hover {width:163px; padding-right:15px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
  .left ul li ul {left:80px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; box-shadow:0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 8px #FFF, 0 0 9px #FFF, 0 0 10px #FFF, 0 0 11px #FFF, 0 0 12px #FFF, 0 0 13px #FFF, 0 0 14px #FFF, 0 0 15px #FFF, 0 0 16px #FFF, 0 0 17px #FFF, 0 0 18px #FFF, 0 0 19px #FFF, 0 0 20px #FFF, 0 0 21px #FFF, 0 0 22px #FFF, 0 0 23px #FFF, 0 0 24px #FFF, 0 0 25px #FFF, 0 0 26px #FFF, 0 0 27px #FFF, 0 0 28px #FFF, 0 0 29px #FFF, 0 0 30px #FFF;}
  .left_menu {visibility:hidden; top:55px; line-height:1; padding:5 5 5 5px; opacity:0;}
  .left_menu_active {visibility:visible; opacity:1;}
  .popup {padding:10px;}
  .looklike {top:50px; font-size:1rem; display:none;}
  .center {top:55px; bottom:0px; left:0px; right:0px; padding:0 5 0 5px;}
  .bottom img {width:50%;}
  .bottom blockquote {min-width:40%; max-width:40%;}
  .bottom blockquote p {font-size:1rem; text-align:center;}
  .photo_block {width:100%; height:110vw; margin:0;}
  .photo_block img {width:calc(100% - 5px);}
  .tovar {width:100%; padding:5px;}
  .help_window {display:none; top:10px; left:0px; right:20px; width:auto;}
  .help2_window {display:none; top:10px; left:20px; right:0px; width:auto;}
  .show_photo {display:none; top:90px; bottom:10px; left:10px; right:10px;}
  .show_photo2 {display:none; top:90px; bottom:10px; left:10px; right:10px;}
  .logo {width:90px; height:37px;}
  .select_city {max-width:100%;}
  .cart {width:40px; height:40px;}
  .cart img {width:30px; height:30px; margin:0 5 5 5px;}
  .menu {top:50px; bottom:0px; left:35%; right:2px;}
  .menu_good {top:53px; bottom:0px; left:183px; right:0px;}
  .menu_good_block {-webkit-columns:1; -moz-columns:1; columns:1; line-height:1.5;}
  .menu_good_block a {font-weight:normal;}
  .good_before::before {content:'\22B3\00A0';}
  .menu2 {top:18%;}
  .menu_pic {font-size:2rem;}
  .first_page_inner {width:135px; font-size:1rem; line-height:1.5;}
  .avoska_sum {font-size:0.8rem;}
  .avoska {min-width:90%;}
  .preview {width:75px; height:75px;}
  .preview_row {height:93px;}
  .preview_avoska {width:50px;}
  a.sug_block {width:130px; height:130px; font-size:0.8rem;}
  table.tariff {width:100%;}
  .sticky_table img {width:75px; min-width:75px; max-width:75px; aspect-ratio:1/1;}
  .sticky_table h4 {font-size:0.9rem;}
  .sticky_table th {font-size:0.9rem;}
  .sticky_table td {font-size:0.7rem;}
  .sug_block img {width:50px; aspect-ratio:1/1;}
  .name_user {right:2px; text-align:right;}
  .chat {width:100%;}
  .chat blockquote {width:75%; max-width:75%;}
  .btn {width:60px;}
  .btn_no_float {width:50px;}
  .buy_btn {width:120px; height:35px; font-size:65%; font-weight:bold; margin-top:3px; padding:0.1em;}
  .buy_btn::first-line {font-size:170%; font-weight:bold;}
  .price {font-size:2rem;}
  .vprice {font-size:0.7rem; padding-left:2px; border-left:1px solid; border-bottom:1px solid;}
  .fav_big_button {width:45px;}
  .comments {padding-left:5px;}
  .delivery_pic {width:50px;}
  .flag {width:102px;}
  .mail {top:50px;}
  .avoska_pic img {height:35px;}
/*  .cart_txt {bottom:-3px; font-weight:normal;} */
  .cart_txt {top:32px; font-weight:normal;}
  .top_avoska {line-height:1;}
  .center_avoska {top:85px;}
  .avoska_opt {font-size:0.8rem;}
  .pay {position:absolute; width:300px; right:0px;}
  .site_name_1 {font-size:1.5rem;}
  .site_name_2 {font-size:1rem;}
  .text_1_1 {font-size:8vw;}
  .text_1_2 {font-size:3.5vw;}
  .text_1_3 {font-size:3.5vw;}
  .visit_date_1 {float:none;}
  .visit_date_2 {padding:0 0 0 30px;}
  .columns {-webkit-columns:1; -moz-columns:1; columns:1;}
  .only_mobile {display:inline; position:relative;}
  .only_desktop {display:none;}
  .fp_banner .text_2 {font-size:3.2vw;}
  figure.effect table {margin-top:5px;}
  figure.effect .price {font-size:1.1rem;}
  figure.effect .vprice {font-size:0.7rem;}
  figure.effect .btn {width:45px; aspect-ratio:1/1; padding:0; cursor:pointer;}
  figure.effect .fav_btn {width:20px; aspect-ratio:1/1; padding:0; cursor:pointer;}
}

@media screen and (min-width:1001px) {
  .only_mobile {display:none;}
  .only_desktop {display:inline; position:relative;}
  .photo iframe {height:600px;}
  .menu_block img {width:20px; height:20px;}
  .menu_header {break-after:column;}
}

/************************************************************************************************/

.rf-map, .rf-map * {box-sizing:border-box;}
.rf-map {position:relative; max-width:100%; margin:auto; padding:0px;}
.rf-map .district {display:none; position:absolute; z-index:5; transition:all 0.5s;}
.rf-map svg {width:100%; height:100%; filter:drop-shadow(0 5px 12px rgba(0, 0, 0, 0.5));}
.rf-map path {stroke:#FFFFFF; stroke-width:1; stroke-linejoin:round; stroke-dasharray:2000; stroke-dashoffset:2000; animation:dash 15s linear; animation-fill-mode:forwards;}
.rf-map [data-code] {fill:#337AB7; transition:fill 0.2s; cursor:pointer;}
.rf-map [data-code]:hover {fill:#E3954B;}
.rf-map [data-code="RU-MOW"] {fill:#FF0000;}
.rf-map .small_table {position:absolute; width:300px; max-height:270px; padding:10 10 10 10px; background-color:#FFFFFF; border:1px solid; border-radius:10px; overflow-y:auto;}
.rf-map .small_table td {font-size:0.8rem;}
@keyframes dash {
  from {stroke-dashoffset:2000;}
  to {stroke-dashoffset:0;}
}

@media screen and (max-width:1000px) {
  .rf-map .small_table {max-height:200px;}
}

/************************************************************************************************/

ul.orders_hst {display:flex; flex-wrap:wrap; justify-content:center; list-style:none; padding-left:0; font-family:sans-serif; user-select:none;}
ul.orders_hst li {position:relative; width:25em; height:25em; padding:0.5em; margin:1rem; background:#F5F8F7; border-radius:2em; box-shadow:0 0 0 1px #AAA inset, 0 1px 1px #AAA; z-index:1; transition:all 0.5s; cursor:pointer;}
ul.orders_hst li:hover {box-shadow:0 0 0 1px #DDD inset, 0 1px 1px #FFF;}
ul.orders_hst li .number_wrap {position:absolute;}
ul.orders_hst li .number {font-family:sans-serif; font-size:9.5em; font-weight:900; width:0.9em; text-align:center;}
ul.orders_hst li .number.font_color_gold {color:var(--gold);}
ul.orders_hst li .number.font_color_red {color:var(--red);}
ul.orders_hst li .number.font_color_blue {color:var(--blue);}
ul.orders_hst li .number.font_color_green {color:var(--green);}
ul.orders_hst li .number.font_color_purple {color:var(--purple);}
ul.orders_hst li .number.font_color_orange {color:var(--orange);}
ul.orders_hst li .cover_wrap {position:absolute; transform:rotate(130deg); width:18em; height:15em; left:-3em; top:-1em;}
ul.orders_hst li .cover_wrap .number_cover {position:absolute; width:18em; height:6em; background:#F5F8F7; border-radius:50% 50% 0 0; border-bottom:3px solid #F5F8F7; transition:all 0.5s;}
ul.orders_hst li .cover_wrap .number_cover::before {position:absolute; bottom:5px; left:4em; right:4em; top:5em; content:""; box-shadow:0 0 30px 17px #48668577; border-radius:100px/10px; z-index:-1;}
ul.orders_hst li .cover_wrap .number_cover::after {position:absolute; bottom:0; left:-10%; width:120%; height:150%; content:""; background:radial-gradient(at bottom, #48668533, transparent, transparent); z-index:1;}
ul.orders_hst li .content {position:relative; margin:5em 1em 1em 7em; transition:all 0.5s;}
ul.orders_hst li:hover .content {transform:translateX(1px) translateY(1px);}
ul.orders_hst li .content > div {margin-bottom:10px; font-size:1.7em; font-weight:500; text-align:center; text-transform:uppercase;}
ul.orders_hst li .content p {line-height:1.5em;}
ul.orders_hst li:hover .cover_wrap .number_cover {border-radius:100%;}
ul.orders_hst img {position:absolute; top:-1.7em; left:50%; font-size:2rem; text-align:center; transform:translateX(-50%); width:3rem; aspect-ratio:1/1;}

@media screen and (max-width:1000px) {
  ul.orders_hst ul {max-width:100%;}
  ul.orders_hst li {margin:0.5rem;}
  ul.orders_hst li .cover_wrap {left:-4em;}
  ul.orders_hst li .content {margin:5em 0.1em 1em 7em;}
  ul.orders_hst li .content > div {font-size:1.5em;}
}

/************************************************************************************************/

.block-figure * {box-sizing:border-box;}    
.block-figure {float:left; margin:10px auto; padding:0; position:relative; max-width:50%; width:100%; overflow:hidden;}
.block-figure .figure-txt {border:6px solid #BFE2FF;}
.block-figure .image-wrap {border:6px solid #BFE2FF; border-radius:100%; width:200px; height:200px; position:absolute; top:30px; background:#FFF; z-index:1; right:0;}
.block-figure .image-lay {width:100px; height:200px; position:absolute; top:-6px; background:#FFF; z-index:2; right:-6px;}
.block-figure .image {transform-style:preserve-3d; perspective:1000px; border-radius:50%; position:absolute; z-index:3; height:176px; width:176px; top:6px; right:6px;}
.block-figure .front, .block-figure .back {background-size:cover; background-position:center; transition:transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); backface-visibility:hidden; text-align:center; border-radius:50%; color:#FFF; height:176px; width:176px; border:6px solid #BFE2FF; position:absolute;}
.block-figure .inner {transform:translateY(-50%) translateZ(60px); top:50%; position:absolute; margin:auto; z-index:4; width:100%;}
.block-figure .image .back {transform:rotateY(180deg); transform-style:preserve-3d;}
.block-figure:hover .back {transform:rotateY(0deg); transform-style:preserve-3d;}
.block-figure:hover .front {transform:rotateY(-180deg); transform-style:preserve-3d;}
.block-figure .inner a {font-weight:bold; text-transform:uppercase; text-decoration:none; color:#337AB7; text-align:center; margin:auto; display:block; font-size:1rem; line-height:130px; height:142px; width:142px; border:6px solid #BFE2FF; border-radius:50%; transition:all .6s ease-in-out; overflow:hidden;}
.block-figure .inner a::before {content:''; position:absolute; top:-12px; margin:auto; display:block; border-radius:50%; width:166px; height:166px; left:-1px; transition:box-shadow .6s ease-in-out; z-index:-1;}
.block-figure .inner a:hover {color:#FFF;}
.block-figure .inner a:hover::before {box-shadow:inset 0 0 0 166px #337AB7;}
.block-figure .figure-txt {position:relative; z-index:1; padding:10px 20px; margin-right:100px; min-height:260px;}
.block-figure .figure-txt h3 {text-transform:uppercase; color:#337AB7; font-weight:bold; font-size:1.5rem; margin:6px 100px 12px 0;}
.block-figure .figure-txt p {font-size:1rem; margin:10px 100px 10px 0;}

@media screen and (max-width:1000px) {
  .block-figure {line-height:1; max-width:100%;}
  .block-figure .image-wrap {width:150px; height:150px;}
  .block-figure .image-lay {height:150px;}
  .block-figure .image {height:126px; width:126px;}
  .block-figure .front, .block-figure .back {height:126px; width:126px;}
  .block-figure .inner a {line-height:80px; height:92px; width:92px;}
  .block-figure .inner a::before {width:116px; height:116px;}
  .block-figure .figure-txt p {font-size:1rem; margin:10px 50px 10px 0;}
}

/************************************************************************************************/

.acor-container {margin:20px 0;}
.acor-container .acor-body {width:calc(100% - 40px); margin:0 auto; height:0; color:rgba(0, 0, 0, 0); background-color:#FFFFFF; line-height:1.5; padding:0 30px; box-sizing:border-box; transition:color 0.5s, padding 0.5s; overflow:hidden; box-shadow:0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);}
.acor-container .acor-body p {margin:0 0 10px;}
.acor-container td {vertical-align:top;}
.acor-container label {cursor:pointer; background-color:#337AB7; display:block; padding:15px 20px; width:100%; color:#BFE2FF; box-sizing:border-box; z-index:100; font-size:1.5rem; margin:0 0 5px; transition:color .5s;}
.acor-container label:hover {color:#FFF;}
.acor-container input {display:none;}
.acor-container label:before {content:'\276F'; float:right;}
.acor-container input:checked + label {background-color:#285F8F; color:#FFF; box-shadow:0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);}
.acor-container input:checked + label:before {transition:transform .5s; transform:rotate(90deg);}
.acor-container input:checked + label + .acor-body {height:auto; margin-top:-5px; color:#000; padding:20px 30px 10px;}

/************************************************************************************************/

.sticky-list dt {position:sticky; top:10px; left:10px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:1.5rem; border-radius:20px; color:#FFF; grid-column:1; background:#337AB7; margin-top:12px; border:4px solid #BFE2FF;}
.sticky-list dd {grid-column:2; line-height:22px; margin-left:65px; position:relative; top:-10px;}
.sticky-list dd:last-child {padding-bottom:10px;}
.sticky-list dt + dd {margin-top:30px;}

/************************************************************************************************/

.placeholder-form {box-sizing:border-box; width:100%; margin:0px auto;}
.placeholder-container {position:relative; float:left; margin:0 10 10 0px; padding-bottom:10px;}
.placeholder-container input {height:50px; border:2px solid #BFE2FF; box-sizing:border-box; color:#000; font-size:16px; line-height:16px; background-color:#FFF; outline:0; padding:0 20px;}
.placeholder-container label {position:absolute; top:12px; left:10px; padding:5px 10px; color:#C0C0C0; font-family:Verdana, sans-serif; background-color:#FFF; font-size:16px; line-height:16px; pointer-events:none; background-color:#FFF; transition:all 0.5s;}
.placeholder-container input:focus + label,
.placeholder-container input:not(:placeholder-shown) + label {top:-10px; left:10px; padding:2px 10px; font-size:11px; color:#000; background-color:#BFE2FF;}
.placeholder-container div {position:absolute; top:0px; left:0px; font-size:3rem; color:red;}

/************************************************************************************************/

.card-grid *,
.card-grid *:after {
    box-sizing: border-box;
}
.card-grid {
    box-sizing: border-box;
    display: grid;
    grid-gap: 20px;
    margin: 20px auto;
    grid-template-columns: repeat(auto-fill, minmax(200px, 300px));
    padding: 0;
/*    max-width: 1000px;*/
    max-width: 100%;
    justify-content: center;
}
.card {
    background-color: #fff;
    border-radius: 15px;
    position: relative;
}
.card span {
    display: block;
}
.card-radio {
    font-size: inherit;
    margin: 0;
    position: absolute;
    right: 16px;
    top: 16px;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .card-radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        border: 3px solid #BFE2FF;
        border-radius: 50%;
        cursor: pointer;
        height: 28px;
        width: 28px;    
        outline: none;
        transition: background 0.2s ease-out, border-color 0.2s ease-out;
    }
    .card-radio::after {
        border: 3px solid #fff;
        border-top: 0;
        border-left: 0;
        content: '';
        display: block;
        height: 16px;
        left: 26%;
        position: absolute;
        top: 50%;
        transform: rotate(45deg) translate(-50%, -50%);
        width: 8px;
    }
    .card-radio:checked {
        background: green;
        border-color: green;
    }
    
    .card:hover .card-radio {
        border-color: #337AB7;
    }
    .card:hover .card-radio:checked {
        border-color: green;
    }
}
.plan-details {
    border: 3px solid #BFE2FF;
    border-radius: 15px;
    cursor: pointer;
    padding: 14px 16px;
    height: 100%;
    transition: border-color 0.2s ease-out, box-shadow 0.3s ease-out;
}
.card:hover .plan-details {
    border-color: #337AB7;
    box-shadow: 0 4px 14px rgba(0,0,0,0.2); 
}
.card-radio:checked ~ .plan-details {
    border-color: green;
}
.plan-type {
    color: #337AB7;
    font-size: 24px;
    text-transform: uppercase;
    padding-right: 52px;
    line-height: 24px;
    font-weight: bold;
}
.plan-image {
    overflow: hidden;
    position: relative;
    left: -16px;
    margin: 14px 0;
    width: calc(100% + 32px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}
.plan-image img {
    width: 100%;
    transition: transform 0.5s ease-out;
}
.card:hover .plan-details .plan-image img,
.card-radio:checked + .plan-details .plan-image img {
    transform: scale(1.2);
}
.plan-details ul {
    padding:0;
    list-style: none;    
    /*margin-bottom: 30px;*/
}
.plan-details ul li { 
    position: relative;
    left: 16px;
    padding: 4px;    
    line-height:20px;
}
.plan-details ul li:before {
    font-size:15px;
    font-weight: bold;
    color: #337AB7;
    content: "\2714";
    position: absolute;
    left:-16px;
    top: 4px;
}
.plan-cost {
    position: absolute;
    bottom: 12px;
    right: 20px;
}
.plan-cost span {
    display: inline-block;
}
.plan-cost span span {
    font-size: 85%;
}
.plan-cost .oldprice {
    position: relative;
    font-size: 18px;
    padding:0 6px;
}
.plan-cost .oldprice:before {
    content: "";
    width: 100%;
    height: 0.12em;
    background: #db7d76;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(-1deg);
}
.plan-cost .newprice {
    font-size: 28px;
    color: #337AB7;
    padding-left: 6px;
}

/************************************************************************************************/

.flags *, .flags *::before, .flags *::after {margin:0; padding:0; box-sizing:border-box;}
.flags {--color:rgba(30,30,30); display:grid; align-content:center; gap:2rem; font-family:'Comic Sans MS',Georgia,'Trebuchet MS',Verdana,Tahoma; color:var(--color); background-color:whitesmoke; margin-top:25px; padding:40 0 40 0px; box-shadow:0 0 15px 15px whitesmoke;}
.flags ul {--col-gap:2rem; --barH:1rem; --roleH:2rem; --flapH:2rem; display:flex; flex-wrap:wrap; align-items:flex-start; list-style:none; width:100%; margin-inline:auto; gap:var(--col-gap); padding-inline:0; justify-content:center;}
.flags ul li {display:grid; grid-template:'role' 'icon' 'title' 'descr'; align-items:flex-start; gap:1rem; padding-block-end:1rem; width:10em; background:var(--accent-color); background-image:linear-gradient(rgba(0, 0, 0, 0.6) var(--roleH), rgba(0, 0, 0, 0.4) calc(var(--roleH) + 0.5rem), rgba(0, 0, 0, 0) calc(var(--roleH) + 0.5rem + 5rem)); clip-path:polygon(calc(var(--col-gap) / -2 - 5px) 0, calc(100% + var(--col-gap) / 2 + 5px) 0, calc(100% + var(--col-gap) / 2 + 5px ) calc(100% - var(--flapH)), 50% 100%, calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH))); text-align:center; user-select:none; cursor:pointer;}
.flags ul li::before {content:''; grid-area:role; height:var(--barH); width:calc(100% + var(--col-gap)); margin-left:calc(var(--col-gap) / -2); margin-top:calc(var(--roleH) / 2 - var(--barH) / 2); background:grey; background-image:linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4)); z-index:-1;}
.flags ul li::after {content:''; grid-area:role; height:var(--roleH); background:var(--accent-color); background-image:linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4));}
.flags ul li .title, .flags ul li .descr {padding-inline:1rem; color:white; text-shadow:0 0 0.5rem rgba(0, 0, 0, 0.5);}
.flags ul li .descr {padding-bottom:1rem;}
.flags ul li img {width:100%; padding-bottom:10px;}
.flags ul li .title {font-size:1.25rem; font-weight:700;}
.flags ul li .descr {font-size:0.9rem;}

@media screen and (max-width:1000px) {
  .flags ul li {width:5em;}
  .flags ul li .title, .flags ul li .descr {padding-inline:0.2rem;}
  .flags ul li img {width:80%;}
  .flags ul li .title {font-size:0.8rem;}
  .flags ul li .descr {font-size:0.5rem;}
}

/************************************************************************************************/

.txt-slider {position:relative; height:22vmin;}
.txt-slider dl {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin:0;}
.txt-slider dl * {position:absolute; left:0; right:0; margin:auto;}
.txt-slider dt {--size:10vmin; bottom:50%; height:var(--size); font-size:calc(var(--size) - 4vmin); opacity:0; transform:translateY(100%); animation:dt 30s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.txt-slider dt:after {content:""; position:absolute; top:1vmin; left:0; width:100%; height:100%; z-index:-1; transform-origin:50% 100%; animation:dt-pseudo 30s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
.txt-slider dt:nth-child(1), dt:nth-child(1):after {animation-delay:0s;}
.txt-slider dt:nth-child(1):after {background-color:#00A8E8;}
.txt-slider dt:nth-child(3), dt:nth-child(3):after {animation-delay:3s;}
.txt-slider dt:nth-child(3):after {background-color:#F2BB05;}
.txt-slider dt:nth-child(5), dt:nth-child(5):after {animation-delay:6s;}
.txt-slider dt:nth-child(5):after {background-color:#84A07C;}
.txt-slider dt:nth-child(7), dt:nth-child(7):after {animation-delay:9s;}
.txt-slider dt:nth-child(7):after {background-color:#E05263;}
.txt-slider dt:nth-child(9), dt:nth-child(9):after {animation-delay:12s;}
.txt-slider dt:nth-child(9):after {background-color:#465362;}
.txt-slider dt:nth-child(11), dt:nth-child(11):after {animation-delay:15s;}
.txt-slider dt:nth-child(11):after {background-color:#593C8F;}
.txt-slider dt:nth-child(13), dt:nth-child(13):after {animation-delay:18s;}
.txt-slider dt:nth-child(13):after {background-color:#9E0059;}
.txt-slider dt:nth-child(15), dt:nth-child(15):after {animation-delay:21s;}
.txt-slider dt:nth-child(15):after {background-color:#357266;}
.txt-slider dt:nth-child(17), dt:nth-child(17):after {animation-delay:24s;}
.txt-slider dt:nth-child(17):after {background-color:#11B5E4;}
.txt-slider dt:nth-child(19), dt:nth-child(19):after {animation-delay:27s;}
.txt-slider dt:nth-child(19):after {background-color:#59FFA0;}
.txt-slider dd {--size:5vmin; top:45%; padding-left:2rem; padding-right:2rem; margin-top:1.5rem; font-size:calc(var(--size) - 1vmin); line-height:1.2; opacity:0; transform:translateY(80%); animation:dd 30s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
.txt-slider dd:nth-child(2) {animation-delay:0s;}
.txt-slider dd:nth-child(4) {animation-delay:3s;}
.txt-slider dd:nth-child(6) {animation-delay:6s;}
.txt-slider dd:nth-child(8) {animation-delay:9s;}
.txt-slider dd:nth-child(10) {animation-delay:12s;}
.txt-slider dd:nth-child(12) {animation-delay:15s;}
.txt-slider dd:nth-child(14) {animation-delay:18s;}
.txt-slider dd:nth-child(16) {animation-delay:21s;}
.txt-slider dd:nth-child(18) {animation-delay:24s;}
.txt-slider dd:nth-child(20) {animation-delay:27s;}
.txt-slider dd:nth-child(22) {animation-delay:30s;}
@keyframes dt {2.5% {transform:translateY(0); opacity:1;} 5% {transform:translateY(0); opacity:1;} 7.5% {transform:translateY(2%); opacity:0;}}
@keyframes dt-pseudo {2.5% {transform:scale(1, 0.1);} 5% {transform:scale(1, 0.1);} 7.5% {transform:scale(0, 0.1);}}
@keyframes dd {5% {transform:translateY(0); opacity:1;} 10% {transform:translateY(2%); opacity:0;}}

/************************************************************************************************/

.breadcrumbs {margin:0 0 15 0px; padding:5px; min-height:27px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:2px solid #CBD2D9; background-color:whitesmoke;}
.breadcrumbs img {vertical-align:middle; width:1.5rem; min-width:1.5rem;}
.breadcrumbs nav {display:inline-block; padding:10 10 0 10px;}
.breadcrumbs td {
  position:relative;
  padding:0 10 0 10px;
  border-right:2px solid #CBD2D9;
  text-transform:uppercase;
  text-align:center; 
  letter-spacing:0.2px;
  font-weight:normal;
  color:#777777;
  cursor:pointer;
  transition:all .5s;
}
.breadcrumbs td:last-child {
  border-right:0;
  font-style:italic;
  cursor:default;
}
.breadcrumbs td:not(:last-child):hover {
  color:#337AB7;
}
.breadcrumbs td:not(:last-child)::after {
  content:'';
  position:absolute;
  left:10px;
  right:10px;
  width:0;
  height:3px;
  bottom:-3px;
  background-color:#337AB7;
  transition:all .5s;
}
.breadcrumbs td:not(:last-child):hover::after {
  width:calc(100% - 20px);
}
.breadcrumbs td > a {background:#FFFFFF;}
.breadcrumbs td div {
  position:absolute;
  visibility:hidden;
  right:0px;
  width:270px;
  max-height:70vh;
  overflow-y:auto;
  border:groove 2px #CEDBCD;
  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666;
  margin-top:10px;
  background-color:var(--title_color);
  z-index:5000;
  opacity:0;
  transform:translateY(10px);
  transition:all .5s;
}
.breadcrumbs td:hover div {
  visibility:visible;
  opacity:1;
  transform:translateY(0);
}
.breadcrumbs td div a {
  display:block;
  padding:10px;
  text-align:left;
  text-transform:none;
  overflow-x:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#777777;
}
.breadcrumbs td div a:hover {
  color:#337AB7;
  background:whitesmoke;
  box-shadow:0 0 5px 2px whitesmoke;
}

@media screen and (max-width:1000px) {
/*  .breadcrumbs {margin:5 0 10 0px;}*/
  .breadcrumbs {margin:0;}
  .breadcrumbs img {width:1.5rem; min-width:1.5rem;}
  .breadcrumbs table {max-width:100vw;}
  .breadcrumbs td {
    padding:0 2 0 2px;
/*    vertical-align:bottom;*/
    font-size:.6rem;
  }
  .breadcrumbs td:nth-child(1) {width:2rem;}
  .breadcrumbs td:nth-child(2) {width:2rem;}
  .breadcrumbs td:not(:last-child)::after {
    left:2px;
    right:2px;
  }
  .breadcrumbs td:not(:last-child):hover::after {
    width:calc(100% - 4px);
  }
  .breadcrumbs td div {
    width:200px;
    margin-top:15px;
    font-size:.8rem;
  }
  .breadcrumbs td:last-child {
    display:none;
  }
  .breadcrumbs td:nth-last-child(-n+2) {
    border-right:0;
  }
}

/************************************************************************************************/

.accordion_pics {display:flex; justify-content:center; align-items:center; margin:0 3vmin 10px 3vmin; overflow:hidden; transform:skew(5deg);
  .card {position:relative; flex:1; height:400px; transition:all 1s;
    .note {position:absolute; bottom:-30px; left:0; color:#FFFFFF; background:rgba(255, 30, 173, 0.75); padding:0.5em; transform:rotate(-90deg); transform-origin:0% 0%; font-family:Verdana,Georgia; font-size:1em; letter-spacing:0.1rem; text-align:center; font-weight:bold; white-space:nowrap; transition:all 0.5s;}
      &:hover {flex-grow:10; img {filter:grayscale(0);}
      .note {top:calc(100% - 2em); bottom:0; left:1em; text-align:center; color:#FFFFFF; font-size:2em; transform:rotate(0deg) skew(-5deg);}
    }
    img {width:100%; height:100%; object-fit:cover; filter:grayscale(80%); transition:all 1s;}
    &:not(:nth-child(5)) {margin-right:1em;}
  }
}

@media screen and (max-width:1000px) {
  .accordion_pics {display:none;}
}

/************************************************************************************************/

.library {padding-left:10rem; max-width:90%;}
.book {position:relative; width:18.5em; height:23.0991em; margin-top:-4.4em; margin-left:auto; margin-right:auto; transform:perspective(60em) rotateX(58deg) rotateZ(-34deg) skewY(-7deg); box-shadow:-1.4em 1.7em 0.3em -0.3em rgba(0,0,0,0.8), -1.6em 1.8em 0.9em -0.2em rgba(0,0,0,0.5), 0.3em 1.9em 1.3em rgba(0,0,0,0.3); border-top-right-radius:0.4em; float:left; transition:all .5s;}
.book:hover {transform:scale(1.0);}
.book div {position:absolute; width:85%; padding:1rem; font-size:2.3rem; color:#0000CD; text-align:center; line-height:.8; font-weight:bold; font-family:Garamond,Georgia; text-shadow:0 0 1px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 4px #FFF, 0 0 5px #FFF, 0 0 6px #FFF, 0 0 7px #FFF, 0 0 8px #FFF, 0 0 9px #FFF, 0 0 10px #FFF; overflow:hidden; z-index:2;}
/* .book div::first-line {text-transform:uppercase;} */
.book img {display:block; position:absolute; width:100%; border-top-right-radius:0.4em; box-sizing:border-box; clip:rect(0em, 18.5em, 23.1em, 0em); filter:saturate(90%);}
.book:before, .book:after {content:''; position:absolute; top:0;}
.book:before {width:105%; height:105%; left:-5%; background-repeat:no-repeat; background-image:linear-gradient(115deg, transparent 2.8%, #3F3F3F 3%, #3F3F3F 16%, transparent 16%), linear-gradient(125deg, transparent 10%, #3F3F3F 10%, #3F3F3F 17%, #222 46.8%, transparent 47%), linear-gradient(125deg, transparent 46%, rgba(0,0,0,0.5) 46.5%, rgba(0,0,0,0.25) 49%, transparent 53%), linear-gradient(to right, #444, #666), linear-gradient(#444, #444), linear-gradient(140deg, transparent 45%, #EEE 45%, #CCC 96.8%, rgba(170,170,170,0) 97%); background-size:100% 100%, 100% 100%, 100% 100%, 100% 0.4em, 94% 0.2em, 100% 100%; background-position:0 0, 0 0, 0 0, 0 95.8%, 0 100%, 0 0; z-index:-1;}
.book:after {width:100%; height:100%; background-repeat:no-repeat; background-image:linear-gradient(to right, transparent 2%, rgba(0,0,0,0.1) 3%, rgba(0,0,0,0.1) 4%, transparent 5%), linear-gradient(-50deg, rgba(0,0,0,0.1) 20%, transparent 100%), linear-gradient(-50deg, rgba(0,0,0,0.2) 20%, transparent 100%), linear-gradient(to bottom, rgba(0,0,0,0.1) 20%, transparent 100%), linear-gradient(to bottom, rgba(0,0,0,0.1) 20%, transparent 100%); background-size:100% 100%, 2% 20%, 1% 20%, 2% 20%, 1% 20%; background-position:0 0, 2.2% 100%, 3% 100%, 2.2% 0, 3% 0;}

@media screen and (max-width:1000px) {
  .library {padding-left:1rem;}
}

/************************************************************************************************/

.n-success, .n-warning, .n-danger, .n-info {position:relative; margin:25px; padding:12 12 12 37px; color:#333; border-radius:5px; background:#FFF; box-sizing:border-box; font-family:'Trebuchet MS',Verdana,Tahoma,'Lucida Console'; line-height:1;}
.n-success div, .n-warning div, .n-danger div, .n-info div {margin-bottom:15px; font-family:Verdana,sans-serif; font-weight:bold; line-height:1;}
.n-success:before, .n-warning:before, .n-danger:before, .n-info:before {content:""; position:absolute; display:block; background:inherit; color:inherit; border:inherit; text-align:center; width:50px; height:50px; border-radius:50%; line-height:48px; left:-25px; box-sizing:border-box; font-family:Georgia; font-size:22px;}
.n-success {border:2px solid #32A846; color:#32A846;}
.n-success:before {content:"\2714";}
.n-warning {border:2px solid #F08D3C; color:#F08D3C;}
.n-warning:before {content:"!"; font-weight:bold;}
.n-danger {border:2px solid #D9534F; color:#D9534F;}
.n-danger:before {content:"\2718";}
.n-info {border:2px solid #3D98E3; color:#3D98E3;}
.n-info:before {content:"i"; font-style:italic; font-weight:bold;}

/************************************************************************************************/

.separator_svg {position:relative; background-image:linear-gradient(140deg, rgba(24, 117, 222, .6) 10%, rgba(188, 1, 215, .6) 100%); margin:20 0 20 0px;}
.separator_svg svg {position:absolute; width:calc(100% + 2px); height:50px;}
.separator_svg svg path {fill:#FFF;}
.top_svg {top:-1px;}
.bottom_svg {bottom:-1px;}
.bottom_svg_rotatex {transform:rotateX(180deg);}

@media screen and (max-width:1000px) {
  .separator_svg {line-height:1;}
  .separator_svg svg {height:25px;}
}

/************************************************************************************************/

.wide-text {position:relative; padding-bottom:3rem; text-align:center; color:#084177; font-weight:bold;}
.wide-text img {position:absolute; top:0; right:0; width:50%; opacity:0.5;}
.wide-text input {position:relative; font-size:2rem; z-index:2;}
.wide-text input[type="submit"] {width:25rem; height:4rem; padding:10 15 10 15px; margin-top:10px; font-weight:bold; font-size:2rem; z-index:2;}
[wide-text] {--width:calc(100vw - 215px); --scale:0.65; margin:1rem 0; font-family:Verdana,Tahoma; font-size:calc(var(--width) / (var(--length, 1) * 0.5) * var(--scale, 1)); line-height:1;}

@media screen and (max-width:1000px) {
  .wide-text img {width:100vw;}
  .wide-text input {font-size:1.5rem;}
  .wide-text input[type="submit"] {width:21rem; font-size:1.5rem;}
  [wide-text] {--width:100vw; --scale:0.8;}
}

/************************************************************************************************/

.adm_c {position:fixed; top:54px; bottom:54px; left:42px; right:42px; margin:5px; padding:0 5 0 5px; background-color:#FFFFFF; overflow:auto; scroll-behavior:smooth;}
.adm_t {position:fixed; top:0px; left:0px; right:0px; height:50px; padding:1 5 1 5px; background-color:#FFFFFF; z-index:1000000; scroll-behavior:smooth;}
.adm_b {position:fixed; bottom:0px; left:0px; right:0px; height:50px; padding:1 5 1 5px; background-color:#FFFFFF; overflow:auto; scroll-behavior:smooth;}
.adm_l {position:fixed; top:54px; bottom:54px; left:0px; width:30px; padding:5px; background-color:#FFFFFF; overflow:auto; scroll-behavior:smooth;}
.adm_r {position:fixed; top:54px; bottom:54px; right:0px; width:30px; padding:5px; background-color:#FFFFFF; overflow:auto; scroll-behavior:smooth;}
.adm_middle {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; overscroll-behavior:none;}
/*
.pst {background:#F5DEB3; transition:all 0.5s;}
.cur {background:#FFFFE0; transition:all 0.5s;}
.dlv {background:#98FB98; transition:all 0.5s;}
.cls {background:#AAAAAA; transition:all 0.5s;}
.blk {background:#FFCCCC; transition:all 0.5s;}
.info {background:#1E90FF; transition:all 0.5s;
.attn {background:#F76112; transition:all 0.5s;}
*/

.new {background:PaleTurquoise; transition:all 0.5s;}
.pst {background:LightYellow; transition:all 0.5s;}
.cur {background:LightYellow; transition:all 0.5s;}
.dlv {background:PaleGreen; transition:all 0.5s;}
.cls {background:Gainsboro; transition:all 0.5s;}
.blk {background:#FFCCCC; transition:all 0.5s;}

/*.active textarea {display:block; width:auto; height:auto; line-height:100%; opacity:1;}*/

.align_left {text-align:left;}
.align_right {text-align:right;}

.popup_abs {position:absolute; visibility:hidden; padding:10px; overflow:auto; overscroll-behavior:none; border:groove 2px #CEDBCD; background-color:#FFFFFF; border-radius:10px; box-shadow:0 0 5px #666; transition:all 2.5s; opacity:0;}

.adm_c {
  input[type=radio] {display:none;}
  input[type=radio] + label {display:block; margin:0 0 10 0px; border:groove 2px #CEDBCD; border-radius:10px; box-shadow:0 0 5px #666; transition:all .5s;}

  input[type=radio] + label > table {width:100%; height:100px;}
  input[type=radio] + label > table tr {text-align:center;}

/*  input[type=radio] + label > table td {border:1px solid;} */

  input[type=radio] + label > table tr:nth-child(1) td:nth-child(1) {width:9%; border-right:1px dotted;}
  input[type=radio] + label > table tr:nth-child(1) td:nth-child(2) {width:6%; border-right:1px dotted;}
  input[type=radio] + label > table tr:nth-child(1) td:nth-child(3) {text-align:left; border-right:1px dotted; color:red;}
  input[type=radio] + label > table tr:nth-child(2) td:nth-child(1) {text-align:left; border-right:1px dotted;}
  input[type=radio] + label > table tr:nth-child(2) td:nth-child(2) {border-bottom:1px dotted;}
  input[type=radio] + label > table tr:nth-child(3) td:nth-child(1) {text-align:left; border-right:1px dotted;}
  input[type=radio] + label > table tr:nth-child(3) td:nth-child(2) {width:9%; text-align:right; border-right:1px dotted;}
  input[type=radio] + label > table tr:nth-child(3) td:nth-child(2)::after {content:' \20BD';}
  input[type=radio] + label > table tr:nth-child(3) td:nth-child(3) {width:8%; border-right:1px dotted;}
  input[type=radio] + label > table tr:nth-child(3) td:nth-child(4) {width:8%;}

  input[type=radio] + label > div {min-height:0; margin:0px; padding:0px; line-height:0; background-color:#FFFFFF; border-radius:10px; opacity:0.5; transition:all .5s;}
  input[type=radio] + label > div img {height:0; width:75px; transition:all .5s;}
  input[type=radio] + label > div table {width:100%;}
  input[type=radio] + label > div th {visibility:collapse; border-collapse:collapse; border-spacing:0; height:0; border:0; line-height:0px; padding:0; opacity:0; transition:all .5s;}
  input[type=radio] + label > div td {visibility:collapse; border-collapse:collapse; border-spacing:0; height:0; border:0; line-height:0px; padding:0; opacity:0; transition:all .5s;}

/*  input[type=radio]:hover + label {transform:scale(101%);} */

  input[type=radio]:checked + label > div {min-height:200px; margin:5px; padding:10px; line-height:1; opacity:1;}
  input[type=radio]:checked + label > div img {height:75px;}
  input[type=radio]:checked + label > div th {visibility:visible; border:1px solid; line-height:100%; padding:5px; opacity:1;}
  input[type=radio]:checked + label > div td {visibility:visible; border:1px solid; line-height:100%; padding:5px; opacity:1;}
}

/************************************************************************************************/

@media print {
  body {font-size:1rem;}
  td {font-size:1rem;}
  th {font-size:1rem;}
  big {font-size:1.2rem;}
  small {font-size:0.8rem;}
  img {max-width:100%;}
  @page {margin:0.5cm;}
}