﻿
/*----------------map tab-------------------------*/

#map .tab-content {background-color: transparent;}
.tab-body { background-color:#fff !important;color:#007c5a;}
#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}
.nav-tabs {
    font-size: 20px;
    border-bottom: 0;
    margin-right:-2px;
}
.nav-tabs>li.active>a:hover{
    color: #fff;
    cursor: pointer;
    background-color: #bdb179;
    border-right:0px solid #27957d;
/*    border-bottom:5px solid #27957d;*/
    border-top:0px;
    border-left:0px;
}
.nav-tabs>li>a {
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    background-color: #007c5a;
    border-bottom: 1px solid #27957d;
    margin-left: 0px;
    line-height: 2;
}
.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a {
    color: #fff;
    cursor: pointer;
    background-color: #bdb179;
    border-right:0px solid #27957d;
/*    border-bottom:1px solid #27957d;*/
    border-top:0px;
    border-left:0px;
}

.nav-tabs>li>a>img{margin-right:10px;}

.nav-tabs>li>a:hover {
    border-color: #27957d ;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: #27957d;
}

.animsition>div.tab-content { border:3px solid #bdb179;}

.tab-body img {float:left; margin:10px 0px 0 10px;}
.tab-body h3 {margin: 0; /*color:#007c5a;*/}
.tab-body .pin-dit {float:left; margin:10px 0px 0 10px ;}
.tab-body .pin-dit h3{color:#007c5a !important; margin-bottom: 5px;}
.pin_title { color:#c8b356}



.map svg {
  height: 370px;
  width: 450px;
  /*margin: 0 auto;
  display: block;*/
  /*padding-left:20px;*/
}

.map g {
  fill: #ccc;
  stroke: #333;
  stroke-width: 1;
}

.map g path:hover {
  fill: rgb(39, 149, 125) !important;
  cursor: pointer;
  stroke: #fff;
  stroke-width: .12em;
}

.info_panel {
  background-color: rgba(255,255,255, .8);
  padding: 5px;
  font-size: 14px;
  /*font-family: Helvetica, Arial, sans-serif;*/
  position: absolute;
  border: 2px solid #d39914;
  color: #333;
  white-space: nowrap;
}

.info_panel::first-line {
  font-weight: bold;
}

.tab-content h3{color:#007c5a}
.tab-content .tab-pane h3 {color: #c8b356;}
.tab-content #title i { margin-left:15px;}
.tab-content .tab-pane i { margin-right:-2px;color:#c8b356; }
/*.tab-pane div {margin-right:20px;}*/
.tab-pane .adad1-block {margin: 3px 0;padding-bottom: 0 !important;}
.tab-pane, .tab-pane a {color:#007c5a;}

@media (max-width: 767px) and (min-width: 319px){
.info_panel{ display:none;}
	.map svg {
	  height: auto;
	  width: 100%;}
	
	.tab-content h3{font-size:15px;word-break: break-word;}

	.pin-dit .ng-binding {font-size:15px;}
	
	.tab-content .tab-pane i { font-size: 22px;}
	
	.nav-tabs {font-size: 15px;}
	
	.nav-tabs > li > a > img { height: 27px;width: auto;}
	
	#map .tab-content .nav-tabs li a span {display:none;}
	
	#map .tab-content .nav-tabs li.active a span {display:block;}


	#map .tab-content .nav-tabs li a img , #map .tab-content .nav-tabs li.active a img{display:none;}
	
	#map .tab-pane h3 { font-size:18px;}

}




        #locations .tile-stats {
            position: relative;
            display: block;
            margin-bottom: 20px;
            border: 1px solid #007c5a;
            -webkit-border-radius: 5px;
            overflow: hidden;
            padding-bottom: 5px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 5px;
            -moz-background-clip: padding;
            border-radius: 5px;
            background-clip: padding-box;
            /*background: #efe3af;*/
            background: #fff;
            transition: all 300ms ease-in-out;
            border-bottom: 6px solid;
            height: auto;
			min-height: 200px;
        }

            #locations .tile-stats h3 {
                float:right;
                color: #007c5a !important;
            }
            #locations .tile-stats .add_link {
                float:left;
                color:#c8b356;
                cursor:pointer;
                text-decoration:none;
            }
            #locations .tile-stats a:hover {
                color:#007c5a;
            }
        #locations .tile-stats .servicesTabs-img {
            margin-top: 10px;
            margin-left:10px;width:18px; height:auto;
            vertical-align:bottom;
            
        }
        #locations .tile-stats .add_details{ text-align:right; color:#808080;}
        #locations .tile-stats .add_details .phonefax {direction:ltr;}
        #locations .tile-stats .add_details i{
            float:right;
            margin-left:10px;
        }

        #locations .x_title .servicesTabs-img {
            margin-left: 10px;
        }
        #locations .more_details{float:left; color:#c8b356; margin-left:15px;}
        #locations .more_details i {margin-left:15px;}



@media screen and (min-width: 767px) and (max-width: 991.98px){ 
.info_panel{ display:none;}
	.map svg {
  height: auto;
  width: 100%;
}




	#locations .email{ font-size:15px}
}




@media screen and (min-width: 991.99px) and (max-width: 1199.99px) { 
.map svg {
  height: auto;
  width: 400px;
}

	

}




