/* app */
html {overflow: hidden;}
body {
   font-family: 'Play', 'Arial', 'Roboto', 'Open Sans', 'sans-serif';
   background: #fff;
}
ul {padding-left: 16px; margin: 0;}
li {padding: 5px 0; font-size: 13px;}
.space_block {width: 100%; min-height: 20px; background: transparent;}
.spb_a {height: 30px;}
.spb_b {height: 40px;}
.spb_c {height: 50px;}
.spb_d {height: 60px;}

.ig_modal {background: rgba(32, 0, 0, 0.7) !important;}

.str0 {stroke:white;stroke-width:2.27318;stroke-linejoin:round}
.str1 {stroke:black;stroke-width:1.13659}
.str3 {stroke:#fe7;stroke-width:0.8}
.str4 {stroke:white;stroke-width:30}
.str5 {stroke:white;stroke-width:8.25;}
.str6 {stroke:#02555e;stroke-width:30}
.str6a {stroke:white;stroke-width:30}
.fil0 {fill:#ff3888} /* #F210C9  */
.fil1 {fill:white}
.fil2 {fill:white;fill-rule:nonzero}
.fil3 {fill:black}
/*.fil3a {fill:#ffd977}*/
.fil3a {fill:#ffea30}
.fil4 {fill:none}
.fil5 {fill:#ccc}
.fil6 {fill:#f04}
.svg_menu {fill: none;stroke: #fff;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 1.3px;}
.svg_close {fill: none;stroke: #fff;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 1.3px;}
.svg_formclose {fill: none;stroke: #777;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 1.3px;}

.fil2x {fill:#4D4D4D;fill-rule:nonzero}
.fil1x {fill:#666666;fill-rule:nonzero}
.fil0x {fill:#E85A98;fill-rule:nonzero}

.fullblock, .flexblock {display: flex; align-items: center; justify-content: center;}

.flexblock {width: 100%; height: calc(100dvh - var(--ft-height)); position: relative;}
.mainblock {width: 100%; position: relative;}
.fullblock {width: 100%; height: 100vh; min-height: 350px; position: relative;}

.main_wrapper {position: relative; width: 100%; height: calc(100dvh - var(--mw-height)); margin: 0 auto; background: #fff; padding: var(--mw-pad) 0 5px; overflow-x: hidden; overflow-y: scroll;}
.main_wrapper.spge {height: 100dvh; padding: 0;}

.main_system {display: var(--ms-disp); position: fixed; top: 0; left: 0; width: 100%; height: var(--mw-pad);  background: #02555e; z-index: 9999;}/* 38px */
.main_system.spge {display: none;}

footer {position: fixed; bottom: 0; left: 0; width: 100%; height: var(--ft-height); background: transparent;/* padding: 0 10px;*/ z-index: 1999;}

.main_menu {width: 100%; position: absolute; display: flex; bottom: 0; left: 0; width: 100%; height: var(--ft-height); align-items: center; justify-content: space-evenly; border-radius: 14px 14px 0 0;}
.mm_item {display: inline-block; text-align: center; width: 20%; height: var(--ft-height); padding: 6px 0; border-radius: 14px 14px 0 0; background: #fff;}
.mm_ico {display: inline-block; text-align: center; width: 26px; height: 30px;}
.mm_ico img {width: 100%;}
.mm_ttl {font-weight: 300; font-size: 10px; color: #02555e;}

.mm_item.mma {background: #02555e;}
.mm_item.mms {background: #ffe300;}
.mma .mm_ttl {color: #fff;}

.page_wrap {position: relative; width: 100%; min-height: calc(100vh - 100px); font-family: 'Montserrat','Arial','sans-serif';}

.main_top {position: relative; width: 100%; text-align: center; height: calc(100vh / 3 + 44px); z-index: 2;} 
.main_info {position: relative; width: 100%; min-height: 20px; text-align: center; margin-top: 10px; z-index: 2;} 
.main_bottom {position: relative; width: 100%; min-height: 20px; text-align: center; margin-top: 10px;  z-index: 2;}
.white_block {background: #fffc;}
.main_image {
  position: absolute; 
  width: 100%; 
  height: calc(100vh / 3); 
  top: 0; 
  left: 0; 
  background-image: url('/images/main_top.jpg'); 
  background-size: cover;
  background-position: right; 
  z-index: 1; 
  opacity: 0.8;
}
.main_title2 {
  display: inline-block; 
  width: 100%;
  margin-top: 22px;
/*  padding: 4px 19px; */ 
  padding: 5px 20% 5px 20px;
  font-family: 'Falcong', 'Arial','sans-serif'; 
  font-size: 15px; 
/*  font-weight: bold; */
  color: #ff5400;
  background: linear-gradient(90deg, #fffd, #fffd 75%, transparent 88%, transparent); 
  text-align: left; 
/*  background: #fffd;
  clip-path: polygon( 0% 0%, 100% 0%, 90% 100%, 0% 100%);
  box-shadow: 2px 2px 8px #0004;  */
} 
.main_slogan {
  position: absolute; 
  bottom: 0;
  left: 5%;
  width: 90%; 
  padding: 6px 10px;  
  font-size: 13px; 
  color: #02555e; 
  background: #fffd;
  border-radius: 8px;
  box-shadow: 2px 2px 8px #0004;
  z-index: 2;   
}   
.main_partblock {
  display: inline-flex;  
  vertical-align: top;
  justify-content: center;
  align-items: center;
  margin: 14px;
  width: calc(50% - 60px);
  height: calc(100vh / 3 - 130px);
  max-height: 15vh;
  border: solid 2px #fff;
  background: #ffffff80;
  font-family: 'Falcong', 'Arial','sans-serif';
/*  font-weight: bold;*/
  font-size: 14px;
  color: #cc5f35;
  border-radius: 10px;
  box-shadow: 2px 2px 12px #0002;
  text-align: center;  
} 
.main_note {display: inline-block; width: 90%; font-size: 13px; color: #02555e;}
.main_link {display: inline-block; width: 100%; padding: 8px 0; margin: 8px 0; font-family: 'Falcong', 'Arial','sans-serif'; font-size: 14px; font-weight: bold; color: #02555e; background: #fffd;}

.pb1 {background: #f5fdd7a8; color: #02555e;} 
.pb2 {background: #ffe6e691; color: #f00;} 
.pb3 {color: #df00bc;} 
.pb4 {background: #ffefb0ad; color: #542222}   

.catalog_wrap {
  width: 100%;
  padding: 10px;
  min-height: calc(100vh - 40px);
  position: relative;
  background: #fff;
}
.cat_block {width: 100%; margin-bottom: 10px; background: #f2f6f7; border-radius: 10px; padding: 0 6px; text-align: center;}
.cat_item {
  position: relative;
  width: 28.5vw;
  height: calc(100vw / 3 + 10px);
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 10px 3px;
}
.cat_title {
  width: 100%;
  text-align: left;
  font-size: 22px;
  height: 30px;
  font-family: 'TildaSans','Arial','sans-serif';
  color: #2b2a29
}
.cat_ico {
  position: relative;
  width: 100%;
  height: calc(100vw / 3 - 16px);
  display: inline-block;
  border-radius: 8px;
}
.cat_name {
  width: 100%;
  text-align: center;
  font-size: 13px;
  height: 32px;
  font-family: 'TildaSans','Arial','sans-serif';
  line-height: 1em;
  color: #2b2a29;
}


.auth_button {
    position: relative;
    display: inline-block;
    min-width: 60%;
    margin: 14px 0;
    padding: 10px;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    font-weight: 500;    
    background: #d6b125;/*#02555e;*/
    color: #fff;    
    cursor: pointer;
    border: solid 2px #fff;
}
/*
.auth_button:hover {
    background: #cc5f35;
}
*/
.reg_button {
    position: relative;
    display: inline-block;
    min-width: 70%;
    padding: 10px;
    border-radius: 20px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    background: #d6b125;
    color: #fff;
    border: solid 2px #fff;    
}
.item_img {display: inline-block; width: 26px; height: 35px;}
.footer_item:first-child .item_img, .footer_item:last-child .item_img {padding-top: 2px;}
.item_img img {width: 100%;}

.prof_wrap {
  width: 100%;
  padding: 10px;
  min-height: calc(100vh - 90px);
  position: relative;
  background: #fff;
}
.prof_title {
  width: 100%;
  text-align: left;
  font-size: 22px;
  height: 30px;
  font-family: 'TildaSans','Arial','sans-serif';
  color: #2b2a29;
}
.prof_photo {
  position: relative;
  width: 120px;
  height: 120px;
  border: solid 1px #02555e; 
  border-radius: 50%;
}
.prof_bonus {
  position: absolute;
  top: 7px;
  right: 5px;
  width: 120px;
  height: 64px;
  background: #d6b125;/*#02555e;*/
  border-radius: 9px;
  padding: 5px;
  z-index: 1000;
}



.bonus_intro {
  width: 100%;
  text-align: left;
  font-size: 16px;
  background: #f9eee9;
  border-radius: 10px;
  padding: 12px 8px;
  font-family: 'TildaSans','Arial','sans-serif';
  color: #2b2a29
}
.bonus_block {width: 100%; padding: 10px 5px; min-height: 30px; margin: 10px 0; background: #f2f6f7; border-radius: 10px; text-align: left;} 
.bonus_subttl {
  width: 100%;
  margin: 5px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  font-family: 'TildaSans','Arial','sans-serif';
  color: #2b2a29
}
.bonus_title {
  width: 100%;
  font-family: 'TildaSans','Arial','sans-serif';  
  font-size: 20px; 
  font-weight: 500; 
  text-align: center;
  color: #fff;
}
.bonus_title2 {
  width: 100%;
  text-align: left;
  font-size: 22px;
  height: 30px;
  font-family: 'TildaSans','Arial','sans-serif';
  color: #2b2a29
}
.bonus_res {
  width: 100%;
  font-size: 24px; 
  font-weight: 700; 
  text-align: center;  
  color: #fff;
}
.bonus_wrap {
  width: 100%;
  padding: 10px;
  min-height: calc(100vh - 40px);
  position: relative;
  background: #fff;
}
.bonus_ttl {
  width: 100%;
  text-align: left;
  font-size: 18px;
  height: 26px;
  font-family: 'TildaSans','Arial','sans-serif';
  color: #2b2a29;
}
.bonus_subttl {
  width: 100%;
  margin: 5px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  font-family: 'TildaSans','Arial','sans-serif';
  color: #2b2a29
}

.bonus_rules, .bonus_rules span {
  width: 100%;
  text-align: left;
  font-size: 13px;
  min-height: 30px;
  margin-bottom: 10px;
  font-family: 'TildaSans','Arial','sans-serif';
  color: #2b2a29
}
.bonus_rules span {font-weight: 600;}
.bonus_rules.tc, .bonus_inrow.tc {text-align: center;}  

.bonus_form {width: 100%; min-height: 40px; padding: 5px 10px; margin: 8px 0; border-top: solid 1px #bbb;}
  
.bonus_label, .bonus_label span, .bonus_warn, .bonus_warn span {width: 100%; min-height: 18px; font-size: 13px; font-weight: 500; margin: 10px 0 0px;}
.bonus_label {color: #2b2a29;}
.bonus_label span, .bonus_warn span {color: red;}
.bonus_warn {display: none;}
.bonus_warn.active {display: block;}
.bonus_button {width: 180px; height: 25px; margin: 20px 0;}
.bonus_input {width: 90vw; max-width: 350px; height: 32px; padding: 3px 10px; font-size: 14px; border-radius: 5px; border: solid 1px #bbb;}

.bonus_agrb {
  display: inline-flex;  
  vertical-align: top;
  justify-content: center;
  align-items: center;
  margin: 5px;
  width: calc(50% - 20px);
  height: 40px;
  max-height: 15vh;
  font-family: 'Falcong', 'Arial','sans-serif';
/*  font-weight: bold;*/
  font-size: 15px;
  color: #fff;
  border-radius: 5px;
}
.acpt {background: #02555e;}
.decl {background: #cc5f35;}
.sndf {background: #d6b125;}
.bonus_agreement {display: none;}
.bonus_agreement.active {display: block;}
#bonus_conf.active  {display: none;}
.bonus_price, .bonus_date, .bonus_stat {display: inline-block; vertical-align: middle; width: 33%;}
.bonus_row {width: 100%; min-height: 40px; padding: 5px 10px; margin: 18px 0; border: solid 1px #cc5f35; border-radius: 10px;}
.bonus_reg {width: 100%; min-height: 40px; padding: 5px 0px; background: #cc5f35; border-radius: 8px; margin: 2px 0;}
.bonus_name {width: 100%; min-height: 20px; color: #cc5f35; font-size: 16px; font-weight: 500;}
.bonus_price {font-size: 16px; font-weight: 600;}
.bonus_date, .bonus_stat {font-size: 15px; font-weight: 400;}
.bonus_sum {  
  width: 100%;
  min-height: 18px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  padding: 8px 0;
  color: #cc5f35;
}
.cs2 {background: #f9eee9;}
.breg_info {width: 100%; min-height: 30px; text-align: center;}
.breg_text {min-width: 50px; min-height: 18px; color: #fff; font-size: 14px; font-weight: 700;}
.breg_note {min-width: 50px; min-height: 12px; color: #fff; font-family: 'TildaSans','Arial','sans-serif'; font-size: 13px; font-weight: 400;}
.breg_checkbox {display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; border: solid 1px #333; border-radius: 50%;}
.breg_check {display: none; width: 10px; height: 10px; border-radius: 50%; background: #333;}
.breg_check.active {display: inline-block;}

.prof_top {position: relative; width: 100%; text-align: left; padding: 10px;}
.prof_row {width: 100%; text-align: left;}
.prof_block {position: relative; padding: 12px; border-top: 1px solid #ddd;}
.prof_stitle {width: 100%; font-size: 16px; color: #02555e;}
.prof_info {width: 100%; padding: 3px 0; font-size: 16px; color: #2b2a29;}
.prof_item, .prof_item span {position: relative; width: 100%; padding: 2px 0; font-size: 15px; color: #2b2a29;}
.prof_item span {font-weight: 500; color: #cc5f35;}
.prod_stat {position: absolute; bottom: 0; right: 9px; height: 20px; min-width: 60px; color: #02555e; font-size: 13px;}

.prof_right {position: absolute; top: 9px; right: 9px; height: 27px; min-width: 60px;}
.prof_swch {width: 44px; height: 25px; padding: 1px; background: #ccc; border-radius: 25px; text-align: left;}
.prof_ctrl {display: inline-block; width: 23px; height: 23px; border-radius: 23px; background: #fff;}
.prof_swch.active {background: #02555e; padding-left: 20px;}

.file-uploader {
  opacity: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
}

.content_block {width: 100%; padding: 15px 10px; height: calc(100vh - 130px); position: relative;}
.content_title {width: 100%; min-height: 16px; font-weight: bold; font-family: 'Falcong'; font-size: 20px; color: #02555e;}

.common_note {font-size: 14px; color: #fff; line-height: 1.3em; margin: 15px 0;}

.brief_wrap {
    position: relative; 
    width: 100%; 
    min-height: 60px; 
    margin: 5px 0 20px; 
    background: #fff;
    font-family: 'TildaSans','Arial','sans-serif'; 
}
.brief_block {
    position: relative; 
    width: 100%; 
    min-height: 60px; 
    padding: 10px; 
    border-radius: 10px; 
    background: #f2f6f7; 
    text-align: left;
}
.brief_title {width: 100%; min-height: 16px; margin: 0 0 4px; font-weight: 600; font-size: 18px; color: #2b2a29; text-align: left;}
.brief_desc {width: 100%; min-height: 16px; margin: 4px 0 6px; font-weight: 600; font-size: 15px; color: #cc5f35;}
.brief_text, .brief_image {display: inline-block; vertical-align: top;}
.brief_text {width: calc(72% - 20px); min-height: 16px; font-size: 14px; color: #333; text-align: left; margin-left: 10px; line-height: 1.2em;}
.brief_image {width: 28%; height: auto; margin: 3px 0 5px;}
.brief_image img {width: 100%;}
.brief_date {width: 100%; min-height: 16px; margin: 0 0 5px;font-weight: 600; font-size: 16px; color: #02555e;} 
.brief_date2 {
    position: absolute;
    top:-11px;
    right: 10px;
    min-width: 149px;
    min-height: 20px;
    padding: 2px 8px;
    border: solid 1px #fff;
    border-radius: 11px;
    background: #e74000; /*#02555e;*/
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.book_block2 {width: 100%; padding: 25px 0 20px; height: calc(100vh - 100px); overflow-y: scroll; position: relative;}

.event_wrap2 {width: 100%; padding: 10px; height: calc(100vh - 40px); overflow-y: scroll; position: relative; background: #f2f6f7;}
.event_wrap {width: 100%; padding: 0 10px; min-height: calc(100vh - 72px); position: relative; background: #fff;}
.event_block {
    position: relative; 
    width: 100%; 
    min-height: 60px; 
    padding: 10px; 
    background: #fff;
    border-radius: 10px;
    text-align: left;

}
.event_title {width: 100%; min-height: 16px; font-weight: bold; font-size: 16px; color: #02555e;}
.event_desc {width: 100%; min-height: 16px; margin: 4px 0 8px; font-size: 15px; color: #2b2a29;}
.event_text {position: relative; width: 100%; min-height: 16px; font-size: 14px; color: #2b2a29; text-align: left;}
.event_text span {font-size: 14px; font-weight: bold; line-height: 1.4em;}
.event_text.short {max-height: 120px; overflow: hidden;}
.text_full {position: absolute; bottom: 0; left: 0; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 5px; width: 100%; height: 40px; background: linear-gradient(transparent, #fff 40%, #fff); font-size: 12px; color: #02555e; z-index: 10;}
.event_image {width: 95%; max-width: 400px; height: auto; margin: 10px auto;}
.event_image img {width: 100%;}
.event_date {width: 100%; margin: 5px 0; font-weight: 600; font-size: 16px; color: #cc5f35;} 
.event_date2 {
    position: absolute;
    top: 10px;
    right: 10px;
    min-width: 149px;
    min-height: 20px;
    padding: 2px 8px;
    border: solid 1px #02555e;
    border-radius: 11px;
    background: #02555e;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.event_info {width: 100%; min-height: 40px; margin-top: 20px; padding: 10px; border: solid 1px #02555e; border-radius: 15px; background-color: #fff;}
.event_info .info_content {width: 100%; min-height: 30px; padding: 10px; border-radius: 10px;}
.event_bonus {width: 100%; min-height: 16px; font-weight: bold; font-size: 12px; color: #02555e; padding: 0px 0 10px;}
.event_button {display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 30px;
  border-radius: 7px;
  background-color: #02555e;
  margin: 15px auto;
}

.event_button img {width: 22px;}
.event_cart {display: inline-block; font-size: 12px; font-weight: bold; color: #fff; padding: 0 20px 0 0;}
.event_row {width: 100%; min-height: 40px; padding: 5px 15px; margin: 6px 0 20px; border: solid 1px #cc5f35; border-radius: 8px;}
.event_price {display: inline-flex; align-items: center; width: calc(100% - 94px); min-height: 40px; color: #555; font-size: 16px; font-weight: 600;}

.info_price {font-size: 18px; font-weight: bold; color: #02555e;}
.info_offer {font-size: 16px; font-weight: bold; color: #e74000; padding-top: 5px;}
.info_book {width: 100%; margin: 15px 0; text-align: center;}
.info_button {
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    width: 200px; 
    height: 40px; 
    background: #cc5f35;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.info_text {padding-top: 4px;}
.info_text span {font-size: 15px; font-weight: bold; color: #333; line-height: 1.4em;}
.info_text li {padding: 3px 0;}

.book_event {width: 100%; min-height: 16px; padding: 0 0 10px; text-align: center; font-weight: bold; font-size: 18px; color: #cc5f35;}


.add_wrap {
  position: relative;
  width: 100%;
  text-align: center;
  height: calc(100vh / 4);
  max-height: 180px;
  padding: 5px 10px;
  z-index: 2;
}
.add_content {position: relative; width: 100%; height: 100%; padding: 8px 10px;}
.add_top {width: 100%; height: 28px; text-align: right;}
.add_mid {width: 100%; height: 60px;}
.add_bot {width: 100%; height: 28px;}

.add_wrap2old {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;  
  text-align: center;
  max-height: 250px;
  padding: 10px 10px;
  z-index: 2;

}
.add_wrap2 {
  position: relative;
  width: calc(100% - 20px);
  aspect-ratio: 4 / 3;  
  text-align: center;
  max-height: 230px;
  margin: 10px 10px;
  border-radius: 10px;
  z-index: 2;
  overflow: hidden;
}
.add_wrap3 {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;  
  text-align: center;
  max-height: 250px;
  padding: 10px 10px;
  z-index: 2;
  overflow: hidden;
}
.add_wrap2 .add_mid {width: 100%; height: 92px; margin-top: 55px;}

.abg {
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
}

.add_ctrl {
  position: absolute; 
  display: flex; 
  align-items: center; 
  justify-content: space-around;
  bottom: 10px; 
  left: 0; 
  width: 100%; 
  height: 35px; 
  text-align: left;
}
.add_info {position: absolute; bottom: 40px; left: 0; width: 100%; height: 36%; text-align: left; padding: 5px 10px;} 
.add_book {
  display: inline-flex;
  align-items: center;
  min-width: 50px;
  height: 24px;
  padding: 0 12px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 30px;
  background-color: #cc5f35;
}
.add_title {
  min-width: 50px;
  min-height: 18px;
  padding: 3px 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.add_text {
  min-width: 50px;
  min-height: 18px;
  color: #fff;
  font-family: 'TildaSans','Arial','sans-serif';
  font-size: 16px;
  font-weight: 400;
}
.add_date {
  display: inline-flex;
  align-items: center;
  min-width: 50px;
  height: 26px;
  padding: 0 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border: solid 1px transparent; 
  border-radius: 5px;
}

.add_wrap2 .add_text {
  min-width: 50px;
  min-height: 18px;
  color: #fff;
  font-family: 'TildaSans','Arial','sans-serif';
  font-size: 14px;
  font-weight: 400;
  padding: 3px 10%; 
  text-shadow: 1px 1px 2px #000; 
  background: linear-gradient(to right, transparent, rgba(9, 24, 57, 0.5) 30%, rgba(9, 24, 57, 0.5) 70%, transparent);
}

.ac_color0 {color: #000;}
.ac_color1 {color: #02555e;}
.ac_color2 {color: #cc5f35;}
.ac_color3 {color: #aa9b0e;}
.ac_color4 {color: #f9eee9;}
.ac_color5 {color: #fff;}

.ab_color0 {border: solid 1px #000;}
.ab_color1 {border: solid 1px #02555e;}
.ab_color2 {border: solid 1px #cc5f35;}
.ab_color3 {border: solid 1px #aa9b0e;}
.ab_color4 {border: solid 1px #f9eee9;}
.ab_color5 {border: solid 1px #fff;}

.adb_bg0 {background-color: #000;}
.adb_bg1 {background-color: #02555e;}
.adb_bg2 {background-color: #cc5f35;}
.adb_bg3 {background-color: #aa9b0e;}
.adb_bg4 {background-color: #f9eee9;}
.adb_bg5 {background-color: #fff;}
.adb_bg6 {background-color: transparent;}

.absl_item {
  position: relative;
  width: 29vw;
  height: calc(100vw / 3 - 16px);
  max-width: 135px;
  max-height: 140px;  
  display: inline-block;
  vertical-align: top;
  border-radius: 8px;
  margin: 0 3px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;  
}

.absl_title {
  position: absolute;
  bottom: -36px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 13px;
  height: 32px;
  font-family: 'TildaSans','Arial','sans-serif';
  line-height: 1em;
  color: #2b2a29;
}
.timer {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 10px;
  overflow: hidden;
}
@-webkit-keyframes rotating {
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);}
}
.rotating {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: #02555e;
  mask-image: url('/images/loading.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center center;
    -webkit-animation: rotating 2s linear infinite;
}
dialog {
  display: none;
  width: 100%;
  height: 100%;
  background: #fff9;
  border: none;  
  z-index: 9999;  
}
dialog.active{
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 390px) {
  .event_row {padding: 5px 10px; margin: 5px 0;}
  .event_price {font-size: 16px;}
}
@media only screen and (max-width: 378px) {
  .main_partblock {font-size: 13px;}
  .main_info {margin-top: 10px;} 
  .main_partblock {max-height: 13vh; margin: 10px;}
  .main_bottom {margin-top: 10px;}   
}
@media only screen and (max-width: 362px) {
  .main_title2 {font-size: 15px;}
  .profile_name {font-size: 16px;}
  .accn_edit {
    top: -30px;
    right: 10px;
    width: 30px;
    height: 24px;
  }  
}
@media only screen and (max-width: 346px) {
  .main_top {height: calc(100vh / 3 + 30px);}
  .main_slogan {font-size: 11px;}  
  .main_partblock {width: calc(50% - 40px); height: calc(100vh / 3 - 110px); margin: 8px; font-size: 11px;}
  .main_note {font-size: 12px;}
  .main_link {font-size: 13px;} 
  .brief_title {font-size: 14px;}
  .brief_desc, .brief_date {font-size: 13px;}
  .brief_text {font-size: 12px;} 
  .event_title {font-size: 14px;}
  .event_desc, .event_date, .event_text, .event_text span  {font-size: 13px;} 
  .event_row {padding: 5px 10px; margin: 5px 0;}
  .event_price {font-size: 15px;}  
  .info_price {font-size: 17px;}    
}

@media only screen and (width > 580px) {
  .main_image {height: calc(100vh / 2.5);} 
  .main_slogan {padding: 12px 20px; font-size: 15px;} 
  .main_top {height: calc(100vh / 2.5 + 36px);}
  .main_partblock {width: 32vw; max-height: 21vw; font-size: 17px;}
  .main_note {font-size: 16px;}
  .main_link {font-size: 17px; padding-top: 10px;}
  .main_bottom {margin-top: 30px;}    
}
@media only screen and (width > 620px) {
  .main_title2 {margin-top: 30px; padding: 12px 28px;font-size: 18px;}
   
}

@media screen and (min-width: 622px) and (orientation: landscape) {
  body {background: #eee;}
  .main_wrapper {max-width: 600px;}   
  .sln6 .absl_item {max-width: 150px; max-height: 150px;}
  .add_wrap2 {max-height: 280px;} 
  .add_wrap2 .add_top {height: 66px;} 
  .cat_item {max-width: 183px; max-height: 188px;}  
  .cat_ico {max-height: 168px;}  
}


.sb_tl {text-align: left;}
.sb_tc {text-align: center;}
.sb_tr {text-align: right;}
.sb_jf {text-align: justify;}
.hidden {display: none;}