* {
	box-sizing: border-box;
	font-family: 'din' !important;
}
.page_container {
    max-width: 1080px;
    max-width: 67.5rem;
	margin: 0 auto;
}
.support_page h2 {
	color: #0064a1;	
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 30px;
	display: inherit;
}
.support_page p.info { 
	color: #0064a1;
	font-size: 17px;
	font-weight: bold;
	line-height: 22px;
	margin: 0;
}
.support_page hr {
    margin-top: 40px;
    background: #b9b9b9;
    height: 1px;
    border: 0;
}
.info_section h3 {
	font-size: 24px;
	font-weight: bold;
}
.info_section p {
    font-size: 18px;
    margin: 5px 0px;
    font-family: 'Lato' !important;
}
.circle_view {
	vertical-align: top;
	width: 250px;
	height: 250px;
	padding: 20px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	margin: 20px;
}
.circle_view img { 
	display: block;
	margin: 15px auto 15px;
}
.circle_view div.stat-row__number { 
	/*font-size: 50px;*/
    font-size: 26px;
	font-weight: bold;
	color: #327d57;  
    margin-bottom: 5px;
    white-space:nowrap;
}
.circle_view h4.stat-row__title {
	margin: 6px 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
.circle_view div.stat-row__content {
	padding: 0 13px;
	font-size: 12px;
	max-width: 174px;
    color: #404040;
    font-family: 'Lato' !important;
}
.item-yellow {
	background: #fff3bf;
}
.item-green {
	background: #e4ebcc;
}
.item-blue {
	background: #dee7ef;
}
.our-work {
	text-align: center;
	margin: 20px 0px;
}
.our-work h2 {
	color: #7d7d7d;
	font-size: 27px;
	display: inherit;
	margin: 30px 0px;
}
.view_fileds {
	vertical-align: top;
	display: inline-block;
	margin: 20px;
	width: 250px;
}
.view_fileds div.img_show {
	width: 240px;
	height: 240px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
}
.view_fileds h3 {
	color: #484848;
	font-size: 22px;
	margin: 10px 0px;
	display: inherit;
	font-weight: bold;
	text-transform: uppercase;
}
.view_fileds p {
	color: #484848;
	font-size: 15px;
	margin: 0;
	line-height: 22px;
    font-family: Arial !important;
}
.view_fileds p a {
	display: inherit;
	margin-top: 10px;
	text-decoration: none;
	color: #4065a1;
}
.view_fileds p a:hover {
	text-decoration: underline;
}
.select_location{
    display:flex;
    align-items:center;
}
.select_location .options {
	display: inline-flex;
	align-items: center;
	width: 28%;
	margin: 0px 8px;
}
.select_location .options select {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px 12px;
	font-size: 12px;
    text-indent: 0.01px;
    background: url(GoogleMap/googleMap/icon/arrow.png) no-repeat;
    background-position: right center;
    background-size: contain;
}
.select_location .options label {
	white-space: nowrap;
	margin-right: 5px;
}
.select_location .go-btn label.searchBtn  {
	color: #7d8f29;
	border: 1px solid #ccc;
	padding: 5px 12px;
	font-size: 14px;
	cursor: pointer;
}
.location_map {
	display: flex;
	margin: 20px 0px;
    padding:0 9px;
}
.location_map div.map-pane {
	width: 70%;
	border: 1px solid #eee;
	height: 500px;
	overflow: hidden;
	height: 330px; 
    position:relative;
}
.location_map div.map_detail_section {
	width: 30%;
	padding-left:25px;
	display: flex;
	flex-direction: column;
}
.location_map div.map_detail_section .dtl {
	width: 100%;
	background: #e4ebcc;
	padding: 20px;
	margin-bottom: 10px;
	height: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.location_map div.map_detail_section .dtl:last-child {
	margin-bottom: 0px; 
}
.location_map div.map-pane a.matrics_link{
    position:absolute;
    display:none;
    z-index: 99;
    left: 0;
    right: 0;
    top: 6px;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.45);
    width: auto;
    max-width: 78px;
    margin: 0 auto;
    padding: 6px;
    border-radius: 3px;
    color: #fff;
    font-weight: normal;
}
.location_map div.map_detail_section .dtl .row__number {
	color: #327d57; 
	font-size: 50px;
	font-weight: bold;
}
.location_map div.map_detail_section .dtl h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

@media (max-width:768px) {
    .location_map div.map_detail_section .dtl .row__number{
        font-size: 38px;
    }
}

@media (max-width:767px) {
	.select_location {
		display: inline-block;
		text-align: left;
	}
	.select_location .options {
		width: 100%;
		margin: 5px auto;
	}
	.select_location .options label {
		width: 100%;
		max-width: 128px;
	}
	.select_location .go-btn {
		text-align: center;
		margin-top: 10px;
	}
	.location_map div.map-pane a.matrics_link {
		display: block;
	}
	.view_fileds {
		width: 100%;
		margin: 0px;
	}
	.location_map {
		display: inherit;
	}
	.location_map div.map_detail_section,
	.location_map div.map-pane {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
}

@media (max-width:320px) {
	.circle_view {
        width:225px;
        height:225px;
    }
    
}