/* FRONTEND CSS
*********************************************/
@font-face {
font-family: 'regular';
    font-weight: '400';
	font-display: fallback;
src: url('fonts/Montserrat-Regular.ttf') format('truetype');}

@font-face {
font-family: 'bold';

	font-display: fallback;
src: url('fonts/Montserrat-Bold.ttf') format('truetype');}

@font-face {
font-family: 'semibold';
 
	font-display: fallback;
src: url(fonts/Montserrat-SemiBold.ttf') format('truetype');}


@font-face {
font-family: 'light';
 
	font-display: fallback;
src: url('fonts/Montserrat-Light.ttf') format('truetype');}

@font-face {
font-family: 'written';
 
	font-display: fallback;
src: url('fonts/Birthstone-Regular.ttf') format('truetype');}


html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	height:100% !important;
}

body {
margin:15px;
	height:100% !important;
}



.map_left {
	width:40% !important;
	float:left !important;
	height:480px;
    margin:0 0% !important;
    padding-top:25px !important;
	padding-left:5%!important;
	box-sizing: border-box !important
	
	}



.map_right {
	width:50% !important;
	float:right !important;
	height:430px;
	background-image:url(images/mapback.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top:180px;
	}	
	
	.clear {
		width:100%;
		clear:both;
	}
	
	#Locationsearch {
		width:100% !important
	}
	
	.btn-success {
		width:50% !important;
		margin-left:25% !important;
        margin-right:auto !important;
		background-color:rgba(174,22,64,1.00) !important;
		padding:15px 0;
		border:2px solid #fff !important;
	font-family: 'bold', sans-serif !important;
	font-weight:normal !important;
		box-shadow:none !important;
		font-size:20px !important;
        transition:0.3s !important;
        border-radius:3px !important;
	}
	
	.btn-success:hover {
		background-color:rgba(174,22,64,0.80) !important;
	}
	
	.btn-primary {
	
	font-family: 'semibold', sans-serif !important;

font-weight: normal !important;
        background: rgba(174,22,64,1.00) !important;
color: #fff !important;
padding: 15px 25px !important;
font-size: 15px !important;
text-decoration: none !important;
transition: 0.3s !important;
border-radius: 3px !important;
        border:none !Important;
        margin:0 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        margin-top:15px !important

	}

.MicrosoftMap {
	display:none !important
}
	
	.btn-primary:hover {
		background-color:rgba(174,22,64,0.80) !important;
	}
	
	.map_head {
			
	font-family: 'bold', sans-serif !important;
		box-shadow:none !important;
		font-size:40px !important;
		color:#ad1640 !important;
		font-weight:normal !important;
		padding:30px 0 0 0px;
	}
	
		.map_subhead {
	font-family: 'semibold', sans-serif !important;
		box-shadow:none !important;
		font-size:16px !important;
		color:rgba(127,127,127,1.00);
		font-weight:normal;
		padding:0px 0 0 0px;
	}
	
	.apotheke-logo {
		width:150px;
		height:auto;
		float:right;
		margin-right:30px;
}.map_left {
	text-align:center !important
}
	
	.map_left p {
		
	font-family: 'regular', sans-serif !important;

		font-size:14px !important;
		color:rgba(127,127,127,1.00);
		font-weight:normal;
		padding:0px 25px 0 0px;
	}
	
	
	.form-inline {
		padding:0 0 0 0;
		box-sizing: border-box;
		width:100% !important
	}
	
	.inputbox.search-query {
		padding:12px 15px;
  
	font-family: 'regular', sans-serif !important;
    line-height:28px !important;
		font-size:15px !important;
		color:rgba(127,127,127,0.80);
   width:80% !important;
		 box-sizing: border-box;
		outline: none;
		border:0.25px solid #979797;
        font-weight:normal;
        
border-radius: 3px !important;
	}

#resulttop .resultbar .locationsactive {
	background: #fff !important;
box-shadow:none !important;
border-top: 0px solid #cccccc !important;
}

.mytool {
	margin-top:0 !important;
	padding-top:20px !important
}

#maps .result-count {
	display:none !important
}
	
@media (max-width:1200px) {
	
	.map_left {
	padding-left:15px;
		width:50% !important;

	}
    
    .map_head  {
font-size: 35px !important;
line-height: 40px !important;
}

}




@media (max-width:750px) {
	

	
	.map_left p {
		padding-right:0 !important;
	}
	
	.btn-success {
		font-size: 20px !important;
		width:60% !important;
		margin-left:20% !important;
	}
	
	.map_right {
		padding-top:150px !important;
	width:100% !important;
	height:350px !important;}
	
	.map_left {
		width:100% !important;
        height:auto !important;
        padding-bottom:25px !important;
        padding-top:0px !important;
        padding-left:0 !important;
	}
	
	.inputbox.search-query {
	width:95% !important;
		padding:10px 15px !important;
		font-size:14px !important;
		box-sizing: border-box !important;
	}
	
	.btn-primary {
		width:95% !important;}
}

/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (max-width: 575px) {
	
	.locationmodule .resultbtn {
		margin-top:0 !important
	}
	.map_head {
		box-shadow:none !important;
		font-size:18px !important;
		color:rgba(174,22,64,1.00) !important;
		font-weight:700;
	}
	
	.map_left {
		padding-left:25px !important;
		padding-right:25px !important;
		box-sizing: border-box
	}

	
	.map_left p {
  
	font-family: 'regular', sans-serif !important;
		font-size:14px !important;
		line-height:24px !important;
		color:rgba(127,127,127,1.00);
		font-weight:normal;
	
	}
    .btn-primary {
        display:block !important;
        box-sizing: border-box;
        font-size:14px !important;
	font-family: 'semibold', sans-serif !important;

	font-weight:normal !important;
        text-align: center;
        padding:8px 20px !important
}
    
    .inputbox.search-query {
display:block !important;
padding: 8px 15px !important;
font-size: 14px !important;
box-sizing: border-box !important;
}

}

h1 {
	display:none !important
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}