@media only screen and (max-width: 1366px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
}

@media screen and (max-width: 991px) {
  .baseline-modal .head div span span {
    font-size: 20px;
    top: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .baseline-modal .head div span span {
    font-size: 20px;
    top: 10px;
  }
}

@media only screen and (max-width: 1366px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .baseline-modal .head div span span {
    font-size: 20px;
    top: 10px;
  }
}

@media screen and (max-width: 1440px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
}

@media only screen and (max-width: 1366px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
}

@media screen and (max-width: 1600px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
}

@media screen and (max-width: 1600px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
}

.order-auth-modal .form-modal__footer .button.dull, #registerUser .button.dull {
  border-width: 0.5px;
  border-color: #afadae;
  border-style: solid;
  border-radius: 3px;
  background-color: #ececec;
  color: #999999;
}

@media (max-width: 1600px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
}

.baseline-modal .head {
  font-weight: 600;
}

.baseline-modal .head div {
  display: inline;
}

.baseline-modal .head .head-area {
  width: 100%;
  height: auto;
  margin: auto;
  color: #333;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 36px;
}

.baseline-modal .head .head-left {
  float: left;
}

.baseline-modal .head .head-right {
  float: right;
  font-weight: 300;
}

.baseline-modal .head .head-left + span {
  margin: 0 16px;
}

.baseline-modal .head .head-left:hover, .baseline-modal .head .head-right:hover {
  color: #ed2690;
}

.baseline-modal .head .head-center {
  display: contents;
}

.baseline-modal .head .selected {
  font-weight: 600;
  color: #802053;
}

.baseline-modal .head .selected:hover {
  font-weight: 600;
  color: #802053;
}

.baseline-modal .head div a.link_back {
  text-decoration: none;
}

.baseline-modal .head div span span {
  top: 0;
}

.baseline-modal .head-text-block .head-text-area {
  width: 100%;
}

.baseline-modal .head-text-block .head-text-area {
  max-width: 632px;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: -32px;
}

.baseline-modal .head-text-block .head-text-area .head-text {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
}

@media screen and (max-width: 650px) {
  .baseline-modal .head-text-block .head-text-area {
    max-width: 100%;
    padding: 20px 15% 0;
    margin: 0 auto;
  }
}


.baseline-modal .input-footer a,
.baseline-modal .input-footer p,
.baseline-modal .input-footer span,
.baseline-modal .input-footer label,
#js-modal-block-feedback .input-footer label,
#auth_form_order .styled-checkbox__text,
#auth_form_order .order__remember-checkbox-wrapper a {
  font-weight: 300;
  line-height: 1.33;
}

.baseline-modal .input-footer span,
.baseline-modal .input-footer .recovery a,
.baseline-modal .input-footer label {
}

#auth_form .input-footer span,
#auth_form_order .styled-checkbox__text,
#auth_form .input-footer .recovery a,
#auth_form_order .order__remember-checkbox-wrapper a {
}

#registerUser .input-footer label {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
}

.baseline-modal .two_columns .field_set.left .input-container,
.baseline-modal .two_columns .field_set.left .gender-input {
  margin: 0 0 10px 0;
}

.baseline-modal .two_columns .field_set .gender-input .jq-checkbox__div:hover,
.baseline-modal .two_columns .field_set .gender-input .jq-checkbox.checked .jq-checkbox__div:hover {
  background-position: 3px 3px;
}

.baseline-modal .input-footer div.remember {
  margin-top: 2px;
}

.baseline-modal .jq-checkbox__div {
  background-image: url('../images/check-box_blank.svg');
  background-position: 3px 3px;
  background-repeat: no-repeat;
}

.baseline-modal .jq-checkbox__div:hover {
  background-image: url('../images/check-box_active.svg');
  background-position: 3px 3px;
}

.baseline-modal .jq-checkbox.checked .jq-checkbox__div {
  background-image: url('../images/check-box_blank-checked.svg');
  background-position: 3px 3px;
  background-repeat: no-repeat;
}

.baseline-modal .jq-checkbox.checked .jq-checkbox__div:hover {
  background-image: url('../images/check-box_active-checked.svg');
  background-position: 3px 3px;
}

.baseline-modal .head a.link_back {
  padding: 6px 0 0 24px;
  margin: 4px 0 0 10px;
  text-decoration: none;
}

.mfp-container .modal-center, .modal-container.baseline-modal {
  height: 500px;
}

.baseline-modal .input-container {
  width: 256px;
}

form.popup {
  max-width: 560px;
  margin: 30px auto 0;
}

.baseline-modal .gender-input {
}

.baseline-modal .input-container label {
  color: #8e8e93;
}

.baseline-modal .input-container label span {
  color: #802053;
}

.baseline-modal .input-container.filled label {
  display: none;
}

.baseline-modal .input-submit {
}

.baseline-modal .successMsg {
}

#countClose {
}

