.instruction {
	padding-top: 2em;
	padding-bottom: 1em;
	text-align: center;
	font-size: 14px;
	max-width: 600px;
   line-height: 1.67;
   min-width: 100%;
}
.instruction__pict {
	padding: 19px;
	max-width: 220px;
	margin: 0 auto;
}
.instruction__descr {
   flex-grow: 1;
}
.instruction__title {
   font-size: 1.43em;
   font-weight: 700;
   margin-bottom: .6em;
}
.instruction__subtitle {
   font-weight: 700;
   font-size: 1.1em;
   margin-bottom: .8em;
   line-height: 1.3;
}
.instruction p:not(.instruction__subtitle), .settings__content p {
   margin-bottom: 1.1rem;
   color: #5e6b79;
   line-height: 1.9;
}
.steps {
   font-weight: 300;
   letter-spacing: .02em;
}
.steps b {font-weight: 700;}

.become-sec {
	padding: 0 5px 1em;
   background-color: #f9f9f9;
   max-width: 730px;
   margin-left: auto;
   margin-right: auto;
}
.become-sec .alert {flex-grow: 0;}

.become-sec .container {max-width: 883px;}

.become__list {
   padding: 0;
   margin-bottom: 1.4em;
   list-style: none;
   text-align: left;
   font-size: 0.9em;
}
.become__list li {
   margin-bottom: 1.1em;
   position: relative;
   padding-left: 2.1em;
}
.become__list li:before {
   content: '';
   position: absolute;
   left: 0;
   top: 9%;
   display: inline-block;
   width: 16px;
   height: 16px;
   background-position: center;
   background-size: contain;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231e8b3d' d='M27.6 7.067c-0.533-0.533-1.333-0.533-1.867 0l-13.733 13.733-5.733-5.733c-0.533-0.533-1.333-0.533-1.867 0s-0.533 1.333 0 1.867l6.667 6.667c0.267 0.267 0.533 0.4 0.933 0.4s0.667-0.133 0.933-0.4l14.667-14.667c0.533-0.533 0.533-1.333 0-1.867z'%3E%3C/path%3E%3C/svg%3E");
}
.become__location {
   position: relative;
   margin: 0 auto 22px;
   width: 100%;
}
.selectivity-single-selected-item {font-size: 14px;}

.hover .selectivity-single-selected-item{font-weight: 700;}

.selectivity-error {
   /*display: none;*/
}
.select-users .selectivity-single-selected-item{opacity: 0;}

