body {
  background-color: white;
}

@font-face {
  font-family: '__Catorze27 Style 1_5';
  src: url('../fonts/catorze27style1-bold.eot');
  src: local('☺'), url('../fonts/catorze27style1-bold.woff') format('woff'), url('../fonts/catorze27style1-bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: '__Catorze27 Style 1_5';
  src: url('../fonts/catorze27style1-book.eot');
  src: local('☺'), url('../fonts/catorze27style1-book.woff') format('woff'), url('../fonts/catorze27style1-book.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: '__TT Norms_5';
  src: url('../fonts/ttnorms-regular.eot');
  src: local('☺'), url('../fonts/ttnorms-regular.woff') format('woff'), url('../fonts/ttnorms-regular.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}

.block-logo {
  color: #C1272D;
  font-size: 40px;
  line-height: 48px;
  font-family: '__Catorze27 Style 1_5', sans-serif;
  font-weight: 700;
  text-align: center;
}

.block-logo p {
  cursor: pointer;
}

.block-phone {
  min-height: 36px;
  background-color: transparent;
  line-height: 37px;
  color: #C1272D;
  font-size: 31px;
  text-align: left;
  font-family: '__Catorze27 Style 1_5', sans-serif;
  font-weight: 700;
  position: relative;
  margin-top: -4px;
  padding-left: 10px;
  white-space: nowrap;
}

.block-phone a {
  color: inherit;
  text-decoration: none;
}

.block-contact {
  margin-top: 10px;
  margin-bottom: 10px;
}

.block-form {
  width: 100%;

  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
  background-color: transparent;

  border-radius: 10px;
  padding: 10px 15px 15px 15px;
}

main {
  width: 100%;
  background-color: rgba(218, 224, 229, 0.8196078431372549);
  border-radius: 10px;
  padding: 5px;
}

.block-form-info {
  text-align: center;
}

h1 {
  font-size: 36px;
  color: #C1272D;
  line-height: 1;
  font-family: '__Catorze27 Style 1_5', sans-serif;
  font-weight: 300;
}

.block-form-info .p1 {
  font-size: 48px;
  color: #C1272D;
  line-height: 58px;
  font-family: '__Catorze27 Style 1_5', sans-serif;
  font-weight: 300;
}

.block-form-info .p2 {
  color: #000000;
  line-height: 53px;
  font-size: 40px;
  font-family: '__Catorze27 Style 1_5', sans-serif;
  font-weight: 300;
}

.p3 {
  color: #000000;
  line-height: 53px;
  font-size: 25px;
  font-family: '__Catorze27 Style 1_5', sans-serif;
  font-weight: 300;
}

.block-form-info .p4 {
  border-color: #FFFFFF;
  background-color: transparent;
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase;
  color: #C1272D;
}

.required {
  color: red;
}

.btn-primary {
  margin-top: 5px;
}

.add-files {
  border-radius: 0 0 4px 4px
}

.dropzone {
  padding: 10px;
  min-height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}

.dropzone .dz-message {
  margin: 0;
}

.dropzone .dz-preview {
  box-shadow: #333 2px 2px 6px;
  min-height: 80px;
  margin: 4px;
  transition: transform 100ms, z-index 100ms;
  z-index: 500;
}

.dropzone .dz-preview.dz-image-preview:hover {
  transform: scale(2) rotate(0deg);
  z-index: 1000;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  display: none;
}

.dropzone .dz-preview .dz-details {
  padding: 1em;
}

.dropzone .dz-preview .dz-image {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.dropzone .dz-preview:hover .dz-image img,
.dropzone .dz-preview .dz-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: none;
}

.dropzone .dz-preview.rotate .dz-details {
  padding: 1em 0;
}

.dropzone .dz-preview.rotate .dz-progress {
  width: 50px;
  margin-left: -25px;
}

.dropzone .dz-preview .dz-details .dz-size {
  white-space: nowrap;
  font-size: 0.8rem;
}

.dropzone .dz-preview .dz-error-message {
  top: 90px;
  z-index: 2000;
}

.dz-error-mark path {
  fill: #be2626;
  opacity: 0.8;
}

.dropzone .dz-preview .dz-image {
  width: 100%;
  height: 100%;
}

.dropzone .dz-preview:hover.wide.rotate .dz-image img,
.dropzone .dz-preview.wide.rotate .dz-image img,
.dropzone .dz-preview:hover.wide .dz-image img,
.dropzone .dz-preview.wide .dz-image img,
.margins .dropzone .dz-preview:hover.narrow.rotate .dz-image img,
.margins .dropzone .dz-preview.narrow.rotate .dz-image img,
.margins .dropzone .dz-preview:hover.narrow .dz-image img,
.margins .dropzone .dz-preview.narrow .dz-image img {
  width: auto;
  height: 100%;
}

.dropzone .dz-preview:hover.narrow .dz-image img,
.dropzone .dz-preview.narrow .dz-image img,
.dropzone .dz-preview:hover.narrow.rotate .dz-image img,
.dropzone .dz-preview.narrow.rotate .dz-image img,
.margins .dropzone .dz-preview:hover.wide .dz-image img,
.margins .dropzone .dz-preview.wide .dz-image img,
.margins .dropzone .dz-preview:hover.wide.rotate .dz-image img,
.margins .dropzone .dz-preview.wide.rotate .dz-image img {
  width: 100%;
  height: auto;
}

.dropzone.dz-started .dz-message {
  display: block;
}

.dropzone.dz-started .dz-preview {
  display: none;
}

.dropzone.dz-started .dz-progress-all {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 255, 0.1);
  width: 0;
  transition: opacity 500ms, width 300ms;
  pointer-events: none;
}

.dropzone.dz-started .dz-progress-all-complete {
  opacity: 0;
}

.dropzone.dz-started.dz-show-images .dz-message,
.dropzone.dz-started.dz-show-images .dz-progress-all {
  display: none;
}

.dropzone.dz-started.dz-show-images .dz-preview {
  display: inline-block;
}

.dropzone .dz-preview:not(.dz-processing):not(.dz-error):not(.dz-complete) .dz-progress {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  opacity: 0.5;
}

@media screen and (max-width: 400px) {
  body > .container {
    margin: 0;
    padding: 0;
  }

  .block-form {
    padding: 5px;
    border-right-width: 0;
    border-left-width: 0;
  }

  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0;
    padding-left: 0;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
  }

  main {
    padding: 5px 0;
  }

  .block-form-info .p1,
  .block-form-info .p2 {
    font-size: 32px;
    line-height: 1.1;
  }
}