*{ margin: 0; padding: 0; outline: none; }
html, body{ padding: 0; margin: 0; font: 14px Arial, Tahoma, Verdana, sans-serif; line-height: 24px; }
body.themodal-lock{ overflow: hidden; }
p{ padding: 0; margin: 0 0 15px; }
table{ border-collapse: collapse; border: 0; width: 100%; }
table td{ padding: 0; }

img{ border: 0; vertical-align: middle; }
form{ padding: 0; margin: 0;}
label{ vertical-align: middle; }
input{ padding: 0 5px; margin: 0; box-sizing: border-box; outline: none; vertical-align: middle; font-family: Arial, Tahoma, Verdana, sans-serif; }

button{ outline: 0; }
button.btn{ transition: background-color 0.3s ease; font-size: 18px; height: 46px; padding: 0 42px 1px; color: #fff; border: none; border-radius: 3px;  cursor: pointer;  }
button.btn.pink{ background: #ff6d85; }
button.btn.pink:hover{ background: #ff5567; }
button.btn.blue{ background: #6d8fff; }
button.btn.blue:hover{ background: #556fff; }
button.btn.turquoise{ background: #40c7db; }
button.btn.turquoise:hover{ background: #3ab9ce; }
button.btn.lblue{ background: #6dc9ff; }
button.btn.lblue:hover{ background: #55a5ff; }
button.btn.disabled{ background: #d8d8d8; cursor: default; }

select{ padding: 0; margin: 0; vertical-align: middle; font-size: 13px; font-family: Arial, sans-serif; }
textarea{ margin: 0; padding: 3px 5px; box-sizing: border-box; font-size: 14px; line-height: 18px; font-family: Tahoma, sans-serif; border: 1px solid #cfcfcf; resize: none; outline: none; }

ul li{ list-style-type: none; }
a{ text-decoration: none; }
a:hover{ text-decoration: none; }
h1{ font-size: 30px; line-height: 36px; padding: 0; margin: 0 0 8px; color: #a29888; font-weight: normal; }
h2{ font-size: 24px; line-height: 30px; padding: 0; margin: 0 0 20px; color: #a29888; font-weight: normal; }

.fl_left{ float: left; }
.fl_right{ float: right; }

.cl{ clear: both; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; }
.main{ min-width: 768px; }
html, body, .main, .content, .cont_vc{ min-height: 100% !important; height: 100%; box-sizing: border-box; }

button.btn.orange{ background: #ffa200; }
button.btn.small img{ margin: 8px 8px 0 -3px; vertical-align: top; }

button.btn.like_frame{ position: relative; background: none; border: 1px solid #d5dce6; color: #a9aeb5; line-height: 31px; }
button.btn.like_frame span.bl{ display: inline-block; margin: 0 0 0 22px; }
button.btn.like_frame span.like, button.btn.like_frame span.like_hover{ position: absolute; background-image: url(../images/icon_btn_star.png); background-repeat: no-repeat; margin: 7px 0 0 -22px; width: 16px; height: 16px; display: inline-block;
-webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
button.btn.like_frame span.like{ background-position: 0 0; opacity: 1; }
button.btn.like_frame span.like_hover{ background-position: 0 -16px; opacity: 0; }
button.btn.like_frame:hover span.like{ opacity: 0; }
button.btn.like_frame:hover span.like_hover{ opacity: 1; }
/*-- /global --*/
/*-- header --*/
.header{ min-width: 768px; width: 100%; height: 96px; margin: 0 0 40px; color: #fff; position: relative; text-align: center;  position: absolute; top: 0; z-index: 5; }
.header .step{ float: left; position: absolute; top: 22px; left: 30px; }
.header .step ul{ margin: 0; padding: 0; }
.header .step ul li{margin: 0 19px 0 0; padding: 0; float: left; width: 53px; height: 53px; box-sizing: border-box; border: 2px solid #7b8ca8; border-radius: 50%; font-size: 24px; line-height: 50px; text-align: center; color: #7b8ca8; }
.header .step ul li.selected{ border: 2px solid #fefefe; color: #fefefe; }
.header .step ul li.checked{ border: 2px solid #fefefe; background-color: #7d8eaa; background-image: url(../images/icon_step_checked.png); background-repeat: no-repeat; background-position: 50% 50%; }

.logo{ height: 96px; display: table; position: absolute; top: 0; right: 30px; }
.logo a{ height: 96px; display: table-cell; vertical-align: middle; }

.slogan{ width: 44%; height: 96px; overflow: hidden; margin: 0 auto; font-size: 24px; line-height: 28px; }
.slogan span{ display: block; padding: 33px 0 0; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
/*-- /header --*/
/*-- content --*/
.content{ /*padding: 76px 0 0;*/ padding: 116px 0 40px; clear: both; overflow-x: hidden; }
.cont_vc{ display: table; width: 377px; margin: 0 auto; /*padding: 96px 0 10vh;*/ }

.bl_card_profile{ width: 650px; margin: 0 auto; display: table-cell; vertical-align: top; }
.card_profile{ width: 650px; position: relative; background: #ccc; margin: 0 auto;  border-radius: 10px; overflow: hidden; }
.card_profile .part_photo{ width: 220px; background: #ffffff; display: table-cell; vertical-align: top; text-align: center; padding: 30px 0 40px; }
.card_profile .part_photo .upload_file{ position: relative; width: 156px; height: 156px; display: inline-block; border-radius: 50%; }
.card_profile .part_photo .upload_file input{ position: absolute; top: 0; right: 0; height: 156px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: pointer; font-size: 200px; }
.card_profile .part_photo .upload{ position: relative; font-size: 16px; color: #fff; width: 156px; height: 156px; overflow: hidden; display: inline-block; background: #1b3869; border-radius: 50%; margin: 0 0 19px; cursor: pointer; }
.card_profile .part_photo .upload img.pic{ width: 100%; display:none; cursor:default;}

.card_profile .part_photo .upload .bl{ display: table-cell; width: 156px; height: 156px; vertical-align: middle; }
.card_profile .part_photo .upload .bl.photo_loader.to_hide{ display: none; }

.card_profile .part_photo .upload_pic{ transition: background-color 0.3s ease; cursor: pointer; overflow: hidden; width: 53px; height: 53px; box-sizing: border-box; display: inline-block; background-color: #00d8bc; background-image: url(../images/icon_upgrade_card_photo.png); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; border: 3px solid #fff; position: absolute; bottom: 2px; right: 2px; }
.card_profile .part_photo .upload_file:hover .upload_pic{ background-color: #00b697; }
.card_profile .part_photo .name{ font-size: 24px; line-height: 28px; margin: 0 0 5px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card_profile .part_photo .name_info{ font-size: 16px; line-height: 20px; color: #9c9c9c; }
.card_profile .card_profile_info{ vertical-align: top; width: 430px; display: table-cell; box-sizing: border-box; padding: 30px; }
.card_profile .card_profile_info .title{ font-size: 24px; line-height: 28px; margin: 0 0 15px; }
.card_profile .card_profile_info textarea{-ms-overflow-style: none; font-size: 16px; line-height: 26px; width: 100%; height: 60px; padding: 5px; border: none; margin: 0 0 5px; }
.card_profile .card_profile_info textarea::-webkit-scrollbar {width: 0;}
.card_profile .card_profile_info .basic_field{font-size: 16px; line-height: 26px; width: 100%; height: 26px; padding: 0; border: none; margin: 0 0 20px; }

.card_profile .error{
    margin-top: -24px;
    opacity: 0;
    transition: all .25s, opacity .25s linear;
    color: #fe5e4e;
    font-size: 12px;
    padding: 0 0 0 5px;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    width: 210px; height: 24px;
    text-overflow: ellipsis;
    cursor: default;
}
.card_profile .error.to_show{ opacity: 1; }
.card_profile .card_profile_info .btn{ float: right; }

.bl_card_question{ width: 377px; margin: 0 auto; display: table-cell; vertical-align: middle; }
#full_step_2{ /*vertical-align: top;*/ width: 100%; }
.bl_card_question .card_question_cont{ width: 377px; height: 456px; position: relative; margin: 0 0 25px; }
.bl_card_question .card_question{opacity:0; width: 377px; height: 456px; position: relative; display: table; background: #fff; position: absolute; top: 0; left: 0; z-index: 2; border-radius: 10px; }
.bl_card_question .card_question.no{ background: #ff6d85; z-index:3; }
.bl_card_question .card_question.yes{ background: #40c7db; z-index:3; }
.bl_card_question .card_question.no.show, .bl_card_question .card_question.yes.show{opacity:1;}
.bl_card_question .card_question.no.hide, .bl_card_question .card_question.yes.hide{opacity:0; transition:opacity .3s linear; -webkit-transition:opacity .3s linear;}
.bl_card_question .card_question .count{ font-size: 16px; line-height: 20px; color: #9c9c9c; position: absolute; top: 45px; width: 100%; text-align: center; }
.bl_card_question .card_question .question_txt{ font-size: 28px; line-height: 48px; width: 377px; height: 456px; padding: 0 30px; box-sizing: border-box; display: table-cell; vertical-align: middle; text-align: center; }
.bl_card_question .card_question .question_vh{ font-size: 72px; line-height: 78px; width: 377px; height: 456px; padding: 0 30px; box-sizing: border-box; display: table-cell; vertical-align: middle; text-align: center; }
.bl_card_question .card_question .question_vh img{ margin: 0 0 25px; }
.bl_card_question .card_question .question_vh span{ display: block; color: #fff; }
.bl_card_question .card_question_btn{ padding: 0 16px; height: 75px; }
.bl_card_question .card_question_btn .btn{ min-width: 160px; height: 75px; font-size: 28px; }

.bl_card_question .card_question.answer{opacity:0;}
.bl_card_question .card_question.first{opacity:1;}
.bl_card_question .card_question.to_move_left{
    z-index:3;
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
    left:-430px;
    -webkit-transition:all .45s, -webkit-transform .45s, z-index .01s;
    transition:all .45s, transform .4s, z-index .01s;
}

.bl_card_question .card_question.to_move_right{
    z-index:3;
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
    left:430px;
    -webkit-transition:all .45s, -webkit-transform .45s, z-index .01s;
    transition:all .45s, transform .45s, z-index .01s;
}

.bl_card_question .card_question.to_hide{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0; z-index: 0;
    -webkit-transition:all .45s, -webkit-transform .45s, z-index .01s;
    transition:all .45s, transform .45s, z-index .01s;
    transition-delay:.05s;
}

.bl_card_question .card_decor_left1{ width: 277px; height: 339px; background: rgba(255,255,255,0.5); position: absolute; top: 11px; left: -5px; border-radius: 10px; z-index: 1;
-webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg); transform: rotate(-5deg);
}
.bl_card_question .card_decor_left2{ width: 277px; height: 339px; background: rgba(255,255,255,0.3); position: absolute; top: 35px; left: -12px; border-radius: 10px; z-index: 1;
-webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg);
-o-transform: rotate(-6deg); transform: rotate(-6deg);
}
.bl_card_question .card_decor_right1{ width: 277px; height: 339px; background: rgba(255,255,255,0.3); position: absolute; top: 20px; right: -10px; border-radius: 10px; z-index: 1;
-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);
-o-transform: rotate(5deg); transform: rotate(5deg);
}

.bl_card_type{ width: 610px; margin: 0 auto; /*padding: 96px 0 0;*/ /*height: calc(100vh - 136px);*/ position: relative; }
.bl_card_type .bl_loader{ text-align: center; /*padding: 40px 0 0;*/ width: 60px; height: 60px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.bl_card_type .list_photos_card{ padding: 0 0 10px;}
.bl_card_type .list_photos_card a{ position: relative; display: block; border-radius: 10px 10px 0 0; }
.bl_card_type .list_photos_card .item{ position: relative; overflow: hidden; width: 126px; height: 188px; background: #5977a9; margin: 0 13px 26px; transition: 0.3s ease; float: left; border-radius: 10px; }
.bl_card_type .list_photos_card .item .btn img{ margin: 3px 0 0; }
.bl_card_type .list_photos_card a img.photo{ transition: 0.3s ease; border-radius: 10px 10px 0 0; }
.bl_card_type .list_photos_card a:hover img.photo{ -webkit-filter: brightness(1.1); filter: brightness(1.1); }
.bl_card_type .list_photos_card .foot{ height: 48px; background: #fff; padding: 10px 12px 0; border-bottom: 1px solid #c1c3c6; box-sizing: border-box; }
.bl_card_type .list_photos_card .foot .like_frame{ display: block; }
.bl_card_type .list_photos_card .foot .orange{ display: none; }
.bl_card_type .list_photos_card .foot.checked .like_frame{ display: none; }
.bl_card_type .list_photos_card .foot.checked .orange{ display: block; }
.bl_card_type .list_photos_card .foot .btn{ height: 26px; width: 100%; }
.bl_card_type .list_photos_card .foot .btn span.like, .bl_card_type .list_photos_card .foot .btn span.like_hover{ top: 0; left: 50%; margin: 3px 0 0 -8px; }
.bl_card_type .list_photos_card .bl_loader{ text-align: center; padding: 40px 0; }
/*-- /content --*/

.card_join .bl{ text-align: left; margin: 0 0 10px; position: relative; width:367px; float: right; }
.card_join .bl label{ display: block; margin: 0 0 6px; }
.card_join .bl input.inp{ height: 34px; margin: 0; padding: 0 21px 0 11px; margin-bottom: 13px;}
.card_join .bl input.inp.capcha{ width: 200px; float: right; }
.card_join .bl .icon_check{ opacity: 1; transition:all .25s, opacity .25s linear; position: absolute; top: 12px; right: 7px; background: url(../images/icon_check.png) 0 0 no-repeat; width: 12px; height: 10px; }
.card_join .bl .icon_check.to_hide{ opacity: 0; }
.card_join .bl .error{ opacity: 1; transition:all .25s, opacity .25s linear;  color: #fe5e4e; font-size: 12px; padding: 0 0 0 5px; position: absolute; bottom: -56px; }
.card_join .bl.bl_basic .error{top: 48px; margin-left: -5px;}
.card_join .bl .error.to_hide{ opacity: 0; }
.card_join .bl #captcha_error{right: 1px; width: 198px;}
.card_join .bl .capcha{width: 152px; height: 34px; border-radius: 3px; overflow: hidden; vertical-align: top; border: 1px solid #ced1da; border-radius: 3px; background: #fff; display: inline-block; margin: 0 9px 0 0; box-sizing: border-box; float: left; }
.card_join .bl .capcha img{ cursor: pointer; }
.card_join .bl .capcha_img{ border: none; }
.card_join .bl .recaptcha_bl{ height: 96px; position: relative; }
.card_join .bl .recaptcha_bl .recaptcha{ margin-left: 65px; }
.card_join .bl .recaptcha_bl .error{ bottom: -8px; right: 1px; width: auto; }

.card_join .bl .bl_inp_pos{ position: relative; }
button.btn.turquoise:disabled{ background: #9f9f9f; }
button.btn.turquoise:disabled:hover{ background: #9f9f9f; }

.placeholder::-webkit-input-placeholder {color: #b6b6b6;}
.placeholder:-moz-placeholder {color: #b6b6b6; opacity: 1;}
.placeholder::-moz-placeholder {color: #b6b6b6; opacity: 1;}
.placeholder:-ms-input-placeholder {color: #b6b6b6;}

.placeholder:focus::-webkit-input-placeholder{color:transparent;}
.placeholder:focus:-moz-placeholder{color:transparent;}
.placeholder:focus::-moz-placeholder{color:transparent;}
.placeholder::focus:-ms-input-placeholder{color:transparent;}

.pp_wrapper, .pp_shadow{ position: absolute; position:fixed; z-index: 3; top: 0px; left: 0px; height: 100%; width: 100%; will-change: opacity}
.pp_wrapper {overflow:auto; text-align:center; white-space:nowrap; background: url(../images/empty.gif)}

.pp_shadow {background-color: rgba(0, 0, 0, 0.50);}
.page_shadow_empty{display:none; background: transparent;}
.pp_shadow_white{ background-color: rgba(255, 255, 255, 0.96); }
.pp_wrapper:before, .pp_wrapper:after {width: 1px; height: 100%; display:inline-block; content:''; vertical-align:middle}

.pp_cont{/*width:490px;*/ display:inline-block; vertical-align:middle; text-align:left; white-space:normal; margin: 25px 3px; zoom:1}
.pp_info_start{ background: #fffff0; box-shadow: 0 0 16px rgba(0, 0, 0, 0.34); /*border: 1px solid #bdc1ca;*/ border-radius: 3px; width: 255px; }
.pp_info_start .cont{ padding: 15px 20px 20px 20px; text-align: center; }
.pp_info_start .cont .title{ font-size: 24px; line-height: 30px; }
/*.pp_info_start .cont .msg{margin-top: 20px;}*/
.pp_info_start .cont .pic_chat{ width: auto; margin: 0 auto 5px; height: 88px; vertical-align: middle; display: table; text-align: center; }
.pp_info_start .cont .pic_chat .pic{ display: table-cell; vertical-align: middle; padding: 0 10px 0 0; text-align: center; width: 46px; }
.pp_info_start .cont .pic_chat button{ border: none; display: table-cell; vertical-align: middle; text-align: right; border-radius: 50%; width: 46px; height: 46px; margin: 0 auto; background-size: 100% auto; outline: none !important; transition: 0.5s ease; }
.pp_info_start .cont .pic_chat button:hover{ -webkit-filter: brightness(1.1); filter: brightness(1.1); }

.pp_info_start .cont .pic_chat .info{ text-align: left; display: table-cell; vertical-align: middle; text-align: left; font-size: 12px; line-height: 18px; }
.pp_info_start .cont .pic_chat .info strong{ display: block; }
.pp_info_start .cont .img_chat{ width: 215px; height: 88px; padding: 0 0 6px; vertical-align: middle; display: table-cell; text-align: center; }
/*.pp_info_start .cont .img_chat .td{ display: table-cell; vertical-align: middle; }
*/
.pp_info_start .cont .img_chat .icon{ margin: 33px 0 19px; }
.pp_info_start .cont .img_chat .msg{ padding: 0 0 36px; /*text-align: left; */line-height: 20px; }
.pp_info_start .cont .btn{ width: 100%; }
.pp_info_start .cont .double_btn .btn{ width: 50%; margin: 0; float: left; line-height: 30px; }
.pp_info_start .cont .double_btn .btn.marsh{ border-radius: 0 3px 3px 0; }
.pp_info_start .cont .double_btn .btn.dgrey{ border-radius: 3px 0 0 3px; border-right: 1px solid #fff; }
button.btn.marsh{ background: #a9a97d; }
button.btn.marsh:hover{ background: #afaf88; }

.css_loader{
	/*position: absolute;*/ font-size: 19px; color: #fff; -webkit-transition:.3s all, opacity .25s linear; transition:.3s all, opacity .25s linear;
}
.css_loader.hidden, .video-js~.css_loader, .bl_photo_one.ready .css_loader{
	opacity:0; visibility:hidden;
}
.css_loader_btn{
	font-size: 24px;
}

.spinner {
  position: relative;
  display: inline-block;
  width: 1.01em;
  height: 1.01em;
}

.spinner.center, .spinnerw.center{
  position: absolute;
  opacity: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.full_step_2_loader{
    /*font-size: 60px;*/
    font-size: 30px;
    display: none;
}

.photo_upload_loader{
    font-size: 34px;
}

.loader_rotate .spinner.center{
    left:-1px;
    top:-6px;
}

.spinner .spinner-blade {
  position: absolute;
  opacity:0;
  left: 0.4629em;
  bottom: 0;
  width: 0.074em;
  height: 0.267em;
  border-radius: 0.5em;
  background-color: #000;
  -webkit-filter: blur(0px); filter: blur(0px);
  -webkit-transform-origin: center -0.2222em;
      -ms-transform-origin: center -0.2222em;
          transform-origin: center -0.2222em;
  -webkit-animation: spinner-fade 1s infinite linear;
          animation: spinner-fade 1s infinite linear;
}

.spinnerw .spinner-blade {
    background-color: #FFF;
}

.loader_rotate .spinner .spinner-blade {
  height: 3px!important;
  -webkit-transform-origin: center -0.16em!important;
      -ms-transform-origin: center -0.16em!important;
          transform-origin: center -0.16em!important;
}

/*.hidden .spinner .spinner-blade {
	-webkit-animation-iteration-count: 1; animation-iteration-count: 1;
}*/
.spinner .spinner-blade:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.spinner .spinner-blade:nth-child(2) {
  -webkit-animation-delay: 0.083s;
          animation-delay: 0.083s;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.spinner .spinner-blade:nth-child(3) {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.spinner .spinner-blade:nth-child(4) {
  -webkit-animation-delay: 0.249s;
          animation-delay: 0.249s;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.spinner .spinner-blade:nth-child(5) {
  -webkit-animation-delay: 0.332s;
          animation-delay: 0.332s;
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.spinner .spinner-blade:nth-child(6) {
  -webkit-animation-delay: 0.415s;
          animation-delay: 0.415s;
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.spinner .spinner-blade:nth-child(7) {
  -webkit-animation-delay: 0.498s;
          animation-delay: 0.498s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.spinner .spinner-blade:nth-child(8) {
  -webkit-animation-delay: 0.581s;
          animation-delay: 0.581s;
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.spinner .spinner-blade:nth-child(9) {
  -webkit-animation-delay: 0.664s;
          animation-delay: 0.664s;
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.spinner .spinner-blade:nth-child(10) {
  -webkit-animation-delay: 0.747s;
          animation-delay: 0.747s;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.spinner .spinner-blade:nth-child(11) {
  -webkit-animation-delay: 0.83s;
          animation-delay: 0.83s;
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.spinner .spinner-blade:nth-child(12) {
  -webkit-animation-delay: 0.913s;
          animation-delay: 0.913s;
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spinner-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#join_done{ position: relative; min-width: 130px; }
button.btn.like_frame.active{ background: #ffa200; color: #fff; border: none; }
button.btn.like_frame.active:hover span.like{ opacity: 1; }
button.btn.like_frame.active span.like, button.btn.like_frame.active span.like_hover{ background-image: url(../images/icon_liked.png); width: 16px; height: 16px; background-position: 0 2px; margin: 7px 0 0 -22px; }

.card_join .bl .capcha:disabled{background: #fff; color: #000000; border: 1px solid #ced1da;}
input.fl_basic:disabled,
textarea.fl_basic:disabled{background-color: #FFF;}