#map {width: 100%;height: 380px;padding: 0;margin: 0;}
.d-none {display: none !important;}
.d-block {display: block !important;}

.table-hover tbody tr:hover {background-color: rgba(247, 16, 16, 0.2) !important;}
.table td{padding: .25rem 0.5rem !important;vertical-align: middle !important;border: none !important;}
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1030;
}
.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030;
}
.row {margin:0 !important;}
body{font:17px/1.2em "Roboto Condensed", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
#header {
 margin: 0 auto 0px;
 position: relative;
 z-index: 100;
}

.dphone{padding-top: 1.5rem !important;}
#header .phone {color: #bb2525;font-size: 32px;line-height: 32px;text-decoration:none;white-space: nowrap !important;font-weight: bold;}
#header .phone span {color:#0275d8;font-size: 24px;}

#accordion .panel{
 border: none;
 box-shadow: none;
 border-radius: 0;
border-top: 4px solid #fff;
position: relative;
text-align: center;
transition: all 1.5s ease 0s;
}

#accordion .panel-heading{
 padding: 0;
 border-radius: 0;
 text-align: center;
 border: none;
}
#accordion .panel-title{transition: all 1.5s ease 0s;}
#accordion .panel-title a {
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	transition: all 0.5s ease 0s;
	text-transform: uppercase;
	line-height: 1.3;
padding: 100px 25px 25px 0px;height: 350px;
}
#accordion .panel-title a.collapsed{
	height: 80px !important;
	padding: 25px 10% 25px 25px !important;
}

.panel-title a span {
 background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
 display: block;
 padding: 1rem 1rem 1rem 2rem;
 width: 50%;
}
.panel-title .collapsed span{width:100%;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding:0}
#accordion .panel-title a:hover{background: rgba(12, 1, 25, 0.5);}
#accordion .panel-title a.collapsed:hover{height:120px !important;transition: all 1.5s ease 0s;}

#accordion .panel-body{
 background: #fff;
text-align: left;
}


#accordion .panel:hover:before{border-top:15px solid #fff !important;transition: all 1.5s ease 0s;}

#accordion .panel-title .collapsed{
  background-image: -webkit-gradient(linear, left top, left top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.panel-title .pandetail {
    display: none;
    font-size: 1rem;
    text-shadow: -3px 0 5px rgba(0, 0, 0, 0.8);
}
.panel-title:hover .pandetail{display:block;}


@media (max-width:994px){
#header h1{font-size: 2rem;}
}
@media (max-width:768px){
#header h1{font-size: 1.5rem;}
h1{font-size: 1.5rem;}
h2{font-size: 1.4rem;}
.dphone{padding: 0 10px !important;}
#accordion .panel-title a.collapsed {padding: 25px 10px 25px 10px !important;}
#accordion .panel-title a {font-size: 15px;}
.navbar-nav .nav-item + .nav-item {margin-left: 0.5rem;}
.navbar-nav .nav-item {font: 15px/1em "Roboto Condensed",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
}