html,body,h1,h2,h3,h4 {font-family:"Lato", sans-serif}
html, body{

	min-height: 100vh;
}
body{
		overflow-x:hidden;
}
.review {
    padding: 24px;
    font-weight: 600;
    background-color: rgba(0,0,0,0.1);
    border-radius: 12px;
    margin: 12px;
}
.review span {
    padding: 12px;
    font-weight: 700;
    color: #F5821F;
}
.location .areaDrop{
	visibility:hidden;
}
.location .locationShow{
	display:block !important;
}
.mySlides {
	display:none;padding-left:20px;padding-right:30px;
	
	
}
.opac{
}
.w3-tag, .fa {cursor:pointer}
.w3-tag {height:15px;width:15px;padding:0;margin-top:6px}
 ul {
    list-style: none;
    padding-left:0px;
    margin:0;
}
.infoService li { 
    padding-left: 1em; 
    text-indent: -1em;
	padding-top:8px;
}
.infoService li:before {
    content: "\f111";
    font-family: FontAwesome;
    color: rgb(242,103,34); /* or whatever color you prefer */
    margin-right: 4px;
}
h1,h2,h3,h4,h5,h6{
color:rgb(242,103,34);
font-family: 'Oswald';
font-weight:500;
}
h3, .locDes h4{
	
	color:#616161;
	
}
#locPic{
	width:100%;
	max-width:100%;
	border-radius:18px;
	border:solid 4px line;
}
#locPic2{
	width:100%;
	max-width:100%;
	border-radius:18px;
	border:solid 4px line;
}
a:link {
    text-decoration: none !important;
}
/* visited link */
a:visited {
    text-decoration: none !important;
	color:white;
}
/* mouse over link */
a:hover {
    text-decoration: none !important;
	color:white;
}
/* selected link */
a:active {
    text-decoration: none !important;
	color:white;
}
.locDes {
	font-size:20px;
	
}
.locDes h4{
	font-size:24px;
}
#gen{
	max-width:720px;
}
.locDes a{
	color:#616161 !important;
}
.locDes a:hover h4{
	color:rgb(242,103,34) !important;
}
.dropdown.open button{
	color: rgb(242,103,34) !important;
}
.dropdown-menu>li>a{
	padding-left:12px;
	font-size: 18px; 
	color:white;
 border:solid 3px transparent;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color:  white;
    border:solid 3px rgb(242,103,34);
    background-color: transparent;
}
#areaDrop .btn, #servDrop .btn{
	text-align:left !important;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 8px solid\9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.dropdown-menu{
	width: 100%;
    text-align: left;
	margin-top:4px;
	max-width:310px;


	min-width:300px;


	padding:0px;
	background-color:rgb(36,35,35);
}
#areaDrop, #areaDrop button, #servDrop, #servDrop button{
	font-size:18px !important;
	background-color:transparent;
	border:none;
}
.navBtn{
	background-color:transparent;
	border:none;
}
.sNavArea{
	
	padding:0px;
	margin-right:4px;
	margin-left:4px;
	
	width:64px;
	
	display:inline;
	font-size:16px;
}
.sNavArea a{
	color:rgba(255,255,255, 0.4) !important;
	font-size:24px;
	font-weight:500;
}
.sNavArea a:hover{
	color:rgb(242,103,34) !important;
}
.sArea{
	padding:12px;
	padding-bottom:0px;
	margin-right:16px;
	margin-left:16px;
	color:rgb(97,97,97);
	width:100px;
	height:32px;
	display:inline;
	line-height:48px;
}
.sArea a{
	color:rgb(97,97,97) !important;
	font-family: 'Oswald';
	font-size:24px;
	font-weight:500;
}
.sArea a:hover{
	color:rgb(242,103,34) !important;
}
.slideImage{
	box-shadow: 0 0 0 4px rgba(97,97,97,1);
    border-radius: 90px;
}
.serviceImage{
	
}
.w3-hover-opacity:hover{
color: rgb(242,103,34);
opacity:1;
}
.infoService{
	font-family:Oswald
	color:black;
	font-size:20px;
	
	margin-top:-24px;
}
.infoService li{
	
	font-size:16px;
}
@media only screen and (max-width : 1050px) {
	.infoService{
		font-size:16px;
	}
	.infoService h3{
		
		font-size:18px;
	}
	.infoService li{
		
		font-size:12px;
	}
	.dropdown-menu{

	min-width:300px;

	}
}
	#mCover{
		width:80%;
			margin-top:-180px;
		margin-bottom:80px;
	}
