* { box-sizing:border-box; margin:0px; padding:0px; font-family:'Rubik', sans-serif;}
html {height:100%;}
body {font-family:'Rubik', sans-serif; font-size:16px; min-width:320px; max-width:450px; height:100%; display:flex; flex-direction:column; margin:0px auto; background:#f4f6f8; color:#000; position:relative;}
a {text-decoration:none; color:#000;}
a.link_yellow {display:block; width:100%; line-height:55px; height:55px; margin:25px 0px 10px; background:#f3d321; text-align:center; font-size:20px; font-weight:400;}
input, button {font-family:'Rubik', sans-serif;}
h1, h2, h3 {font-size:20px; font-weight:500; margin:10px; padding:0px; text-align:center;}
.wrapper {width:100%; position:relative;}
#header, #sidetop {width:100%; margin:0px; padding:8px 15px; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; position:sticky; top:0; background:#fff; box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, .2); z-index:1; }
#content {display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;  margin-bottom:55px; background:#f4f6f8; }
#footer {width:100%; max-width:450px; position:fixed; bottom:0px; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; padding:15px; background:#fff; box-shadow: 0px -8px 8px -6px rgba(0, 0, 0, .2); border-radius:15px 15px 0px 0px; z-index:9999999; }

.accordion {width:100%; padding:0px; height:auto; margin:0px 0px 20px;}
.set {width:100%; cursor:pointer; user-select:none; background:#f4f6f8; border:3px solid #dbe2e8; border-radius:10px; margin:0px;} 
.set > .actitle {display:flex;	flex-direction:row;	justify-content:space-between; line-height:50px; height:50px; padding-left:15px; font-size:18px; font-weight:500; }
.set > .actitle i {display:block; width:28px; height:28px; margin:12px 8px 0px;}
.content {display:none; padding:5px 14px 1px; font-size:18px; margin:0px; font-weight:500; cursor:default;}
.accordion span { font-weight:400; }
.acrow {width:100%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; margin:15px 0px; padding:0px 12px; cursor:pointer; background:#dbe2e8; line-height:50px; height:50px; border-radius:10px;}
#acpage {width:49%; margin-bottom:0px;}
.acname { font-size:18px; font-weight:500;}
.acnum { font-size:18px; font-weight:500;}
.accordion_item {width:100%; line-height:50px; height:50px; padding:0px 12px; background:#dbe2e8; margin-bottom:17px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:nowrap; cursor:pointer; border-radius:7px; font-size:18px; font-weight:500;}

/* Аккордион для страницы товара - выбор выключателей  */
.good_accordion_row {width:100%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap;}
.good_accordion_100 {width:100%; margin:25px 0px 0px;}
.good_accordion_48 {width:48%; margin:20px 0px;}
.good_accordion_item {line-height:46px; height:46px; padding:0px 15px; margin-bottom:15px; background:#dbe2e8; border-radius:7px; cursor:pointer;}

.icon30 {height:30px; width:30px; margin:8px 12px 8px 0px;}
.icon34 {height:34px; width:34px; margin:-3px -2px; cursor:pointer;}
.icon40 {height:40px; width:40px; margin:-3px; cursor:pointer;}
.icon_lang {background:url('/images/icons/lang.svg'); background-size:contain;}
.icon_account {background:url('/images/icons/account.svg'); background-size:contain;}
.icon_cats {background:url('/images/icons/cats.svg'); background-size:contain;}
.icon_message {background:url('/images/icons/message.svg'); background-size:contain;}
.icon_shield {background:url('/images/icons/shield.svg'); background-size:contain;}
.menu_home {background:url('/images/menu_home.svg'); background-size:contain;}
.menu_home_active {background:url('/images/menu_home_active.svg'); background-size:contain;}
.menu_basket {background:url('/images/menu_basket.svg'); background-size:contain;}
.menu_basket_active {background:url('/images/menu_basket_active.svg'); background-size:contain;}
.menu_bookmark {background:url('/images/menu_bookmark.svg'); background-size:contain;}
.menu_bookmark_active {background:url('/images/menu_bookmark_active.svg'); background-size:contain;}
.menu_location {background:url('/images/menu_location.svg'); background-size:contain;}
.menu_location_active {background:url('/images/menu_location_active.svg'); background-size:contain;}
.menu_user {background:url('/images/menu_user.svg'); background-size:contain;}
.menu_user_active {background:url('/images/menu_user_active.svg'); background-size:contain;}
.menu_edu {background:url('/images/menu_edu.svg'); background-size:contain;}
.menu_edu_active {background:url('/images/menu_edu_active.svg'); background-size:contain;}
.menu_cats {background:url('/images/menu_cats.svg'); background-size:contain;}
.menu_cats_active {background:url('/images/menu_cats_active.svg'); background-size:contain;}
.menu {background:url('/images/menu.svg'); background-size:contain; margin-right:1px;}
.icon_28 {height:28px; width:28px; margin:11px 12px 10px 0px;}
.icon_close {height:46px; width:46px; cursor:pointer; background:url('/images/icons/close_square.svg'); background-size:contain; cursor:pointer;}
.icon_lang {background:url('/images/icons/lang.svg'); background-size:contain;}
.icon_account {height:40px; width:40px; cursor:pointer; background:url('/images/icons/user_square.svg'); background-size:contain;}
.icon_back {height:46px; width:46px; cursor:pointer; background:url('/images/icons/back_square.svg'); background-size:contain;}
.icon_share {height:46px; width:46px; cursor:pointer; background:url('/images/icons/share_square.svg'); background-size:contain;}
.icon_cats {background:url('/images/icons/cats.svg'); background-size:contain;}
.icon_message {background:url('/images/icons/message.svg'); background-size:contain;}
.icon_tracking {background:url('/images/icons/tracking.svg'); background-size:contain;}
.icon_shield {background:url('/images/icons/shield.svg'); background-size:contain;}
.icon_chevron_down {width:24px; height:24px; background:url('/images/icons/chevron_down.svg'); background-size:contain;margin:-5px 15px -5px;}
.icon_chevron_up {width:24px; height:24px;background:url('/images/icons/chevron_up.svg'); background-size:contain; margin:-5px 15px -5px;}
.icon_youtube {height:34px; width:34px; background:url('/images/icons/youtube.svg'); background-size:contain; margin:-3px 0px -3px -5px;}
.icon_pulse {height:30px; width:30px; background:url('/images/icons/pulse.svg'); background-size:contain;}

.error {width:100%; line-height:28px; height:28px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap;}
.error_icon {height:34px; width:34px; margin:-3px 12px -3px -2px; background:url('/images/icons/error.svg'); background-size:contain;}
.wait_icon {height:34px; width:34px; margin:-3px 12px -3px -2px; background:url('/images/icons/wait.svg'); background-size:contain;}
.error_text {line-height:28px; height:28px; font-size:18px; font-weight:400; color:#777;}

#header #title, .title {line-height:34px; height:34px; font-weight:400; font-size:24px; background:none; padding:0px; cursor:pointer;}
.title {line-height:46px; height:46px; font-weight:440; font-size:22px; }

.desc {width:100%; margin:15px;}
.desc_text {margin:15px 0px 0px; font-size:18px; font-weight:400; text-align:center; margin-bottom:10px;}
.row_start {width:100%; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap;}
.row_between {width:100%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; padding:0px 15px;}
.basket_items {position:absolute; left:40px; top:-7px; font-size:18px; font-weight:500; border-radius:5px;}

.cards {margin:0px; padding:0px 0px 15px; width:100%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.card {width:47.5%; display:flex; flex-direction:column; cursor:pointer; margin:0px 0px 15px;}
.card_image {width:100%; background:#fff; border-radius:10px;}
.card_image img {width:100%; border-radius:10px;}
.card_name {font-size:16px; font-weight:400; flex:1; padding:0px 2px 5px;}
.card_price {font-size:17px; font-weight:500; line-height:36px; height:36px; padding:3px 2px;}
.blank {width:100%; line-height:100px; height:100px; border-radius:10px; background:#ddd; font-size:22px; font-weight:400; color:#999; text-align:center;}
.img_m {width:100%; border-radius:10px; margin-bottom:10px;}

#sk_cards {margin-top:10px; padding:0px 0px 15px; width:100%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
.sk_card {width:47.5%; margin-bottom:30px;}
.sk_card_img {width:100%; border-radius:8px;}
.sk_card_name_100 {width:100%; height:12px; padding:0px 5px 7px; background:#ddd; border-radius:5px;}
.sk_card_name_70 {width:70%; height:12px; margin-top:10px; padding:0px 5px 7px; background:#ddd; border-radius:5px;}
.sk_card_price {width:100%; height:12px; margin:12px 0px 12px; padding:3px 5px; background:#ddd; border-radius:5px;}

.sk_loader {width:100%; line-height:50px; height:50px; padding:0px 15px; background:#dbe2e8; border-radius:10px;}
.sk_loader_text, .sk_text {color:#777; font-size:18px; font-weight:500;}
.sk_loader_text {
	animation: sk_loading 0.7s linear infinite alternate;
}
.sk_card_img, .sk_card_name_100, .sk_card_name_70, .sk_card_price {
  animation: sk_loading 0.5s linear infinite alternate;
}
@keyframes sk_loading {
  0% { opacity:0.1;}
  100% { opacity:1;}
}

.side { height:100%; width:0; position:absolute; z-index:99999999; top:0; left:0; background-color:#f4f6f8; transition:0.5s; overflow:hidden; }
.side_title {line-height:34px; height:34px; font-size:20px; font-weight:400;}
.sideContent {display:none; height:100%; padding:15px; overflow-y: auto; -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}
.side_row_start, .side_row_between {width:100%; height:46px; height:46px; margin-bottom:15px; padding:0px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:nowrap;}
.side_row_between {justify-content:space-between;}
.sideOpened {width:100%;}
.sideClosed {width:0;}
.sr1 {width:100%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; margin:20px 0px; padding:0px 18px; cursor:pointer; background:#dbe2e8; line-height:56px; height:56px; border-radius:10px;}
.sr2 {display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:nowrap;}
.srname { font-size:18px; font-weight:500;}
.srnum { font-size:18px; font-weight:500;}
.sr48 {width:49%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; margin:0px; padding:0px 12px; cursor:pointer; background:#DDD; line-height:50px; height:50px; border-radius:10px;}
.sr3 {width:100%; line-height:50px; height:50px; padding:0px 12px; margin-bottom:20px; background:#ddd; border-radius:10px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:nowrap; cursor:pointer;}
.yamap {width:100%; margin:0px 15px 50px;}

.tabs {width:100%; margin:0px 15px 40px; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; font-size:18px; font-weight:400; background:#fff; border-radius:10px;}
.tab {width:50%; line-height:50px; height:50px; border-radius:0px 7px 7px 0px; background:#fff; color:#555; text-align:center; cursor:pointer;}
.tab_active {width:50%; line-height:50px; height:50px; border-radius:10px; background:#ccc; text-align:center; }

#preview {width:100%; padding:0px 15px 65px; z-index:999999999; display:none;}
#preview_top {width:100%; margin:0px; padding:15px 0px; display:flex; flex-direction:row; justify-content:flex-end; flex-wrap:nowrap; }
#preview_type {font-size:18px; font-weight:400; margin-left:10px;}
.doc_name {font-size:17px; font-weight:400;}
.doc_p, .doc_bold {width:100%; margin:8px 0px; font-size:17px; font-weight:300; text-align:left;}
.doc_bold { font-weight:400;}
#doc a {color:#0000EE;}
.preview_close {display:none;}
.preview_open {display:block;}
.preview_loader, .preview_error, .preview_success {display:block; background:#ddd; padding:15px; border-radius:8px; font-size:18px; font-weight:400;}
.preview_error {background:#eba4a4;}
.preview_success {background:#ddd;}

.button {width:100%; line-height:50px; height:50px; text-align:center; cursor:pointer; border:0px; border-radius:10px; font-size:18px; font-weight:500; margin-bottom:20px; color:#000;}
.blue { background:#a4c9eb;}
.yellow { background:#FFB02E;}
.ccc { background:#ccc;}
.ddd { background:#ddd;}
.white { background:#fff;}

#auth, #reg {width:100%; padding:0px 15px 15px; margin:0;}
#auth_number, #auth_code, #reg_number, #reg_name, #userbutton, .userbutton {width:100%; line-height:50px; height:50px; font-size:18px; font-weight:480; padding:0px 15px; background:#fff; border:0px; border-radius:10px; margin-bottom:20px;}
.pass_status_p, .auth_status_p {font-size:18px; font-weight:400; color:#000; margin:-2px 0px 18px 0px;}

.swiper {width:100%; height:100%; padding:0px 15px 10px; }
.swiper-slide { text-align:center; font-size:18px; display:flex; justify-content:center; align-items:center;}
.swiper-slide img { display:block; width:100%; border-radius:10px;}

.good_char {width:100%; margin-bottom:12px; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; font-weight:300;}
.good_p {font-weight:300;}
.good_img {width:100%; margin-bottom:10px; border-radius:7px;}
.good_movie {width:100%; line-height:50px; height:50px; padding:0px 12px; background:#dbe2e8; margin-bottom:17px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:nowrap; cursor:pointer; border-radius:7px; font-weight:440;}
.icon_youtube {height:36px; width:36px; background:url('/images/icons/movie.svg'); background-size:contain; margin:8px 8px 0px -2px;}
		
#stock_data, #make_basket_order {width:100%; padding:15px; background:#dbe2e8; border-radius:10px; font-size:17px; font-weight:500;}
#stock_data_price {font-size:21px; margin-bottom:14px;}
#stock_data_amount {color:#555; margin-top:18px;}
#stock_data_when {color:#555; margin-top:15px;}
#stock_data_bts {color:#555; margin-top:15px;}
.stock_data_row {display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap;}
.stock_data_basket, .stock_data_order, .stock_data_basket_active, .stock_data_order_active, .stock_data_preorder, .stock_data_preorder_active, .stock_data_call, .stock_data_message {width:47%; line-height:50px; height:50px; background:#FFB02E; border-radius:7px; text-align:center; cursor:pointer;}
.stock_data_preorder {width:100%;}
.stock_data_basket_active, .stock_data_order_active, .stock_data_preorder_active  {background:#ccc;}

.rcard {width:100%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap; cursor:pointer; margin-bottom:20px;}
.rcard_image {width:40%;}
.rcard_image img {width:100%; border-radius:10px;}
.rcard_text {margin-left:15px; flex:1;}
.rcard_stock, .rcard_stock_no {font-size:15px; font-weight:500; margin:0px 0px 10px; padding:8px 12px; border-radius:0px 0px 10px 10px;}
.rcard_name {font-size:17px; font-weight:400; flex:1; padding:0px 2px 5px;}
.rcard_price {font-size:19px; font-weight:500; background:#f5f6f8; padding:8px; border:3px solid #dbe2e8; border-radius:10px; margin-bottom:10px; }
.rcard_sale {background:#dbe2e8; border-radius:5px; margin:7px 0px 0px; padding:5px 7px; font-size:18px; font-weight:400; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:nowrap;}
.rcard_sale_price {color:#777;}
.rcard_sale_percent {font-weight:500; color:#f00;}