.selectivity-result-item.highlight {
   background-color: #fff;
   color: #333;
}
.selectivity-result-item.highlight:hover {
   background: #f9f9f9;
   color: #8b95a1;
}
.selectivity-custom-item > img {
   display: inline-block;
   width: 24px;
   height: 24px;
   max-width: 24px;
   border-radius: 50%;
   margin-right: 10px;
   vertical-align: -5px;
}
.become__location .select:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%238b95a1' d='M16 0c-7.333 0-13.333 6-13.333 13.333 0 9.867 12.133 18.133 12.533 18.4 0.267 0.133 0.533 0.267 0.8 0.267s0.533-0.133 0.8-0.267c0.4-0.267 12.533-8.533 12.533-18.4 0-7.333-6-13.333-13.333-13.333zM16 29.067c-2.533-1.867-10.667-8.533-10.667-15.733 0-5.867 4.8-10.667 10.667-10.667s10.667 4.8 10.667 10.667c0 7.2-8.133 13.867-10.667 15.733z'%3E%3C/path%3E%3Cpath fill='%238b95a1' d='M16 8c-2.933 0-5.333 2.4-5.333 5.333s2.4 5.333 5.333 5.333c2.933 0 5.333-2.4 5.333-5.333s-2.4-5.333-5.333-5.333zM16 16c-1.467 0-2.667-1.2-2.667-2.667s1.2-2.667 2.667-2.667c1.467 0 2.667 1.2 2.667 2.667s-1.2 2.667-2.667 2.667z'%3E%3C/path%3E%3C/svg%3E");
   width: 16px;
   height: 16px;
   right: calc(2% + 8px);
   top: calc(50% - 8px);
}
.become__location .select.hover:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fe5b5c' d='M16 0c-7.333 0-13.333 6-13.333 13.333 0 9.867 12.133 18.133 12.533 18.4 0.267 0.133 0.533 0.267 0.8 0.267s0.533-0.133 0.8-0.267c0.4-0.267 12.533-8.533 12.533-18.4 0-7.333-6-13.333-13.333-13.333zM16 29.067c-2.533-1.867-10.667-8.533-10.667-15.733 0-5.867 4.8-10.667 10.667-10.667s10.667 4.8 10.667 10.667c0 7.2-8.133 13.867-10.667 15.733z'%3E%3C/path%3E%3Cpath fill='%23fe5b5c' d='M16 8c-2.933 0-5.333 2.4-5.333 5.333s2.4 5.333 5.333 5.333c2.933 0 5.333-2.4 5.333-5.333s-2.4-5.333-5.333-5.333zM16 16c-1.467 0-2.667-1.2-2.667-2.667s1.2-2.667 2.667-2.667c1.467 0 2.667 1.2 2.667 2.667s-1.2 2.667-2.667 2.667z'%3E%3C/path%3E%3C/svg%3E");
   opacity: 1;
}
.user-picker .select:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23bbb' d='M22.667 25.333v2.667c0 0.8-0.533 1.333-1.333 1.333s-1.333-0.533-1.333-1.333v-2.667c0-2.267-1.733-4-4-4h-9.333c-2.267 0-4 1.733-4 4v2.667c0 0.8-0.533 1.333-1.333 1.333s-1.333-0.533-1.333-1.333v-2.667c0-3.733 2.933-6.667 6.667-6.667h9.333c3.733 0 6.667 2.933 6.667 6.667zM4.667 9.333c0-3.733 2.933-6.667 6.667-6.667s6.667 2.933 6.667 6.667-2.933 6.667-6.667 6.667-6.667-2.933-6.667-6.667zM7.333 9.333c0 2.267 1.733 4 4 4s4-1.733 4-4-1.733-4-4-4-4 1.733-4 4zM29.2 14l2.4-2.4c0.533-0.533 0.533-1.333 0-1.867s-1.333-0.533-1.867 0l-2.4 2.4-2.4-2.4c-0.533-0.533-1.333-0.533-1.867 0s-0.533 1.333 0 1.867l2.4 2.4-2.4 2.4c-0.533 0.533-0.533 1.333 0 1.867 0.267 0.267 0.667 0.4 0.933 0.4s0.667-0.133 0.933-0.4l2.4-2.4 2.4 2.4c0.267 0.267 0.667 0.4 0.933 0.4s0.667-0.133 0.933-0.4c0.533-0.533 0.533-1.333 0-1.867l-2.4-2.4z'%3E%3C/path%3E%3C/svg%3E");
   width: 16px;
   height: 16px;
   right: calc(2% + 8px);
   top: calc(50% - 8px);
}
.selectivity-placeholder{font-size: 15px;}

.language {
   display: flex;
   flex-flow: column wrap;
   flex-grow: 1;
}
.language__item,.block__item {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   border-radius: 4px;
   border: solid 1px #d2dbe4;
   padding: 5px 9px;
   margin-bottom: 10px;
}
.block__item:last-of-type {margin-bottom: 25px;}

.language__item--extra {
   margin-top: 10px;
   margin-bottom: 30px;
}
.language__item:first-child {margin-top: 0 !important;}

.language__item + .alert {margin-top: auto;}

.language__action,.block__action {margin-left: auto;}

.language__title {
   padding: 0 5px 1px;
}
.language__item--extra .language__title{opacity: 0.7;}

.language__title--modal {
   width: 100%;
   margin: 0 0 2em;
   padding: 13px;
   border-radius: 4px;
   border: solid 1px #dde6f0;
}
.language__level {
   display: flex;
   flex-flow: column wrap;
   padding: 10px 0;
}
.language__level-item {
   /* flex-grow: 1; */
   /* text-align: center; */
   /* display: flex; */
   /* justify-content: center; */
   /* align-items: center; */
   /* font-weight: bold; */
   display: block;
   padding: 9px 12px;
   font-size: 14px;
   border-radius: 4px;
   border: solid 1px #bfc8d2;
   margin: 0 0 15px;
   /* min-height: 46px; */
}
.language__item [type=radio] {
   width: 0;
   opacity: 0;
}
.language__concretely {
   display: none;
}
[type=radio]:checked + .language__concretely,.language__item--selected .language__concretely {display: inline-block;}

.language__concretely:before {
   content: '- ';
}
.btn[data-reset] {display: none;}

[type=radio]:checked ~ .language__action [data-reset] {display: inline-block;}

.btn[data-modal] {display: inline-block;}

[type=radio]:checked ~ .language__action [data-modal] {display: none;}

