@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url("/fonts/Lato-Light.woff") format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url("/fonts/Lato-Regular.woff") format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url("/fonts/Lato-Bold.woff") format('woff');
}

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url("/fonts/Oxygen-Bold.woff") format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway Regular'), local('Raleway-Regular'), url("/fonts/Raleway-Regular.woff") format('woff');
}

@font-face {
  font-family: 'Raleway Medium';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway Medium'), local('Raleway-Medium'), url("/fonts/Raleway-Medium.woff") format('woff');
}

* {
  padding: 0;
  margin: 0;
  outline: 0;
}

:focus {outline:0 !important} ::-moz-focus-inner {border:0 !important} 

html, body {
  height: 100%;
}

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: default;
}

body.modal-open {
    overflow: visible;
}

a, a:active, a:focus, a:hover {
  text-decoration: none;
  outline: none;
  cursor:pointer;
}

.left {
  float: left;
}

.right {
  float: right;
}

.inblock {
  display: inline-block;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.high1 {
  color: #004ce6;
}

.service-name .point-1, .service-name .point-2, .service-name .point-3, .service-name .point-4, .service-type .point-1, .service-type .point-2, .service-type .point-3, .service-type .point-4 {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  top: 2px;
  margin-right: 8px;
}

.service-item .point-1, .service-item .point-2, .service-item .point-3, .service-item .point-4  {
  cursor: pointer;
  position: relative;
  top: 3px;
  left: 8px;
}

.chart-container .point-1, .chart-container .point-2, .chart-container .point-3, .chart-container .point-4 {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  top: 3px;
  margin-right: 7px;
}

.point-1 {
  background: url("/img/common/point-minimum.png") no-repeat;
}

.point-2 {
  background: url("/img/common/point-basic.png") no-repeat;
}

.point-3 {
  background: url("/img/common/point-complete.png") no-repeat;
}

.point-4 {
  background: url("/img/common/point-luxury.png") no-repeat;
}

.bootstrap-select .btn:focus {
  outline: none !important;
}

/* Modals */

.modal {
  max-height: 100%;
    overflow-y: auto;
}

.modal.in {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.modal-body {
  padding: 25px !important;
}

#requestModal .modal-body {
  padding: 20px !important;
}

.modal-title, .modal-title span {
  font-size: 19px;
  margin-left: 5px;
}

.modal-title {
  color: #004ce6;
}

.modal-title span {
  color: #b51f52;
}

.modal input {
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 5px;
}

.modal p {
  margin: 0 0 5px 0;
}


#errors {
  margin: 25px 0 0 0;
}

.error {
  display: none;
  margin-bottom: 5px;
  color: #900000;
}

.resalt_title {
  color: #004ce6;
  font-size: 14.5px;
  margin-bottom: 10px !important;
}

.option_info {
  color: #909090;
}

#requestModal .left {
  width: 58%;
}

#requestModal .right {
  width: 42%;
}

#requestModal .lab {
  color: #404040;
  margin-bottom: 3px;
}

#requestModal .request_intro p {
  margin-bottom: 20px;
}

#requestModal .request_contact {
  margin-bottom: 15px;
  color: #b51f52;
}

#requestModal .request_info {
  margin-bottom: 15px;
  font-size: 13.5px !important;
  background-color: #fff5c9;
  padding: 3px 7px;
}

#requestModal .request_info_item {
  display: inline-block;
  padding: 5px;
}

#requestModal .request_info span {
  cursor: pointer;
  margin-right: 2px;
}

#requestModal .request_info a {
  color: #0054c1;
}

#requestModal #request_included {
  margin-right: 5px;
}

#requestModalInfo .info_resalt {
  color: #004ce6;
}

#requestModal .info_icon {
  padding-right: 17px;
  padding-bottom: 16px;
  background: url("/img/front/info-icon.png") no-repeat;
}

#requestModal .question_icon {
  padding-right: 17px;
  padding-bottom: 16px;
  background: url("/img/front/question-icon.png") no-repeat;
}

#requestModal .request_contact_resalt, #requestModal .request_contact a, #requestModal .request_contact a:hover, #requestModal .request_contact a:active, #requestModal .request_contact a:focus {
  font-family: 'Oxygen';
  padding: 0 2px;
  font-size: 13.5px;
  color: #b51f52;
}

#requestModal .inp {
  margin-bottom: 15px;
}

#requestModal .name {
  max-width: 245px;
}

#requestModal .address {
  max-width: 245px;
}

#requestModal .province, #requestModal .city {
  max-width: 200px;
}

#requestModal .phone {
  max-width: 125px;
}

#requestModal .email {
  max-width: 245px;
}

#requestModal .comments {
  min-width: 150px;
  min-height: 50px;
  width: 95%;
  padding: 5px;
}

#requestModal input, #requestModal textarea {
  height: 27px !important;
  background-color: #f6f6f6;
  color: #b51f52;
}

#requestModal #modals-location select {
  background-color: #f6f6f6;
  color: #00509d;
  padding: 0px 3px !important;
}

#requestModal select, #requestModal textarea {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #ccc;
  height: 27px !important;
}

#requestModal .address_type {
  color: #00509d !important;
}

#requestModal .btn-info, #requestModalConfirm .btn-info {
  border: none;
  background-color: #0063c4;
}

#requestModal .btn-info:hover, #requestModalConfirm .btn-info:hover {
  background-color: #00b3ef;
}

#requestModalPriceChange #changed_price {
  margin-left: 5px;
  font-size: 18px;
}

#requestModalPriceChange li {
  margin-left: 25px;
  list-style-type: circle;
}

#requestModalPriceChange .change_warning {
  font-size: 16px !important;
  color: #900000;
  margin-bottom: 15px;
}

#requestModalPriceChange .change_options {
  font-size: 14px;
  margin-top: 25px;
}

#callback_container {
  position: fixed;
  padding: 3px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 5px 5px 5px #a0a0a0;
  z-index: 2;
  right: 25px;
  bottom: 10px;

}

#callback_close {
  position: fixed;
  right: 30px;
  bottom: 70px;
  padding: 5px 7px 3px 7px;
  background-color: #ffffff;
  border: 1px solid #c0c0c0;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-size: 11px;
}

#callback_close:hover {
  text-decoration: none;
}

#callbackModal .phone {
    max-width: 125px;
}

#recommendModal .lab, #callbackModal .lab {
  color: #404040;
  margin-bottom: 5px;
}

#recommendModal .inp, #callbackModal .inp {
  margin-bottom: 20px;
}

#recommendModal .inp input, #callbackModal .inp input {
  color: #004ce6;
  background-color: #f6f6f6;
}

#outdated_browser {
  margin-top: 110px;
}

@media only screen and (max-width: 600px) {

  .responsive table, 
  .responsive thead, 
  .responsive tbody, 
  .responsive th, 
  .responsive td, 
  .responsive tr { 
    display: block; 
  }
 
  .responsive thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .responsive .user-state {
    height: 40px;
  }
 
  .responsive tr { border: 1px solid #ccc; }
 
  .responsive td { 
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
  }
 
  .responsive td:before { 
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }

}