.elemblock-form {
    transition: 0.3s;
}

.elemblock-form-fields-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: baseline;
}
.elbk-field-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.elbk-field-group input, .elbk-field-group textarea {
  outline: none;
}

.elbk-field-group .elbk-field-subgroup  {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.elbk-field-subgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elbk-field-subgroup:not(.elbk-subgroup-inline) .elbk-field-option {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.elbk-field-option label {
  cursor: pointer;
}

.elbk-max-file {
  color: #a8a8a8;
  font-size: 12px;
}



.elbk-field-group .required-mark {margin-left: 3px;}

.elemblock-form-button {display: grid;}

.elbk-field-group {position: relative;}

.elbk-field-group.animation-label .elemblock-label {
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all 0.15s linear;
    padding: 5px 10px;
    z-index: 10;
    pointer-events: none;
}
.elbk-field-group.animation-label .elemblock-label {
	top: 7px;
	margin-left: 5px;
	border-radius: 3px;
}
.elbk-field-group.animation-label.show-label .elemblock-label {
	top: -20px;
	margin-left: 5px;
	border-radius: 3px;
}

.show-label .elemblock-label {opacity: 1;z-index: 1;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
input#myInput::-webkit-calendar-picker-indicator { display: none }

input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}



.elbk-field-group .form-fields-icon-left i, .elbk-field-group .form-fields-icon-right i, .elbk-field-group .form-fields-icon-left svg, .elbk-field-group .form-fields-icon-right svg {
    position: absolute;
    z-index: 100;
}

.elemblock-form-button input {border:1px;}

.elbk-field-subgroup:not(.elbk-subgroup-inline) .elbk-field-option:last-child label {
    margin-bottom: 0px !important;
}

.elbk-field-type-acceptance .elbk-acceptance {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
.elbk-field-type-acceptance .elbk-acceptance p {
  margin: 0px;
}
.elbk-acceptance label {
  cursor: pointer;
}

.elemblock-form .elbk-field-type-recaptcha_v3 {
  margin-bottom: 0px !important;
}

/*checkbox*/
    
.elbk-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.elbk-checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.elbk-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 3px;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% 60%;
  transition: .2s;
  background-color: white;
}

.elbk-checkbox:checked+label::before {
  border-color: #0b76ef;
  background-color: #0b76ef !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}


.elbk-checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: #b3d7ff;
}

.elbk-checkbox:not(:disabled):active+label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.checkbox_label {transition: .2s;}


  .elbk-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  .elbk-radio+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  .elbk-radio+label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 50%;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    transition: .2s;
    background-color: white;
  }
  /* стили при наведении курсора на радио */
  .elbk-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: #b3d7ff;
  }
  /* стили для активной радиокнопки (при нажатии на неё) */
  .elbk-radio:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
  }

  /* стили для радиокнопки, находящейся в состоянии checked */
  .elbk-radio:checked+label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    border-width: 5px;
  }
  .radio_label {transition: .2s;}


 
 .elbk-chckbx-tggl {
	display: inline-block;    
	height: 28px;    
	line-height: 28px;      
	margin-right: 10px;       
	position: relative;
	vertical-align: middle;
	user-select: none;	
}
.elbk-chckbx-tggl .tggl-switch {
	display: inline-block;	
	width: 36px;
	height: 14px;	
	border-radius: 20px;
	position: relative;
	top: 6px;			
	vertical-align: top;
	background: #9f9f9f;
	transition: .2s;
}
.elbk-chckbx-tggl .tggl-switch:before {
	content: '';
	display: inline-block;	
	width: 20px;	
	height: 20px;
	position: absolute;
	top: -3px;
	left: -1px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);
	transition: .15s;		
}
.elbk-chckbx-tggl input[type=checkbox] {
	display: block;	
	width: 0;
	height: 0;	
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.elbk-chckbx-tggl input[type=checkbox]:checked + .tggl-switch {
	background: #9ABEF7;
}
.elbk-chckbx-tggl input[type=checkbox]:checked + .tggl-switch:before {
	background: #1a73e8;
	transform:translateX(18px);
}
 
/* Hover */
.elbk-chckbx-tggl input[type="checkbox"]:not(:disabled) + .tggl-switch {
	cursor: pointer;
	border-color: rgba(0, 0, 0, .3);
}
 
/* Active/Focus */
.elbk-chckbx-tggl input[type="checkbox"]:not(:disabled):active + .tggl-switch:before, 
.elbk-chckbx-tggl input[type="checkbox"]:not(:disabled):focus + .tggl-switch:before {
	animation: checkbox-active-on 0.3s forwards linear;
}
@keyframes checkbox-active-on {
	0% {box-shadow: 0 0 0 0 rgba(212,212,212, 0);}
	99% {box-shadow: 0 0 0 10px rgba(212,212,212, 0.5);}
}
 
.elbk-chckbx-tggl input[type="checkbox"]:not(:disabled):checked:active + .tggl-switch:before, 
.elbk-chckbx-tggl input[type="checkbox"]:not(:disabled):checked:focus + .tggl-switch:before {
	animation: checkbox-active-off 0.3s forwards linear;
}
@keyframes checkbox-active-off {
	0% {box-shadow: 0 0 0 0 rgba(154,190,247, 0);}
	99% {box-shadow: 0 0 0 10px rgba(212,212,212, 0.5);}
}
 
.elbk-chckbx-tggl-label {
    margin-left:5px;
}

/*-----------------------------------------------------*/

.elbk-field-type-upload input[type="file"] {
  width: 100%;
}



.elbk-col{width: 100%; }

@media (min-width: 768px) {
  .elbk-col-10{width: 10%; }
  .elbk-col-11{width: 11.111%; }
  .elbk-col-12{width: 12.5%; }
  .elbk-col-14{width: 14.285%; }
  .elbk-col-16{width: 16.666%; }
  .elbk-col-20{width: 20%; }
  .elbk-col-25{width: 25%; }
  .elbk-col-30{width: 30%; }
  .elbk-col-33{width: 33.333%; }
  .elbk-col-40{width: 40%; }
  .elbk-col-50{width: 50%; }
  .elbk-col-60{width: 60%; }
  .elbk-col-66{width: 66.666%; }
  .elbk-col-70{width: 70%; }
  .elbk-col-75{width: 75%; }
  .elbk-col-80{width: 80%; }
  .elbk-col-83{width: 83.333%; }
  .elbk-col-90{width: 90%; }
  .elbk-col-100{width: 100%; } }
   
  @media (max-width: 767px) {
  .elbk-col-sm-10 {width: 10%; }
  .elbk-col-sm-11 {width: 11.111%; }
  .elbk-col-sm-12 {width: 12.5%; }
  .elbk-col-sm-14 {width: 14.285%; }
  .elbk-col-sm-16 {width: 16.666%; }
  .elbk-col-sm-20 {width: 20%; }
  .elbk-col-sm-25 {width: 25%; }
  .elbk-col-sm-30 {width: 30%; }
  .elbk-col-sm-33 {width: 33.333%; }
  .elbk-col-sm-40 {width: 40%; }
  .elbk-col-sm-50 {width: 50%; }
  .elbk-col-sm-60 {width: 60%; }
  .elbk-col-sm-66 {width: 66.666%; }
  .elbk-col-sm-70 {width: 70%; }
  .elbk-col-sm-75 {width: 75%; }
  .elbk-col-sm-80 {width: 80%; }
  .elbk-col-sm-83 {width: 83.333%; }
  .elbk-col-sm-90 {width: 90%; }
  .elbk-col-sm-100 {width: 100%; } }
  
  @media (min-width: 768px) and (max-width: 1024px) {
  .elbk-col-md-10 {width: 10%; }
  .elbk-col-md-11 {width: 11.111%; }
  .elbk-col-md-12 {width: 12.5%; }
  .elbk-col-md-14 {width: 14.285%; }
  .elbk-col-md-16 {width: 16.666%; }
  .elbk-col-md-20 {width: 20%; }
  .elbk-col-md-25 {width: 25%; }
  .elbk-col-md-30 {width: 30%; }
  .elbk-col-md-33 {width: 33.333%; }
  .elbk-col-md-40 {width: 40%; }
  .elbk-col-md-50 {width: 50%; }
  .elbk-col-md-60 {width: 60%; }
  .elbk-col-md-66 {width: 66.666%; }
  .elbk-col-md-70 {width: 70%; }
  .elbk-col-md-75 {width: 75%; }
  .elbk-col-md-80 {width: 80%; }
  .elbk-col-md-83 {width: 83.333%; }
  .elbk-col-md-90 {width: 90%; }
  .elbk-col-md-100 {width: 100%; } }