@media (max-width: 650px) {
  .baseline-modal .input-text,
  .baseline-modal .input-container {
    width: 100% !important;
  }

  .baseline-modal .input-container label {
    text-transform: none;
  }
}

@media (max-width: 380px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
}

.tint_choice .title {
}

.tint_choice .offer_name {
}

.tint_choice .panel_title {
}

.baseline-btn {
}

@media screen and (max-width: 1680px) {
  .baseline-modal .head div span span {
    top: 0;
  }
}

.seo_text .page-title,
h1,
h1.name_section {
  font-family: "Coolvetica", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.page-block-title > h1.name_section {
  font-family: 'Coolvetica';
  font-weight: 300;
  font-style: italic;
}

.seo_text p,
.seo_text li {
  font-family: "Open Sans", sans-serif;
}

.baseline-modal .two_columns .field_set, .baseline-modal .two_columns .field_set.left,
    .baseline-modal .two_columns .field_set.right {
      width: 388px;
      max-width: 50%;
}

.baseline-modal .two_columns .input-container,
.baseline-modal .input-text {
  width: 100% !important;
}

.baseline-modal .input-footer.options {
  max-width: 100%;
}

@media screen and (max-width: 650px) {
  .baseline-modal .head div span span {
    top: 10px;
  }
  
  .baseline-modal .two_columns .field_set, .baseline-modal .two_columns .field_set.left,
    .baseline-modal .two_columns .field_set.right {
    width: 100%;
    max-width: 100%;
    text-align: center;
    position: relative;
    height: 65px;
    min-width: 256px;
    margin: 0px auto;
  }
  .baseline-modal .two_columns .field_set.right span.error-hint {
    margin: 0px 20px 0px 0px;
  }
  .mfp-container .modal-center, .modal-container.baseline-modal, .modal-container {
    margin-top: 0px;
  }
  .baseline-modal .two_columns {
    display: block;
    clear: both;
    float: none;
  }
  .baseline-modal .two_columns .field_set.left .input-container, .baseline-modal .two_columns .field_set.right .input-container
    {
    position: relative;
    margin: 0px auto 10px;
  }
  .mfp-container .modal-center, .modal-container.baseline-modal {
    height: 100%;
    position: fixed;
    top: 0px;
    overflow: auto;
  }
  .modal-container.baseline-modal form {
    overflow: auto;
    position: relative;
    top: 50px;
    height: auto;
    z-index: 25;
  }
  .mfp-container .modal-center {
    margin-top: 5px;
  }
  .baseline-modal .gender-input {
    width: 90% !important;
    margin: 0px;
  }
  .baseline-modal .two_columns .field_set.left .gender-input {
    margin: 0px 10% 10px auto;
    text-align: right;
  }
  .baseline-modal .two_columns .field_set.right .gender-input {
    margin: 0px auto 10px 10%;
    text-align: left;
  }
  .baseline-modal .head div {
    width: 40%;
    display: inline;
  }
  .baseline-modal .head {
    -webkit-justify-content: start;
    -moz-justify-content: start;
    -ms-justify-content: start;
    justify-content: start;
    position: sticky;
    top: 0px;
    z-index: 50;
    
  }
  .baseline-modal .head div.first span span {
    margin-right: 20px;
  }
  .baseline-modal .head div.last span span {
    margin-left: 20px;
  }
  .mfp-container .modal-center .mfp-close {
    top: 17px !important;
    right: 22px !important;
  }
  .baseline-modal .two_columns .field_set.gender {
    width: 50%;
    text-align: right;
    min-width: 50%;
    position: relative;
    height: auto !important;
  }
  .baseline-modal .two_columns .field_set.gender.left {
    float: left;
  }
  .baseline-modal .two_columns .field_set.gender.right {
    float: right;
  }
  .baseline-modal .input-footer.options {
    max-width: 100%;
    margin: 0px auto 10px;
    clear: both;
    display: block;
    float: none;
    padding-top: 10px;
  }
  .baseline-modal .input-footer.options label {
    display: block;
    float: right;
    max-width: 90%;
    margin-bottom: 5px;
    font-weight: 100;
  }
  #registerUser .input-footer label {
    margin-left: 0px;
  }
  .baseline-modal .head div a.link_back {
    margin: 10px 0px 0px 0px;
    width: 24px;
    overflow: hidden;
  }

  .baseline-modal .successMsg {
    position: relative;
  }
  .baseline-modal form p {
    margin-left: 5%;
    margin-right: 5%;
  }
  
  .baseline-modal .head div {
    width: 40%;
    display: block;
    height: 100%;
  }

  .baseline-modal .modal-window_content {
    padding: 20px;
  }

  .modal-container.baseline-modal .modal-window_content form {
    padding: 20px 15%;
    display: flex;
    flex-direction: column;
    margin: 0;
    top: 0;
  }

}

@media screen and (max-width: 480px) {
  .modal-container.baseline-modal .modal-window_content form,
  .baseline-modal .head-text-block .head-text-area {
    padding: 20px 0;
  }
}