
/* ======#Working Hours============= */

#hours { width:235px; margin:0 auto; padding:0px 0px 05px 0px;  float:left; display:inline; }
#hours p { line-height: 1.56; }
#days_col { width:95px; float:left; margin:0px 0 0px 0px;}
#hours_col { width:130px; margin:0px 0 0px 100px; font-weight: bold;}
.otherHours {  padding-bottom:0px; margin-bottom:0px; padding-top:8px; text-align:center;}

/* ======#Sections============= */
.section { position: relative; }
/* ==========================================================================
#Section Contacts
========================================================================== */
.section-contacts { min-height: 381px; }
.section-contacts .shell { position: relative; z-index: 2; }
.section-contacts .section-background{position: absolute; top: 27px; left: 0; width: 100%; height: 353px; z-index: 1; border-top: 1px solid #ff0819; }
.section-contacts .section-body { padding-top: 70px; position: relative; z-index: 2; text-align: center; }
.list-contacts { display: inline-block; width: 285px; margin: 0 0px; text-align: left; }
.list-contacts dt { float: left; padding-right: 15px; }
.list-contacts dd { overflow: hidden; padding-bottom: 15px; color: #8c8b8b; font-size: 14px; line-height: 1.5; }
.list-contacts dd ~ dd { padding-top: 6px; }
.list-contacts h5 { font-size: 18px; padding-bottom: 6px; margin-top: -3px; }
.list-contacts a { color: #8c8b8b; }
.list-contacts a:hover { text-decoration: underline; }
.list-contacts .icon-mail { margin-top: 4px; }
.section-contacts ul { list-style: none outside none; margin:0 auto; padding: 0; text-align: center; width: 600px;}
.section-contacts li { float: left; padding: 0px 15px; }

/* ==========================================================================
#Map
========================================================================== */
.map { width: 100%; height: 476px; }
.map-details { position: absolute; top: 30px; left: 50%; width: 338px; min-height: 317px; padding: 26px 44px 30px 45px; 
margin-left: -549px; background: url(../images/map-details-bg.png) repeat 0 0; box-shadow: 4px 4px 8px rgba(0, 0, 0, .08); 
border-radius: 5px; }
.map-details-head { padding-bottom: 9px; }
.map-details-head h4 { padding-bottom: 3px; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 
1.2; color: #3f3f3f; }
.map-details-head p { font-size: 13px; line-height: 1.47; color: #656565; }

.map-details-body { padding-bottom: 9px; }
.map-details-body h6 { padding-bottom: 12px; }

.map-details-body dl { overflow: hidden; padding-bottom: 1px; }
.map-details-body dt,
.map-details-body dd { float: left; font-size: 15px; line-height: 1.93; }
.map-details-body dt { min-width: 90px; font-family: 'Roboto', sans-serif; color: #333; }
.map-details-body dd { font-family: 'Roboto', sans-serif; color: #666; }
.map-details-body dd span { color: #ed1c24; }

.map-details-foot {  }
.map-details-foot .list-contacts { list-style: none outside none; margin: 0px; }
.map-details-foot .list-contacts li { padding-bottom: 8px; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.53; color: #3f3f3f;  padding-right: 12px;}
.map-details-foot .list-contacts a { color: #3f3f3f; }
.map-details-foot .list-contacts .ico-phone-secondary,
.map-details-foot .list-contacts .ico-mail,
.map-details-foot .list-contacts .ico-car { margin-right: 4px; }

.map-details-body .hours { width:235px; margin:0 auto; padding:0px 0px 05px 0px;  float:right; display:inline; }
.map-details-body .hours p { line-height: 1.56; }
.map-details-body .days_col { width:95px; float:left; margin:0px 0 0px 0px; font-size: 13px; color: #333; line-height: 20px;}
.map-details-body .hours_col { width:130px; margin:0px 0 0px 100px; font-size: 13px; color: #666; line-height: 20px;}
.map-details-body .otherHours { color: #666;  padding-bottom:0px; margin-bottom:0px; padding-top:8px; text-align:center; 
font-size: 13px; }


.ico { display: inline-block; background: url(../images/sprite2.png) no-repeat 0 0; vertical-align: middle; }
.ico-phone-secondary { width: 20px; height: 20px; background-position: -59px -259px; }
.ico-mail { width: 20px; height: 14px; background-position: -119px -261px; }
.ico-car { background: url(../images/icon-car.png) no-repeat; width: 20px; height: 20px; opacity: 0.5; filter: 
alpha(opacity=50); }
#map_canvas { width: auto !important; }


@media only screen and (max-width: 1124px){.map-details { left: 5%; margin-left: 0px; }}
@media only screen and (max-width: 767px){

.section-map { padding-bottom: 10px; height: initial; }
.map { height: 300px; }
.map-details { padding: 15px 0px 15px 0px; left: 0; width: 100%;  min-height: auto; position: initial; }
.map-details-head { text-align: center; padding-right: 20px; }
.map-details-body { text-align: center; padding-right: 20px; }
.map-details-body .hours { display: inline-block; float: none; }
.map-details-foot { text-align: center; }
.map-details p { font-size: 12px; }
.list-contacts { width: 100%; text-align: center; }
.map-details .list-contacts li { font-size: 12px; }
.map-details:after { display: table; content: ''; }
.map-details:after { clear: both; }


}
