/*
Theme Name: Версия 6
Theme URI: http://www/chikurov.com
Author: Ivan Avraamov
Author URI: http://www/chikurov.com
Version: 1.0
*/
html
{
  margin-top: 0!important;
}
#content
{
  color: #ceb6b8;
  min-height: 100vh;
}
div#recallbar, div#wpadminbar
{
  display: none;
}
.wrapper
{
  background-color: #f0f3fa;
  /*background-image: url(img/bg.jpg);*/
  position: relative;
  font-family: "Open Sans",helvetica,arial,sans-serif;
  /*font-family: "Roboto",helvetica,arial,sans-serif;*/
  font-weight: 300;
}
.form-group form {
	padding-right: 15px;
	padding-left: 15px;
}
.header
{
  min-height: 70px;
  color: #ceb6b8;
  background-color: #fff;
  /*background-image: url(img/bg.jpg);*/
  /*text-shadow: 0 -1px 0 rgba(0,0,0,.15);*/
  box-shadow: 0 1px 0 rgba(255,255,255,.1);
  border-bottom: 1px solid #eee;
}
.header-title, .history-title, .manual-title
{
  padding: 20px 0;
  text-align: center;
  font-size: 18px;
  color: #4c5a68;
  font-weight: 500;
}
#image_file
{
  max-width: 90%;
  background: #7E385C;
  color: #F3E1BD;
  margin-bottom: 10px;
  border-radius: 30px;
  border: 1px solid #F3E1BD;
}
.current_protocol_img
{
  font-size: 50px;
}
.current_protocol_title
{
  color: #fff;
}
.header .btn
{
  color: #f96b47;
}
.header .btn:hover
{
  background: #eee;
}
.hidden
{
  display: none;
}
.hidden_
{
  display: none!important;
}
.zone_final.hidden
{
  display: none!important;
}
.text_center
{
  text-align: center;
}
#menu
{
  background: #4e657e;
  box-shadow: 0.5rem 0 1rem rgba(0,0,0,.15);
  border-right: 1px solid #080808;
  padding-right: 5px;
}
#menu .header
{
  width: 100vw;
  background: #55BABE;
  padding-right: 15px;
}
.header.master_header 
{
  position: fixed;
  width: 100%;
  z-index: 698;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.card
{
  position: absolute;
}
.card.card_ghost.card_ghost_solis
{
  right: 0;
}
#card_modal .modal-dialog
{
  max-width: 200px;
}
#card_modal .modal-header
{
  padding: 0;
}
#card_modal .close
{
  padding-right: 20px;
}
.card_modal_img
{
  width: 100%;
}
.content
{
  padding-bottom: 20px;
}
.protocols_info
{
  /*border: 1px solid #fff;*/
  margin-top: 80px;
  color: #32323a;
  transition: all 0.5s linear;
}
.btn-primary
{
  /*background: #d76461;*/
  /*border-color: #d15352;*/
}
.btn-primary:hover
{
  /*background: #d15352;*/
}
.wau-button.preloader-parent
{
  display: none;
}

.payment_modal_trigger 
{
    margin-top: 15px;
}

.payment_form_cabinet {
    margin-bottom: 15px;
}

#mail .close, #payment .close
{
  right: 10px;
  top: 10px;
  position: absolute;
}
#mail .modal-text, #payment .modal-text
{
  padding: 20px;
}
#mail h4, #payment h4
{
  width: 100%;
}
.for_print
{
  display: none;
  color: #777;
}
.elems_wrap
{
  /*padding-top: 80px;*/
}
.hand_wrap
{
  position: relative;
}
.hand_wrap img.loaded_img
{
  padding-top: 80px;
  width: 100%;
  max-width: 500px;
}
.protocols_item_img img
{
  height: 100px;
}
.mobile_screen.mobile_screen_load 
{
  margin-top: 40px;
}
.protocols_item, .mode-item 
{
  position: relative;
  color: #FFF0C7;
  transition: all 1s linear;
  margin: 1px;
  cursor: pointer;
  background: #32648e;
  /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;*/
}
.protocols_item.active, .mode-item.active
{
  background: radial-gradient(#FFF0C7, transparent);
  color: #FFF;
}
.photo_upload
{
  /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;*/
  color: #fff;
  border-color: #6ea000;
  background: #81B71A;
}
.photo_upload:hover
{
  background-color: #6ea000;
}
.protocols_item_title, .mode-item_title
{
  position: absolute;
  left: 10px;
  top: 5px;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
}
#card_modal .modal-body
{
  padding: 2px;
  text-align: center;
}
.zones_template
{
  position: absolute;
  right: 0;
  top: -570px;
  z-index: 600;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transition: top ease-in-out 1s;
}
.zones_template img 
{
  max-width: 300px;
}
.bc_credits
{
  position: relative;
  display: inline-block;
  padding-left: 110px;
}
.bc_credits img
{
  max-width: 100px;
  position: absolute;
  left: 0;
  top: -10px;
}
.mode-item_title
{
  font-size: 14px;
}
.protocols_item_img, .mode-item_img
{
  font-size: 80px;
  margin: 30px 0 10px;
}
.current_protocol_content 
{
  font-size: 18px;
  height: 130px;
  overflow: scroll;
}
.choice_protocol 
{
  margin-bottom: 20px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.main_menu
{
  width: 250px;
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.sidebar_logo
{
  padding: 80px 0px 0px 15px;
}
.sidebar_logo img
{
  width: 100%;
}
.main_menu li
{
  margin: 2px 0;
}
.main_menu li:first-child a
{
  border-top: 1px solid #080808;
}
.main_menu li a, .main_menu li select
{
  font-size: 18px;
  padding-left: 35px;
  color: #dee1e6;
  background-color: transparent;
  margin: 5px 0;
  transition: all .3s linear;
  box-shadow: 0 1px 0 rgba(255,255,255,.1);
  border-bottom: 1px solid #080808;
}
.main_menu li a:hover
{
  text-decoration: none;
  color: #FFF;
}
.main_menu li select
{
  border: none;
  margin: 0;
  width: 60%;
  height: 60px;
  position: absolute;
  right: 15px;
  box-shadow: none;
}
span.menu_item_img 
{
  font-size: 40px;
  padding-right: 20px;
  color: #fff;
}
.credits 
{
  width: 265px;
  text-align: center;
  padding-left: 15px;
  padding-top: 10px;
  border-top: 1px solid #FDCD6D;
  color: #FDCD6D;
  margin-top: 20px;
}
.credits_heading 
{
  font-size: 20px;
}
.user_avatar img
{
  border: 1px solid #FDCD6D;
  border-radius: 50%;
  margin-top: -10px;
}
.step2
{
  display: none;
}
.step2 img 
{
  display: block;
  margin: auto;
  max-width: 800px;
  height: auto!important;
}
.jcrop-holder 
{
  display: block;
  margin: auto;
}
.crop_photo 
{
  margin-bottom: 10px;
}
#preview 
{
  display: none!important;
}
.loaded_img
{
  min-width: 200px;
  width: 80%;
  display: inline-block;
  margin: auto;
  max-width: 400px;
  padding: 0;
  padding-right: 5px;
  padding-bottom: 100px;
  padding-top: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#history_item_modal .modal-dialog
{
  min-width: 600px;
}
.card_protocol
{
  height: 100px;
  position: relative;
  cursor: pointer;
  transition: top linear 1s, left linear 1s, right linear 1s,  transform linear 0.5s;
}
.card_protocol.card_protocol_on
{
  transform: scale(1.6); 
}
.card_in_action 
{
  position: absolute;
  left: 800px;
  top: -80px;
  z-index: 800;
  transition: left cubic-bezier(0,.03,.32,1.54) 1.5s,  top cubic-bezier(0,.03,.32,1.54) 1.5s, right cubic-bezier(0,.03,.32,1.54) 1.5s,  transform cubic-bezier(0,.03,.32,1.54) 1.5s;
  transform: scale(0.5) rotate(180deg);
}
.card_codes 
{
  position: absolute;
  z-index: 500;
}
.card_codes_top
{
  text-align: left;
  height: 100px;
}
.card_codes_top:before
{
  content: 'Карты восстановленные';
  color: #b1b1b1;
  position: absolute;
  text-transform: uppercase;
  font-weight: 700;
  left: 15px;
  top: 100%;
}
.card_codes_bottom
{
  text-align: right;
  height: 100px;
}
.card_codes_bottom:before
{
  content: 'Карты в грехопадении';
  color: #b1b1b1;
  position: absolute;
  text-transform: uppercase;
  font-weight: 700;
  right: 15px;
  top: 100%;
}
.card_codes_bottom img
{
  transform: rotate(180deg);
}
.card_codes_bottom img.hidden
{
  transform: scale(2) rotate(180deg);
}
.card_codes_top img:hover
{
  transform: scale(2);
  z-index: 999;
}
.card_codes_bottom img:hover
{
  transform: scale(2) rotate(180deg);
  z-index: 999;
}
.loaded_img_alt
{
  padding-bottom: 100px;
}
.work-area
{
  position: relative;
}
.work-area_inner
{
  position: relative;
}
.card_ghost_solis_vertical
{
  position: absolute;
  top: 0;
}
.card_ghost_devil_vertical
{
  position: absolute;
  bottom: 0;
}
.line_area
{
  position: absolute;
  /*z-index: 450;*/
  left: 0;
  top: 0;
}
.line_area .line
{
  stroke:hsl(222, 50%, 96%);
  stroke-width:20;
}
.line_area.line_area_red .line
{
  stroke:hsl(114, 49%, 59%);
}
.col-12.text_center.zone_diag
{
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.paranja
{
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.diagnostic_rezult .loaded_img
{
  width: 100%;
}
.zone.zone_final 
{
  display: inline-block;
  position: absolute;
  /*width: 8%!important;*/
  max-width: 35px;
  margin: 0;
  top: 40px;
  transition: transform linear 1s, top ease-out 1s;
}
.zone.zone_final.zone_x
{
  left: 20px;
  transform: rotate(-90deg);
}
.zone.zone_final.zone_l
{
  right: 20px;
  transform: rotate(-90deg);
  left: auto;
}
.header .btn.btn_start 
{
  color: #505050;
  transform: scale(1.3);
}
.zones
{
  background-color: #505050;
  /*background-image: url(img/bg.jpg);*/
  background-size: 100%;
  border: 1px solid #ddd;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  padding: 5px 0 10px;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-top: 5px;
  z-index: 601;
  height: 42px;
}
.zone_holder
{
  position: static;
  height: 25px;
}
.zone_holder_1 .zone
{
  left: 10%;
}
.zone_holder_2 .zone
{
  left: 48%;
}
.zone_holder_3 .zone
{
  left: 83%;
}
.zone_choice
{
  margin: auto;
}
.card_move
{
  transition: top linear 4s;
}
.card_move_fast
{
  transition: top linear 0.5s;
}
.zone, .zone_elem, .zone_test
{
  z-index: 500;
  cursor: pointer;
  background: #414141;
  border: 1px solid #f96b47;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-top: 4px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: 250px;
  margin: auto;
  left: 5px;
  top: 7px;
  cursor: pointer;
  transition: transform linear 1s;
  overflow: hidden;
}
.zone_elem, .zone_test
{
  border-color: #f7b754;
  left: 50px;
  top: 50px;
}
.zone_elem.hidden
{
  display: none;
}
.zone_elem:after, .zone_test:after
{
  content: '';
  position: absolute;
  font-size: 50px;
  top: 7px;
  left: 7px;
  line-height: 1;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f7b754;
}
.zone_test
{
  display: inline-block;
  position: relative;
  left: 0;
  top: 8px;
}
.zone.zone_choiced
{
  background: #d25351;
}
#zones_template img 
{
  width: 100%;
}
.zone.zone_diag 
{
  left: 30%!important;
  width: 40px!important;
  height: 40px!important;
  font-size: 30px;
  padding-top: 0px;
  line-height: 1.3;
}
.zone.zone_down
{
  font-size: 14px;
  padding-top: 0px;
}
.zone span
{
  position: absolute;
  top: 10px;
  left: 10px;
}
.no-padding
{
  padding: 0!important;
}
.card_solis
{
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 500;
  left: auto!important;
}
.card_devil
{
  z-index: 500;
  left: auto!important;
}
.status
{
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  font-weight: 400;
  color: #eee;
}
.status_percent_wrap
{
  text-align: right;
}
.status_pahaze
{
  text-align: left;
}
.diagnostic_rezult
{
  padding-top: 10px;
  padding-right: 0;
  padding-left: 0;
  position: relative;
}
#myChart
{
  transform: rotate(90deg);
  left: -180px;
  top: 180px;
  position: absolute;
}
input.crop_photo 
{
  margin-top: 10px;
}
.mobile_screen_what_way .btn 
{
  margin: 10px 0;
}
.novisible
{
  height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}
.dragger_rate
{
  height: 3px;
  width: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  max-width: 30%;
  background: #673158;
  position: absolute;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  transition: width 0.5s linear;
}
.drag_container_devil 
{
  writing-mode: tb;
  position: absolute;
  left: -150%;
  top: 0;
  width: 150%;
  z-index: 100;
}
.drag_container_solis 
{
  position: absolute;
  top: 0;
  width: 150%;
  left: 100%;
  z-index: 100;
}
.drag_container_devil .dragger_rate
{
  transform: rotate(180deg);
}
.subscriber_info 
{
  padding-top: 75px;
  color: #555;
  text-align: center;
  font-size: 22px;
}
.cab_sidebar
{
  display: none!important;
}
.toRegistration, .toLogin 
{
  color: #007bff;
  font-weight: bold;
  cursor: pointer;
}
.card.card_ghost 
{
  opacity: 0.1;
}
.group_of_types
{
  margin: 0 0 40px;
}
.marakata_sim-wrap 
{
  overflow: hidden;
  height: 180px;
}
.marakata_sim-inner 
{
  background: #fff;
  height: 1800px;
}
.marakata_sim
{
  color: transparent;
  background-position-y: 0px;
  -webkit-transition: margin-top 3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: margin-top 3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: margin-top 3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.marakata_sim_from
{
  background: url(img/cards/tarot_numbers/card_back_alt.png) top left/100% repeat-y!important;
}
.marakata_sim_from.marakata_sim_wands
{
  background: url(img/cards/tarot_numbers/card_back_wands_tr.png) top left/100% repeat-y!important;
  opacity: 0.4;
}
.marakata_sim_from.marakata_sim_swords
{
  background: url(img/cards/tarot_numbers/card_back_swords_tr.png) top left/100% repeat-y!important;
  opacity: 0.4;
}
.marakata_sim_from.marakata_sim_cups
{
  background: url(img/cards/tarot_numbers/card_back_cups_tr.png) top left/100% repeat-y!important;
  opacity: 0.4;
}
.marakata_sim_from.marakata_sim_pents
{
  background: url(img/cards/tarot_numbers/card_back_pents_tr.png) top left/100% repeat-y!important;
  opacity: 0.4;
}
.marakata_sim_from
{
  background: url(img/cards/tarot_numbers/card_back_alt.png) top left/100% repeat-y!important;
}
.marakata_sim.marakata_sim_pents
{
  background: url(img/cards/tarot_numbers/pents_.png) top left/100% repeat-y;
}
.marakata_sim.marakata_sim_wands
{
  background: url(img/cards/tarot_numbers/wands_.png) top left/100% repeat-y;
}
.marakata_sim.marakata_sim_cups
{
  background: url(img/cards/tarot_numbers/cups_.png) top left/100% repeat-y;
}
.marakata_sim.marakata_sim_swords
{
  background: url(img/cards/tarot_numbers/swords_.png) top left/100% repeat-y;
}
.marakata_sim, .marakata_dot 
{
  text-align: center;
  /*border-left: 2px solid rgba(99,99,99,0.3);*/
  /*border-right: 2px solid rgba(99,99,99,0.3);*/
  box-sizing: border-box;
  width: 100%;
  font-size: 110px;
  position: relative;
  color: #000;
  margin-top: 0;
}
.marakata_sim-active.marakata_sim_from
{
  opacity: 1;
}
.marakata_sim_from
{
  /*opacity: 0.4;*/
}
#history_canvas
{
  display: none;
}
.btn_tarot_type
{
  margin-left: 5px;
}
.history, .manual
{
  width: 600px;
  position: absolute;
  background: #fff;
  z-index: 600;
  left: 50%;
  margin-left: -300px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transition: top ease-in-out 1s;
  font-size: 25px;
  overflow: scroll;
  padding: 0;
}
.history:after
{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 600px;
  height: 70px;
  z-index: 602;
  display: none;
}
.history_inner
{
  overflow: scroll;
  max-height: 330px;
}
.history_wrapper
{
  padding-bottom: 50px;
}
.history.history_visible, .manual.manual_visible
{
  top: 70px!important;
  position: fixed;
}
.history_item_type img
{
  width: 100%;
}
.history_close, .manual_close
{
  margin-right: 0;
  margin-top: 5px;
  z-index: 999;
  position: relative;
}
.history_item
{
  border-top: 1px solid;
  padding-right: 5px;
}
.history_item:nth-child(odd)
{
  background: #f0f3fa;
}
.history_item:last-child
{
  border-bottom: 1px solid;
  margin-bottom: 66px;
}
.remove_history_item
{
  text-align: center;
  color: #f96b46;
  cursor: pointer;
  transition: color 0.5s linear;
  padding-top: 13px;
}
.history_item_type
{
  padding-left: 0;
}
.remove_history_item:hover
{
  color: #555;
}
.manual-title
{
  border-bottom: 1px solid #aeaf66;
  margin-bottom: 10px;
}
.manual_content
{
  color: #555;
  font-size: 16px;
}
.manual_content img
{
  width: 135px;
  float: left;
  padding: 10px;
}
.manual_wrap h3 
{
  color: #fff;
  background: #32648e;
  padding: 10px;
  font-size: 18px;
  font-weight: 400;
  box-shadow: 0 7px 4px rgba(0,0,0,.15)!important;
}
.manual_wrap h3:focus
{
  outline: none;
}
.manual_wrap img
{
  transition: all 0.5s linear
}
.manual_wrap img:hover
{
  transform: scale(1.5);
}
.post-42
{
  color: #555;
}
.post-42 header
{
  padding-top: 80px;
}
.card_modal_tarot, .card_modal_elem
{
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 10px;
}
#card_docs .modal-dialog
{
  max-width: 650px;
}
button.close.history_close, button.close.manual_close
{
  margin-right: 10px;
}
.marakata_sim_prot_modal
{
  width: 99px;
  height: 178px;
  transition: transform 0.5s linear;
  background: url(img/cards/tarot_numbers/cards_sprite.png) top left/100% repeat-y;
}
.marakata_sim_prot_modal:hover, .marakata_modal_sim-dot:hover
{
  transform: scale(1.3);
  z-index: 700;
}
.history_item_modal_code 
{
  font-size: 20px;
  font-weight: 600;
}
.history_item_modal_date 
{
  text-align: right;
  font-size: 18px;
}
.marakata_modal_sim-dot
{
  width: 99px;
  height: 178px;
  background: url(img/cards/tarot_numbers/dot_sprite.png) top left/100% repeat-y;
}
.open_history_item
{
  text-align: center;
  color: #28a645;
  cursor: pointer;
  transition: color 0.5s linear;
  padding-top: 2px;
}
.open_history_item:hover
{
  color: #555;
}
.history_item_code
{
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 25px;
  padding-left: 0;
  padding-top: 12px;
  white-space: nowrap;
}
.history_item_code div 
{
  display: inline-block;
  margin: 0 2px; 
}
.after_btns
{
  margin-top: 20px;
}
.marakata_dot
{
  background: url(img/cards/tarot_numbers/dot_sprite.png) top left/100% repeat-y;
  color: transparent;
}
.history_item_date 
{
  font-size: 15px;
  padding-top: 9px;
  margin-left: 5px;
  color: #555;
  text-align: center;
}
.history_item_name 
{
  font-size: 16px;
  color: #555;
  padding-right: 0;
  overflow: hidden;
  padding-top: 19px;
  position: relative;
  white-space: nowrap;
}
.history_item_open
{
  padding-top: 11px;
}
.history_item_name:after
{
  content: '';
  position: absolute;
  width: 37px;
  height: 37px;
  top: 0;
  right: 0;
  z-index: 601;
  box-shadow: inset -27px 0px 1rem rgba(255,255,255,1)!important;
}
.history_item:nth-child(odd) .history_item_name:after
{
  box-shadow: inset -27px 0px 1rem rgba(234,238,247,1)!important;
}
.mode_content
{
  font-size: 18px;
}
#mode_namerenie
{
  text-align: center;
}
.elements_item
{
  cursor: pointer;
}
.elements_item img
{
  width: 100%;
  max-width: 200px;
  margin-bottom: 25px;
  border: 2px solid #555;
  border-radius: 50%;
  transition: all 0.5s linear;
}
.elements_item:hover img, .elements_item.active img
{
  border-color: #f7b754;
  box-shadow: 0 0rem 10px 12px rgba(0,0,0,.15)!important;
}
.master_cards_wrapper
{
  opacity: 1;
}
.shadow
{
  opacity: 0.3;
}
.problem_range 
{
  background: #afb1b6;
  transition: all 0.5s linear;
  height: 10px;
  padding: 0;
  margin-top: 40px;
  margin-bottom: 80px;
  position: relative;
  border-radius: 5px;
}
.problem_range_card_neutral
{
  width: 75px;
  height: 135px;
  background-position-y: 0px;
  background: url(img/cards/tarot_numbers/card_problem.png) top left/100% repeat-y;
  top: -60px!important;
  transition: left 0.05s linear;
}
.problem_range_card.problem_range_card_n
{
  background-position-y: -136px;
}
.problem_range_card.problem_range_card_d
{
  background-position-y: -272px;
}
.problem_range_card.problem_range_card_r
{
  background-position-y: -405px;
}
.problem_range_card.problem_range_card_z
{
  background-position-y: -540px;
}
.master_problem_wrapper 
{
  /*background: #fff;*/
}
.problem_finish
{
  background: #323239;
  color: #fff;
  padding: 48px 0 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: -14px;
}
.problem_me
{
  font-size: 65px;
  text-align: right;
}
.start_info
{
  padding-top: 100px;
  color: #000;
  font-size: 22px;
}
.start_info h4
{
  font-weight: 600;
}
.form-group
{
  position: relative;
}
.form-group-inner 
{
  height: 350px;
  position: fixed;
}
.header-title_logo
{
  padding: 0;
}
.header-title_logo img
{
  height: 70px;
}
.how_to_elem img
{
  max-width: 100%;
}
.elem_mode_title, .elem_mode_card
{
  font-weight: bold;
}
.elems_card
{
  transition: left 0.5s linear, top 0.5s linear;
  position: absolute;
  width: 180px;
  left: 0;
  top: -200px;
}
.elems_card.elems_card_4
{
  width: 311px;
}
.elems_card img 
{
  width: 100%;
  border-radius: 14px;
  border: 10px solid #fff;
}
.acent_text
{
  color: #f96b47
}
.btn_start_elems
{
  transform: rotate(90deg);
}
.mph-widget
{
  width: 200px!important;
  min-height: 150px!important;
  box-shadow: none!important;
  background-color: transparent!important; 
}
.phase-name_alt
{
  font-weight: bold;
  font-size: 18px;
}
@media (min-width: 600px) {
  .sweet-alert
  {
    left: 51.1%;
  }
}
@media (max-width: 960px) {
  .protocols_item_title, .mode-item_title
  {
    font-size: 10px;
  }
}
@media (max-width: 840px) {
  .protocols_item_8 span.protocols_item_title 
  {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .start_info
  {
    padding-top: 0;
  }
  .start_info .start_info_inner
  {
    position: static;
  }
  .start_info h4
  {
    text-align: center;
  }
  .form-group-inner
  {
    position: static;
  }
}
@media (max-width: 720px) {
  .mobile_screen_what_way 
  {
    margin-top: 120px;
  }
}
@media (max-width: 540px) {
  .protocols_item_8 span.protocols_item_title 
  {
    font-size: 10px;
  }
  .mode-item .mode-item_title
  {
    font-size: 20px;
  }
  .protocols_item .mode-item_title
  {
    font-size: 16px;
  }
  .mode-item .mode-item_img
  {
    font-size: 80px;
  }
  .mode-item
  {
    margin: 0;
    margin-bottom: 20px;
  }
  #myChart
  {
    left: -145px;
    top: 150px;
  }
  .status
  {
    font-size: 14px;
  }
}