@media only screen and (min-device-width: 400px)  and (max-width : 670px) {
	#mCover{
		width:80%;
		margin-top:-180px;
		padding-bottom:32px;
		margin-bottom:0px;
	}
	h1{
	font-size:24px !important;
	
	}
}
@media only screen and (min-device-width: 671px)  and (max-width : 770px) {
	#mCover{
		width:90%;
		margin-top:-180px;
		padding-bottom:100px;
		margin-bottom:00px;
	}
}
@media only screen and (max-width : 1500px) {
	.mDesc{
		display:none;
	
	}
	
}
.mServiceHeader{
font-size:30px;
font-family:Oswald;
color:rgb(242,103,34);
}
.serviceHeader{
font-size:30px;
font-family:Oswald;
color:rgb(242,103,34);
}
@media only screen and (max-width : 1560px) {
	.serviceHeader{
		font-size:20px;
	}
	
}
.mText{
	max-width:640px;
}
@media only screen and (max-width : 1260px) {
	.mText{
		max-width:480px;
	}
	.mText h2{
		font-size:24px;
	}
}
@media only screen and (max-width : 960px) {
	.mText{
		max-width:480px;
	}
	.mText h2{
		font-size:24px;
	}
	h1{
	font-size:28px !important;
	
	}
	.dropdown-menu{
		width:110%;
		margin-top:-4px;
	}
	.sArea{
		padding:12px;
	
		margin-right:8px;
		margin-left:8px;
		color:rgb(97,97,97);
		
		
		display:inline;
	}
	.sArea a{
		font-size:18px;
	}
}
@media only screen and (max-width : 640px) {
	#areaDrop .dropdown-menu{
			margin-left:0px;
			min-width:200px;
		}
	.location .areaDrop{
		display:none;
	}
}
@media only screen and (max-width : 440px) {
	.mText{
		max-width:320px;
	}
	.mText h2{
		font-size:20px;
	}
	h1{
	font-size:20px !important;
	
	}
	.dropdown-menu>li>a{
	
	font-size: 12px; 
	}
	.dropdown-menu{
		width:110%;
		margin-top:-4px;
	}
	.sArea{
		padding:2px;
		line-height:30px;
		color:rgb(97,97,97);
		text-align:left;
		width:44%;
		height:30px;
		display:inline-block;
	}
	.sArea a{
		font-size:18px;
	}
	#areaDrop .dropdown-menu{
		margin-left: 0px;
		width: 205px;

	}
	
}
@media only screen and (max-width : 330px) {
#areaDrop, #areaDrop button, #servDrop, #servDrop button{
		font-size:16px !important;
	}
}
	.bolden{
		font-size:16px !important; 
	}
.mLogo{
	width:301px;
}
@media only screen and (max-width : 1150px) {
	.mLogo{
	width:200px;
}
}
@media only screen and (max-width:800px){
	#mobCent{
text-align:left;
}
}
.w3-button:hover{
	color:white !important;
	background-color:transparent !important;
}
.navDrop, .navDrop:hover, .navDrop:active, .navDrop:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
	outline: 0 !important;
}
 #map {
        height: 520px;
        width: 98%;
       }
	   
	   
.service{
	background-color:rgb(200,200,200);
	color:rgb(0,0,0);
	cursor:pointer;
	height:150px;
	-webkit-transition: transform 0.1s;
     -moz-transition: transform 0.1s;
       -o-transition: transform 0.1s;
          transition: transform 0.1s;
}
.service:hover{
	background-color:rgb(242,103,34) !important;
	color:black !important;
	cursor:pointer;
	
}
.service:hover > .serviceHeader { color: black; }
@media only screen and (max-width : 1150px) {
	.service{
		height:200px;
	}
}
.activeServiceHeader{
	background-color:none !important;
	color:black !important;
}
.activeService{
	background-color:rgb(242,103,34) !important;
	color:black !important;
}
.narBar{
	background-color:rgb(36,35,35); 
	color:white;
}
.greyBg{
	background-color:rgb(36,35,35) !important; 
}
.greyHover:hover{
	color:rgb(242,103,34)!important; 
}
.greyHover2:hover{
	color:rgb(242,103,34)!important; 
	background-color:rgb(242,103,34)!important; 
}
.footerNo{
	color:rgb(242,103,34);
	
}
.bolden{
	
	color:white;
	font-family:Oswald;
	font-weight:500;
	font-size:24px;
}
.infoHide{
background-color:white;width:100%;overflow:hidden;
color:black;
 -webkit-transition: transform 0.025s;
     -moz-transition: transform 0.025s;
       -o-transition: transform 0.025s;
          transition: transform 0.025s;
}
}
.rotHam{
	 color:rgb(242,103,34)!important; 
}
.rota{
	 -moz-transform:rotate(3deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(3deg);
    /* Opera */
    -o-transform:rotate(3deg);
    /* IE9 */
    -ms-transform:rotate(3deg);
	 -webkit-transition: transform 0.025s;
     -moz-transition: transform 0.025s;
       -o-transition: transform 0.025s;
          transition: transform 0.025s;
}
.rota2{
	 -moz-transform:rotate(-3deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(-3deg);
    /* Opera */
    -o-transform:rotate(-3deg);
    /* IE9 */
    -ms-transform:rotate(-3deg);
}