/*
	CSS Crossbrowser Mixins.
	Version: 1.6
	Author: Zazhirskiy Ruslan
	Site: szenprogs.ru
	Email: szenprogs@gmail.com
	Skype: szenprogs
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  outline-style: none;
}
#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
  width: 100% !important;
  /*max-width: 500px !important;*/
  height: auto !important;
}
#cboxOverlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-opacity: 0.6;
  -khtml-opacity: 0.6;
  -icab-opacity: 0.6;
  -moz-opacity: 0.6;
  -ms-opacity: 0.6;
  -o-opacity: 0.6;
  opacity: 0.6;
  filter: "alpha(opactiy=60)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
  zoom: 1;
}
.modal_form {
  position: relative;
  max-width: 95%;
  width: 500px;
  margin: 0 auto;
  text-align: center;
  background: transparent;
}
.modal_form .modal_title {
  background: #083250;
  padding: 6px;
  border-bottom: 1px solid #000;
  -webkit-border-radius: 2px 2px 0 0;
  -khtml-border-radius: 2px 2px 0 0;
  -icab-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  color: #FFF;
  font-size: 1.2em;
  font-weight: 300;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
.modal_form .modal_content {
  background: #FFF;
  padding: 10px;
}
.modal_form .modal_content p {
  text-align: center;
  text-indent: 0;
}
.modal_form .modal_content .modal_desc {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 300;
  padding: 0 0 10px 0;
}
.modal_form .modal_content .field {
  border: 1px solid #083250;
  background: #FFF;
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
  text-align: left;
}
.modal_form .modal_content .field.noheight {
  height: auto;
}
.modal_form .modal_content .field:before {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -icab-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-family: fontawesome;
  font-size: 17px;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -icab-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  filter: "alpha(opactiy=50)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  zoom: 1;
  color: #083250;
  float: left;
  width: 10%;
  height: 20px;
  line-height: 20px;
  margin: 10px 0;
  border-right: 1px solid #083250;
  text-align: center;
}
.modal_form .modal_content .field:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.modal_form .modal_content .field input {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -icab-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: none;
  background: transparent;
  float: right;
  width: 90%;
  height: 100%;
  padding-left: 10px;
  outline-style: none;
  font-size: 14px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -icab-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.modal_form .modal_content .field input[type=date] {
  height: 20px;
  line-height: 20px;
  margin: 10px 0;
}
.modal_form .modal_content .field input[type=time] {
  height: 20px;
  line-height: 20px;
  margin: 10px 0;
}
.modal_form .modal_content .field textarea {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -icab-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-size: 14px;
  border: none;
  background: transparent;
  outline-style: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -icab-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.modal_form .modal_content .field .select_wrap {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -icab-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: 90%;
  height: 100%;
}
.modal_form .modal_content .field .select_wrap:after {
  content: "▼";
  font-size: 14px;
  text-align: center;
  display: block;
  width: 50px;
  height: 100%;
  border-left: 1px solid black;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
  -webkit-transition: all 300ms ease;
  -khtml-transition: all 300ms ease;
  -icab-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.modal_form .modal_content .field .select_wrap select {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0 60px 0 5px;
  border: none;
  background: none;
  font-size: 14px;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: '';
  outline-style: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -icab-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  top: -2px;
}
.modal_form .modal_content .field .select_wrap select::-ms-expand {
  display: none;
}
.modal_form .modal_content .field .select_wrap select option:nth-child(even) {
  background: #eee;
}
.modal_form .modal_content .field .select_wrap select option[selected] {
  background: orange;
}
.modal_form .modal_content .icon_name:before {
  content: "\f007";
}
.modal_form .modal_content .icon_phone:before {
  content: "\f095";
}
.modal_form .modal_content .icon_email:before {
  content: "\f0e0";
}
.modal_form .modal_content .icon_calendar:before {
  content: "\f073";
}
.modal_form .modal_content .icon_time:before {
  content: "\f017";
}
.modal_form .modal_content .icon_procedure:before {
  content: "\f271";
}
.modal_form .modal_content label {
  display: block;
  margin-bottom: 10px;
}
.modal_form .modal_content label input {
  cursor: pointer;
}
.modal_form .modal_content label a {
  color: #242424;
  text-decoration: underline;
  font-size: 14px;
}
.modal_form .modal_content .button_wrap button {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -icab-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 15px 0;
  border: none;
  background: #083250;
  color: #FFF;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -khtml-transition: all 300ms ease;
  -icab-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.modal_form .modal_content .button_wrap button:hover {
  background: #737272;
}
.modal_form .modal_content .error {
  border-color: red !important;
}
.modal_form .close {
  position: absolute;
  z-index: 10000;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -icab-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  filter: "alpha(opactiy=70)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
  zoom: 1;
  right: 5px;
  top: 5px;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 480px) {
  .modal_form .modal_title {
    padding: 5px;
  }
  .modal_form .modal_content {
    padding: 5px;
  }
  .modal_form .modal_content .modal_desc {
    padding: 5px;
  }
  .modal_form .modal_content .field {
    height: 20px;
    line-height: 20px;
  }
  .modal_form .modal_content .field:before {
    margin: 0;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
  }
  .modal_form .modal_content .field input[type=date],
  .modal_form .modal_content .field input[type=time] {
    margin: 0;
  }
}