/* croper */
.cropper {
  display: none;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 0 0 20px 20px;
}

.cropper .cropper-bg {
//  background: white;
}

.cropper .cropper-view-box {
  border-radius: 0;
  outline: 0px;
//  box-shadow: 0 0 0 1px #b8d332;
}

.cropper .cropper-modal {
  opacity: .8;
  background-color: #000;
}

.cropper .modal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cropper .crop-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cropper .image-cropper {
  position: relative;
}

.cropper .img-container {
  width: 100%;
  height: 520px;
}
@media screen and (min-width: 320px) and (max-width: 579px) {
  .cropper .img-container {
    height: 300px;
  }
}

.cropper .image-resize {
  position: absolute;
  top: 0;
  left: 0;
}

.cropper .image-proportion {
  position: absolute;
  top: 0;
  right: 0;
}

.cropper .image-proportion a {
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 0 5px 0;
  position: relative;
}

.cropper .proportion-1-1 {
	background-image:url("../src/images/fk/crop-prop-1-1.png");
}
.cropper .proportion-1-2 {
	background-image:url("../src/images/fk/crop-prop-1-2.png");
}
.cropper .proportion-2-1 {
	background-image:url("../src/images/fk/crop-prop-2-1.png");
}
.cropper .proportion-1-1._active,
.cropper .proportion-1-2._active,
.cropper .proportion-2-1._active {
	background-position: 0 -44px;
}


.cropper .image-resize a {
  display: block;
  width: 44px;
  height: 44px;
  background-color: #3693bc;
  color: white;
  margin: 0 0 5px 0;
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
}

.cropper .image-new {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin: 10px;
  padding: 0 15px;
  cursor: pointer;
  color:white;
  background-color: #3693bc;
}

.cropper .file-upload {
  text-align: center;
}

.cropper .file-upload span {
  border-bottom: 1px solid;
  font-size: 18px;
  cursor: pointer;
}

.cropper .file-upload input[type="file"] {
  position: absolute;
  left: -3000px;
}

.cropper .filename {
  background: transparent;
  border: 0;
  text-align: center;
}

.cropper .modal-cropper {
  position: absolute;
}

.cropper .crop-modal__wrap {
  position: relative;
  border-radius: 10px;
  padding: 10px;
  max-width: 700px;
  min-width: 600px;
  /*box-shadow: 13px 13px 0px #b4e3ef; */
}

.cropper .__comment-form-submit {
  display: block;
  margin: 0 auto;
  height: 39px;
  width: 180px;
  border: none;
  border-radius: 10px;
  font-size: 20px;
  line-height: 40px;
  box-shadow: 0px 5px 0px 0px #d94243;
  cursor: pointer;
}

.cropper .__comment-form-submit:hover {
  color: #ffffff;
}

.upload-container {
  position: absolute;
}

@media screen and (max-width: 579px) {
  .upload-container {
    position: relative;
  }
}

.upload-holder {
  position: relative;
  max-width: 590px;
  margin: 0 auto;
  padding: 30px 0 18px;
}

/* /croper */