.language__level-item:active,.language__level-item:hover {background-color: #f2f2f2;}

/* .language__level-item + .language__level-item {box-shadow: 0 -2px 1px -2px rgba(20,20,20,.1)} */
.block__avatar {
   display: inline-block;
   width: 25px;
   height: 25px;
   max-width: 25px;
   border-radius: 50%;
   margin-right: 10px;
}
.block__user {
   font-size: 14px;
   padding-right: 8px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: calc(100% - 66px);
}
.photo__box {
   padding: 0;
   margin: 0;
   list-style: none;
   counter-reset: photo;
}
.photo__box li:before {
   counter-increment:photo;
   content: counter(photo);
   display: inline-block;
   margin-right: calc(11px + .3vw);
}
.photo__item {
   display: flex;
   align-items: center;
   color: #8b95a1;
   border-radius: 8px;
   border: solid 1px rgba(139,149,161,.1);
   background-color: rgba(191,200,210,.1);
   padding: 7px 12px;
   margin-bottom: 8px;
}
.photo__item.sortable-chosen:not(.sortable-fallback) {
   opacity: 0;
   transition: .6s;
}
.photo__item.sortable-chosen:before{opacity: 0;}

.photo__item.sortable-fallback {
   opacity: 1!important;
   background-color: var(--main);
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.photo-highlight {border-color: var(--main)}

.photo {
   width: 37px;
   height: 37px;
   flex-shrink: 0;
   border-radius: 5px;
   border: solid 1px #bfc8d2;
   overflow: hidden;
}
.photo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.photo__action {
   display: flex;
   align-items: center;
   margin-left: auto;
}
.photo__action-icon {
   color: #bfc8d2;
   width: 28px;
   height: 28px;
   padding: 5px;
   margin-bottom: 4px;
   margin-right: 2px;
   cursor: pointer;
}
.photo__item.sortable-fallback .photo__action-icon,.photo__item.sortable-fallback .rating{opacity: 0;}

.drag-trigger {
   width: 17px;
   padding: 14px 7px;
   height: 2px;
   border-radius: .5px;
   background-color: #d8d8d8;
   background-clip: content-box;
   box-sizing: content-box;
   position: relative;
   cursor: pointer;
}
.drag-trigger:before,.drag-trigger:after {
   content: '';
   position: absolute;
   left: 7px;
   border-radius:inherit;
   background-color: inherit;
   width: inherit;
   height: 2px;
}
.drag-trigger:before {top: 9px;}
.drag-trigger:after{bottom: 9px;}

.activities__list {
   list-style: none;
   padding: 0;
}
.activities__item {
   padding: 1em 0;
   border-bottom: 1px solid rgba(235,235,235,.8);
}
.activities__item,.activities__title,.availability__all {
   display: flex;
   align-items: center;
}
.activities__item .checkbox-custom--simple,.availability__all .checkbox-custom--simple{
   float: none;
   margin: 0 0 0 auto;
   background-color: transparent;
   order: 5
}
.activities__item.is-disabled {
   opacity: 0.6;
   cursor: not-allowed;
}
.activities__item.is-disabled label {
   pointer-events: none;
}
.availability__all {
   color: #5e6b79;
   padding: .6em 0 1.1em;
   border-bottom: 1px solid rgba(235,235,235,.8);
   margin-bottom: 1.6em;
}
.availability__title {
   padding: 1.2em 20px .8em;
   border-bottom: 1px solid rgba(235,235,235,.8);
}
.activities__item .status__info {
   color: #8b95a1;
   font-size: 16px;
}
.activities__item .status__info-dialog{width: 230px;}

.activities__title {
   flex-grow: 1;
   margin-bottom: 0;
   color: #5e6b79;
}
.activities__title :checked ~ *,.availability-form :checked ~ span{color: var(--main);}

.activities__icon {
   display: inline-block;
   width: 20px;
   height: 20px;
   margin: 0 14px 7px 4px;
}
.activities__icon svg {
   display: inline-block;
   max-width: 100%;
}
.availability__box {
   border-radius: 10px;
   border: solid 1px #bfc8d2;
   background-color: #fff;
}
.availability__wrap {
   padding: .9em 20px;
   transition: .3s;
}
.availability__box:disabled .availability__wrap{
   color: #bfc8d2;
   opacity: 0.7;
}
.availability__row {
   display: flex;
}
.availability__row + .availability__subtitle {margin-top: 1em;}

.availability__label {
   flex: 1 0 50%;
   max-width: 100%;
   display: flex;
   align-items: center;
   line-height: 1;
   font-size: 0.86em;
}
.availability__subtitle {
   padding-top: 0.4em;
   padding-bottom: 0.6em;
}
.textarea {
	display: block;
	width: 100%;
	border-radius: 10px;
	border: solid 1px #bfc8d2;
	background-color: #fff;
	padding: 11px 12px 12px 15px;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	/*color: #bfc8d2;*/
}
.textarea:focus {
   text-shadow: none;
   outline-color: transparent;
   color: inherit;
}
.become__sutitle {
   font-size: 1.1em;
   font-weight: 500;
   padding: 1.1em .1em .8em;
   text-shadow: 0 0;
   line-height: 1.3;
}
.become-sec .status {flex-grow: 0;}

.btn-verif-help{
   color: #8b95a1;
}
.verif-help__remark {
   font-size: 12px;
   color: #8b95a1;
   padding-bottom: .4em;
}
.custom-switch {
   padding: 1em 4px;
   display: flex;
   line-height: 1;
   align-items: center;
}
.custom-control-label {
   /* width: 46px; */
   height: 28px;
   margin: 0 8px 8px auto;
}
.custom-switch .custom-control-label::before{
   box-shadow: none!important;
   width: 46px!important;
   height: 28px!important;
   border-radius: 3em!important;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
   box-shadow: none;
   border-color: #adb5bd;
}
.custom-switch .custom-control-label::after{
   width: 24px!important;
   height: 24px!important;
   border-radius: 50%;
}
.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: var(--primary);
   background-color: var(--primary);
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
   background-color: #fff;
	transform: translateX(1.2rem);
   box-shadow: -1px 2px 5px -1px rgba(0,0,0,.6);
}
.uploaded__box {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 5px;
}
.uploaded__item {
   width: 100%;
   max-width: 170px;
   border-radius: 10px;
   border: solid 1px #fe5b5c;
   background-color: #fff;
   padding: 8px 9px 10px;
   position: relative;
   margin-bottom: 15px;
}
.uploaded__item img {
   border-radius: 5px;
   box-shadow: 4px 4px 5px -2px rgba(9,9,9,.5);
}
.uploaded__del {
   padding: 1px 6px;
   position: absolute;
   top: 0;
   right: 0;
   background-color: var(--main);
   border: none;
   color: #fff;
   border-radius: 0 9px;
}
.uploaded__del svg {
   display: inline-block;
   fill: currentColor;
   width: 12px;
   height: 12px;
   vertical-align: -1px;
}
.separated-picker {
   display: flex;
   justify-content: center;
   padding-top: .3em;
}
.separated-picker .form-control {
   flex-grow: 1;
   max-width: 51px;
   text-align: center;
   font-weight: 700;
   color: inherit;
   font-size: 1.3em;
}
.separated-picker .form-control + .form-control {margin-left: calc(2% + 5px);}

.settings__list {
   list-style: none;
   padding: 0 0 30px;
   max-width: 730px;
   margin-left: auto;
   margin-right: auto;
}
.settings__list li {
   display: flex;
   align-items: center;
   padding: 1em 0;
   border-bottom: solid 1px rgba(235, 235, 235, 0.8);
}
.settings__list li > span {
   margin-right: auto;
   font-size: .92em;
   color: #8b95a1;
   transition: 0.3s;
}
.settings__list li > .settings__link {
   position: relative;
   display: inline-block;
   color: #5e6b79;
   font-weight: 500;
   max-width: calc(100% - 100px);
   padding: 2px 21px 2px 8px;
}
.settings__list a:hover {
   text-decoration: none;
   color: #2d3640!important;
}
.settings__list a:hover li span, .settings__list a:hover li > .settings__link, 
.settings__list a:active li span, .settings__list a:active li > .settings__link {
   text-decoration: none!important;
   color: #2d3640!important;
}

.settings__list li > .settings__link:after {
   content: '';
   position: absolute;
   right: -4px;
   top: 0;
   display: inline-block;
   margin-left: 4px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%235e6b79' d='M20.933 16.933l-8 8c-0.267 0.267-0.533 0.4-0.933 0.4s-0.667-0.133-0.933-0.4c-0.533-0.533-0.533-1.333 0-1.867l7.067-7.067-7.067-7.067c-0.533-0.533-0.533-1.333 0-1.867s1.333-0.533 1.867 0l8 8c0.533 0.533 0.533 1.333 0 1.867z'%3E%3C/path%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: contain;
   height: 1.8em;
   width: 1.8em;
   top: -0.14em;
}
.settings__subtitle {
   font-size: 1.067em;
   font-weight: 500;
   padding: .8em 0;
}
.settings__subtitle b {
   font-weight: 800;
   letter-spacing: .02em;
}
.photo-loaded {
   padding-top: 10px;
}
.cropper-bg {
   position: relative;
}
.cropper-view-box {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	outline: 1px solid var(--primary);
	outline-color: rgba(91,91,91,.5);
}
.cropper-line,.cropper-point {
   background-color: var(--primary);
}
.cropper-point.point-se {
   width: 6px;
   height: 6px;
}
.column {
   display: flex;
   flex-flow: column wrap;
}
@media (min-width: 360px){
   .instruction__title {
      font-size: 1.5em;
   }
   .instruction__subtitle{
      font-size: 1.2em;
   }
   .activities__item {
      padding: 1.1em 0;
   }
   .language__item,.block__item {
      padding: 8px 9px;
      margin-bottom: 12px;
   }
}
@media (min-width: 400px){
   .photo {
      width: 46px;
      height: 46px;
   }
   .uploaded__item:nth-child(even){margin-left: 15px;}
}
@media (min-width: 576px){
   .become-sec .btn-primary:not(.btn--xs):not(.btn--icon){
		margin: 30px auto auto 0;
   }
   .language__level-item {
      padding-top: 15px;
      padding-bottom: 15px;
   }
   .become-sec > .px-xs-19 {
      padding-left: 15px;
      padding-right: 1px;
   }
   .settings__list li > a {
      padding-right: calc(12px + 2vw);
   }
   .block__avatar {
      display: inline-block;
      width: 30px;
      height: 30px;
      max-width: 30px;
      margin-right: 13px;
   }
}
@media (min-width: 767px) and (min-height: 640px){
   .instruction__pict {
		padding: 38px 19px;
	}
   .instruction p:not(.instruction__subtitle), .settings__content p{
      font-size: 1.1em;
   }
   .become__list {
      font-size: 1.1em;
      margin-top: 2.1em;
   }
   .language__item,.block__item {
      padding: 9px 10px;
      margin-bottom: 17px;
   }
}
@media (max-width: 480px) {
	.become-sec {
      padding: 1.4em 5px 1.5em;
      min-height: 99.8vh;
   }
   .settings .btn-primary{width: 100%;}

   form > .become-sec  {min-height: auto;}
   .h-full-xs {
      display: flex;
      flex-flow: column wrap;
      min-height: calc(100vh - 412px);
   }
   .language__level {
      flex-grow: .9;
   }
   .modal-body .btn-box,.modal-body .btn-box .btn {width: 100%;}
}
@media (max-width: 420px) {
	.become-sec .btn:not(.btn--xs){
		width: 100%;
		font-size: 14px;
		font-weight: 500;
		padding: 12px;
		line-height: 1.44;
   }
   .become-sec .btn.btn-verif-help {
      padding: 8px 13px;
      width: auto;
      min-width: auto;
      margin-left: auto;
      margin-right: auto;
   }
   .h-full-xs { min-height: calc(100vh - 72px);}

   .container + .h-full-xs { min-height: calc(100vh - 240px);}
}
@media (max-width: 380px){
   .textarea {
      font-size: 14px;
      max-height: 200px;
   }
   .settings__list {
      font-size: 0.94em;
   }
}
@media (max-width: 359px){
   .h-full-xs { min-height: calc(100vh - 80px);}

   .container + .h-full-xs { min-height: calc(100vh - 250px);}

   .become-sec .reservation__header {padding: .8em 15px;}

   .instruction p:not(.instruction__subtitle), .settings__content p{font-size: 12px;}

   .become__list {font-size: 11px;}

   .selectivity-result-item{font-size: 13px;}

   .steps {font-size: 0.9em;}

   .language__title,.language__concretely{font-size: 14px;}

   .photo__box li:before {font-size: 0.8em;}

   .photo__action-icon{padding: 6px;}

   .activities__title{font-size: 13px;}

   .activities__icon {
      width: 18px;
      height: 18px;
      margin: 0 11px 4px 2px;
   }
   .availability__box {font-size: 14px;}

   .availability__all{font-size: 14px;}

   .become__sutitle {font-size:1.04em}

   .custom-switch {font-size: 14px;}

   .selectivity-custom-item {
      padding: 6px 15px;
   }
   .block__user {font-size: 13px;}
}