body { background:#ededed; font-family:Arial; background:url(../images/bg-pattern.html) repeat left top;}
.header{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); border:none; padding:20px 0;}
.footer{ float:left; width:100%; background:#9257c1; padding:15px 0; height:auto; text-align:center;}
.footer .copyright_01{ margin:0;}
.footer .copy{ font-size:16px; color:#fff; width:auto;}

.main_map{ margin-top:50px;}
.buses-inner-block{ float:left; width:100%; margin:50px 0 30px;}
.form-block, .form-block *{ box-sizing:border-box; -webkit-box-sizing:border-box;}
.form-block{ float:left; width:100%; padding:0 20px;}
.form-block .field-block{ float:left; width:50%; margin-top:10px; padding:0 10px;}
.form-block .field-block label{ display:block; margin-bottom:5px; font-size:14px; font-weight:bold;}
.form-block .field-block input, .form-block .field-block select{ float:left; width:100%; border:1px solid #ccc; font-size:14px; padding:10px;}
.popup-block h2{ background: #9257c1; color: white; font-size: 18px; margin: 0 0 15px; padding:15px 10px; text-align: center; border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;}
.popup-block .field-block input[type="submit"]{ cursor:pointer; border:none; text-transform:uppercase; font-size:15px; padding:12px 0; background:#ccc;}
.popup-block .field-block input[type="submit"]:hover{ background:#000; color:#fff;}
.popup-block .field-block:last-child{ width:100%; margin-top:15px;}


*{
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    }
#__frankie_overlay{ pointer-events:none;}

.popup-block{
  color: rgba(80,80,80,1);
  width: 550px;
  background: rgba(255,255,255,1);
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,1);
  box-shadow: 0 1px 2px rgba(0,0,0,1);
  transform: scale(0);
  -webkit-transform: scale(0);
  position:fixed; left:0; right:0;
  margin:0 auto;
  padding-bottom:30px;
}

#close-button {
  background: #fff;
  border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  color: #9257c1;
  cursor: pointer;
  font-size: 26px;
  font-weight: bold;
  height: 30px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -10px;
  width: 30px;
}
#close-button:hover{ background:#b277e0; color:#fff;}


/* inner pages */
.ajax__calendar_month br {
  display: none;
}



#large-lightbox {
  background: #fff ;
  box-sizing: border-box;
  height: 100%;
  left: 0 !important;
  padding: 20px;
  position: fixed;
  top: 0 !important;
  width: 100%;
  max-width:100%;
  z-index: 9999;
  transform: scale(0);
  -webkit-transform: scale(0);
}

.lightbox-inner table.main-header{ background:#f2f2f2; color: blueviolet; }
.lightbox-inner table.main-header tr th{ text-align:center; font-size:20px; padding:1px 0;}
.lightbox-inner table .height01{ height:20px;}
.lightbox-inner table{ width:100%;}
.lightbox-inner table .table-heading-categ .text-right{ text-align:right;}
.lightbox-inner table .table-heading-categ .text-left{ text-align:left;}

.lightbox-inner table.table-cont > tbody > tr.table-header{ background:blueviolet !important;}
.lightbox-inner table.table-cont .table-header td{ color:#fff;}
.lightbox-inner table.table-cont td{ font-size:16px; padding:5px; width:10%;}
.lightbox-inner table.table-cont tr td:nth-child(2){ width:200px;}
.lightbox-inner table.table-cont > tbody > tr:nth-child(odd){ background:#f2f2f2;}


#large-lightbox .js-modal-close {
background: #000;
border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
font-size: 18px;
font-weight: bold;
position: absolute;
right: 15px;
text-align: center;
top: 15px;
width: 30px;
height: 30px;
line-height: 30px;
color: white;
opacity:1;
}
#large-lightbox .js-modal-close:hover { background:blueviolet; text-decoration:none;}

.block-fluid .js-open-modal.btn{ background:#335a85; color:#fff; border:none; font-size:14px; padding:10px 20px;}
.block-fluid .js-open-modal.btn:hover{ background:#9257c1;}
.row-form select, .row-form input[type="text"], .row-form input[type="password"], .row-form textarea{ width:340px !important;}


textarea:focus, textarea:hover,
input[type="text"]:focus, input[type="text"]:hover,
input[type="password"]:focus, input[type="password"]:hover,
input[type="datetime"]:focus, input[type="datetime"]:hover,
input[type="datetime-local"]:focus, input[type="datetime-local"]:hover,
input[type="date"]:focus, input[type="date"]:hover,
input[type="month"]:focus, input[type="month"]:hover,
input[type="time"]:focus, input[type="time"]:hover, 
input[type="week"]:focus, input[type="week"]:hover,
input[type="number"]:focus, input[type="number"]:hover,
input[type="email"]:focus, input[type="email"]:hover,
input[type="url"]:focus, input[type="url"]:hover,
input[type="search"]:focus, input[type="search"]:hover,
input[type="tel"]:focus, input[type="tel"]:hover,
input[type="color"]:focus, input[type="color"]:hover,
.uneditable-input:focus, .uneditable-input:hover {
  border-color: rgba(82, 168, 236, 0.8) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
  outline: 0 none;
}