﻿img{width:100%}
h1, h2, h3{color:#000!important}
h2{font-size:19px!important;}
h3{font-size:16px!important;}
h4{font-size:14px!important}
.footer_rows {
    display: inline-block;
    background: #000;
    width: 100%;color:#ddd!important;
    padding: 15px 0;
    text-align: center;
}
.online_links a {
    color: #0074bb !important;
    font-size: 13px !important;
}
.art-footer-text a {
    color: #fff !important;
    text-decoration: none !important;
    letter-spacing: 0px !important;
    font-size: 14px !important;
    text-transform: uppercase;
}
.art-footer-text span, .art-footer-text{color:#ddd!important}
.art-footer-text span {
    margin: 10px;
    display: block;
}
nav{background:#0074bb;}

.clock-wapper{
  width:200px;
  height:200px;
  background:#222;
  border-radius:50%;
  margin: auto;
  padding: 5px;
 
  top: 50%;
  bottom:50%;
  left:0;
  right:0;
  box-shadow: 0 0 5px rgba(0,0,0);
  border:20px solid #111
}
.dial {
    position: absolute;
    z-index: 1;
    top: 22px; display:none;
    left: 44px;
    width: 150px;
    height: 150px;
}
.mark{
  width:2px;
  height:6px;
  background:#777;
  margin: 113px 114px;
  position: absolute;
  box-shadow: 0 0 7px rgba(0,0,0,.8);
}
.mark:nth-child(1){
  transform:rotate(30deg) translateY(-113px);
}
.mark:nth-child(2){
  transform:rotate(60deg) translateY(-113px);
}
.mark:nth-child(3){
  transform:rotate(90deg) translateY(-113px);
  height:10px;
  width:3px;
}
.mark:nth-child(4){
  transform:rotate(120deg) translateY(-113px);
}
.mark:nth-child(5){
  transform:rotate(150deg) translateY(-113px);
}
.mark:nth-child(6){
  transform:rotate(180deg) translateY(-113px);
  height:10px;
  width:2px;
  background:#ffeb3b;
}
.mark:nth-child(7){
  transform:rotate(210deg) translateY(-113px);
}
.mark:nth-child(8){
  transform:rotate(240deg) translateY(-113px);
}
.mark:nth-child(9){
  transform:rotate(270deg) translateY(-113px);
  height:10px;
  width:2px;
}
.mark:nth-child(10){
  transform:rotate(300deg) translateY(-113px);
}
.mark:nth-child(11){
  transform:rotate(330deg) translateY(-113px);
}
.mark:nth-child(12){
  transform:rotate(360deg) translateY(-113px);
  height:10px;
  width:2px;
  background:#ffeb3b;
}
.hour{
  z-index:2;
  width:6px;
  height:55px;
  background:#777;
  position:absolute;
  left:155px;
  top:64px;
  animation:rotate-hour 43200s infinite linear ;
  transform-origin: 3px 100%;
}
.minute{
  z-index:3;
  width:4px;
  height:85px;
  background:#777;
  position:absolute;
    left: 156px;
    top: 36px;
  animation:rotate-minute 3600s infinite steps(60);
  transform-origin: 2px 100%;
}
.second{
  z-index:4;
  width:4px;
  height:100px;
  background:#ffeb3b;
  position:absolute;
  left:155px;
  top:20px;
  transition: .5s;
  animation:rotate-second 60s infinite steps(60);
  transform-origin: 2px 100%;
}
.hour,.minute,.second,.fixed-center{
  box-shadow: 0 2px 17px rgba(0,0,0,1);
  border-radius: 3px 3px 0px 0px;
}
.fixed-center{
  z-index:5;
  width:8px;
  height:8px;
  border:2px solid #ffeb3b;
  background:#888;
  border-radius:50%;
  position:absolute;
  left:155px;
  top:115px;
}
.logo {
    z-index: 1;
    color: #666363;
    position: relative;
    left: 24px; display:none;
    top: 25px;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 38px;
}
#week-day{
  color:#ddd;
  z-index:1;
  position:absolute;
  left:96px;
  top:155px;
  font-size:1.5em;
  font-family: 'Odibee Sans', cursive;
  letter-spacing: 2px;
}
#show-time{
  color:#ddd;
  z-index:1;
  position:absolute;
  left:88px;
  top:115px;
  font-size:1.5em;
  font-family: 'Odibee Sans', cursive;
  letter-spacing: 2px;
}
.hours_times h2 {
    text-align: center;
    font-weight: 900;
    font-size: 50px;
    margin: 0px;
    color: #000;
}
.hours_times{
    background: #ffc107; padding:5px; border-radius:5px;
}
.lefe_sidebar {
    border: 1px solid #ddd;
    padding: 13px;
    border-radius: 5px;
    background: #f5f5f5;
}
.terms_table_check td{width:100%!important}
.terms_conditions_row ul{padding-left:20px!important}
.theme_buttons{background:#0074bb; color:#fff; display:inline-block; padding:5px 15px; font-size:16px; border:0px}
.faq_questions {
    font-size: 18px;
    font-weight: 500;
}
.notes_row{border:1px solid #666; padding:15px}
.notes_row h4{color:#f00}
.online_forms  .col-form-label{padding:0px}
.form-group{margin:25px 0 15px}
.form-group select, .form-group input {
    word-wrap: normal;
    width: 100% !important;
    padding: 10px;
    height: auto !important;
}
.timeslot_row {
    border: 1px solid #666;
    padding: 15px;
}
#ctl00_ContentPlaceHolder1_Label5 {
    color: #f00;
    font-weight: bold;
}
.time_slots tr a {
    border: 1px solid #333;
    padding: 5px 10px;
    border-radius: 5px;
    color: #000;
    display: block;
    margin: 10px 10px 10px 0px;
    text-decoration: none;
}
.time_slots tr a:hover{background:#eee}
.time_slots table{width:100%; text-align:center}
.transfercheck_listing ul li{padding:5px 0px}
.button_view {    background: #000;
    color: #fff !important;
    border: 0px;
    padding: 5px 25px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 16px;
    text-decoration: none !important;
    margin: 5px;

}
.middle_section_center p{margin:0 0 5px}
.button_view:hover{background:#0074bb!important}
.m0{margin:0px!important}
.click_same_width input{width:auto!important; margin-right:3px}
.m_show{display:none}
@media(max-width:1368px) {
    .dial{left:35px}
    .fixed-center{left: 136px;
    top: 108px;}
    .hour{left: 137px;    top: 58px;}
    .minute{left: 136px;
    top: 26px;}
    .second{left: 138px;
    top: 12px;}
}
@media(max-width: 980px) {
.d_show{display:none!important}
.m_show{display:block!important}
.middle_section_center{margin:30px 0px}
.second, .fixed-center, .hour, .minute, .second, .fixed-center{left:50%}
.dial {
   left: 20%;
    width: 250px;
    height: 250px;
}
.online_forms .col-form-label {
padding: 10px 11px;
 }
.imgs{display:none}
   .appointment_windows .text-end {
    text-align: left!important;
}
    textarea {
        width: 100% !important;
    }
    .blocks_windows_ros input,  .blocks_windows_ros select{width:100%!important; margin:10px 0}
}