@charset "UTF-8";

/*
Theme Name: Pravilo-Club
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: KSP-Warlock доработка

*/
/* icon
<i class="fas fa-map-marker-alt"></i>
<i class="fas fa-clock"></i>
<i class="fas fa-phone-alt"></i>
<i class="fas fa-envelope"></i>
*/
/*KSP-Warlock доработка*/


#contacts .left .m-t-sm {
  margin-top: 10px;
}

#contacts .left .contact-item {
  margin-bottom: 10px;
}

#contacts .left .contact-icon-2, .icon-box {
  background: #83ba26;
  border: 3px;
  border-radius: 30px;
  color: #fff;
  float: left;
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 60px;
}

#contacts .left .contact-detail-2 {
  line-height: 1.6;
  margin-top: 4px;
  padding-left: 75px;
  padding-top: 12px;
}


#contacts {margin: 3% 0 0;}
#contacts.contacts {}

#contacts .section-subtitle {}
#contacts .section-title {margin: 0 0 3%;}

#contacts .block-contact i {color: #fff;}
#contacts .block-contact a {color: #84bb26 !important;}
#contacts .block-contact a:hover {color: #333 !important;}

#contacts .left {}
#contacts .left .address {}
#contacts .left .mode-operation {}
#contacts .left .phone {}
#contacts .left .email {height: 50px;}

#contacts .right {}

/*схема проезда*/
#contacts .driving-directions-1 {margin-bottom: 30px;}
#contacts .driving-directions-2 {margin-bottom: 30px;}

#contacts .driving-directions-1{}
#contacts .driving-directions-1 img{display: block;width: auto;height: 460px;cursor: pointer; border-radius: 10px; border: 3px solid #83ba26;}

#contacts .driving-directions-2{}
#contacts .driving-directions-2 img{display: block;width: auto;height: 460px;cursor: pointer; border-radius: 10px; border: 3px solid #83ba26;}

/*модальное окно*/
#metro .modal-dialog {max-width: 1280px;}
#metro .modal-dialog img {width: 100%;}

#parking .modal-dialog {max-width: 1280px;}
#parking .modal-dialog img {width: 100%;}

/*блок online записаться*/
#contacts .block-sign-up {margin: 30px 0;padding: 20px 15px 20px 30px;background-color: #eaeae9;border-radius: 15px;}
#contacts .text {padding: 5px 0 0;font-weight: bold;letter-spacing: 1.3px;}
#contacts #down-block button {float: right;}

/*карта*/
#contacts .map {margin: 0 0 -6px;}

/*блок свзяться с нами*/
#contacts .contact-us {background: #83ba26; color: #ffffff; padding: 20px; margin-top: 15px; border-radius: 10px;}

#contacts .contact-btn {
font-size: 17px;
padding: 12px 25px 12px;
text-transform: uppercase;
font-weight: bold;
border: 1px solid;
border-color: #444645;
border-radius: 10px;
background: #444645;
color: #fff;
}

#contacts .contact-btn:hover {
background: #5f5f5f;
color: #fff;
}

/*KSP-Warlock доработка - адаптивка*/

@media screen and (min-width: 356px) and (max-width: 767px) {


#contacts .left {margin: 0 0 5px;}
#contacts .left .address, #contacts .left .mode-operation, #contacts .left .phone, #contacts .left .email {text-align: center;}
#contacts .left .email {height: 80px;}


/*блок свзяться с нами*/
#contacts .contact-us {margin-bottom: 25px;}

/*схема проезда*/

#contacts .driving-directions-1 img{width: 100%;height: auto;}
#contacts .driving-directions-2 img{width: 100%;height: auto;}


}