/*=====FORMS====*/

.frm {
  display: flex;
  width: 100%;
  gap: 1em;
}

.frmLeft, .frmRight {
  width: 50%;
}

.frmLeft {
  margin-right: 1em;
}

.frmRight {
  margin-left: 1em;
}

@media (max-width: 1024px) {
  .frm {
    flex-direction: column;
  }

  .frmLeft, .frmRight {
    width: 100%;
    margin-left: 0;
    margin-left: 0;
  }
}

/*-----fm-----*/
.fm {
  width: 100%;
}

.input-group {
  position: relative;
  display: flex;
  width: 100%;
  border: 1px solid #ccc;
  margin: 1.25em 0 0.25em 0;
  border-radius: 5px;
  background-color: #f3f3f3;
}

.form-control {
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #575653;
}

.input-group-addon {
  width: 68px !important;
  background: #2092c0;
  border-color: #2092c0;
  color: #ffffff;
  border-radius: 5px 0 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm input, .fm textarea {
  background-color: #f3f3f3;
}


.lab {
  width: 100%;
}

@media (max-width: 450px) {
  .fm {
    margin-bottom: 10px;
  }
}

/*-----End fm-----*/

/*-----but-----*/
.but {
  padding: 1rem 2rem;
  text-decoration: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  font-weight: 700;
  border-radius: 5px;
  /*min-width: 250px;
  max-width: 100%;*/
  gap: 10px;
}

.but a, .but a:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #ffffff !important;
  font-weight: 700;
}

@media (max-width: 450px) {
  .but {
    margin: 0 auto;
    width: 100% !important;
  }
}

/*-----End fm-----*/

.bt {
  font-size: 1em;
  padding: 0 2em;
  text-decoration: none;
  margin-top: calc(var(--size)*20);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
}

/*-----input-----*/
input, textarea, select {
  outline: none;
  font-size: 1em !important;
  font-weight: 400 !important;
  padding: 0.5em 1em;
  margin-top: 0.2em;
  /*убрать черную рамку в хроме*/
}

input, select {
  /*height: 2.8125em !important;*/
}

.bttn {
  outline: none;
  font-family: "Montserrat", "Verdana" !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  /*убрать черную рамку в хроме*/
}

.bttn {
  height: 2.8125em !important;
}

.bttn {
  padding: 0 2em;
}



/*-----End input-----*/

/*-----button-primary-----*/
.button-primary {
  background-color: #2092c0;
  color: #ffffff;
  border: 1px solid #2092c0;
  cursor: pointer;
}

.button-primary:hover {
  background-color: #0D759F !important;
  border: 1px solid #0D759F !important;
}

@media (max-width:450px) {
  .button-primary {
    margin: 0 auto;
  }
}

/*-----End button-primary-----*/

/*-----button-secondary-----*/
.button-secondary {
  background-color: white;
  color: #1C7FBE;
  border: 1px solid #1C7FBE;
  cursor: pointer;
  height: 2.8125em !important;
  text-decoration: none !important;
}

.button-secondary:hover {
  background-color: #00A3FF !important;
  border: 1px solid #00A3FF !important;
  color: #ffffff !important;
}

.button-secondary-nav {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  cursor: pointer;
  margin-right: calc(var(--size)*10);
  height: 2.8125em !important;
}

.button-secondary-navs {
  background-color: transparent;
  color: #FF9900;
  border: 1px solid #FF9900;
  cursor: pointer;
  margin-right: calc(var(--size)*10);
  height: 2.8125em !important;
}

.button-secondary-nav:hover, .button-secondary-navs:hover {
  background-color: #FFC700 !important;
  border: 1px solid #FFC700 !important;
  color: #ffffff !important;
}

@media (max-width: 1340px) {
  .button-secondary-nav {
    color: #FF9900;
    border: 1px solid #FF9900;
  }
}

@media (max-width:450px) {
  .button-secondary-nav {
    margin-right: 0.3em;
  }
}

/*-----End button-secondary-----*/

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #999999;
}

.help-block {
  font-size: .75em;
  margin-bottom: 0px;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.has-error .input-group-addon {
  color: #ffffff;
  background-color: #ff0000;
  border-color: #ff0000;
}

.has-error .input-group {
  border-color: #ff0000;
}

/*=====END FORMS====*/