// <weight>: Use a value from 300 to 800
// <uniquifier>: Use a unique and descriptive class name

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
 @font-face {  font-family: 'Bebas';
  src: url("../webfonts/BebasNeueRegular.otf"); }
  
.no-bullets{list-style: none;}
.child_list .title{padding-bottom: 10px;}



p{margin-bottom: 30px; font-size: 16px!important; font-family: "Raleway", sans-serif!important;}
h1{
   font-family: "Raleway", sans-serif!important;
  font-weight: 300; 
    font-style: normal;
    text-transform: uppercase;
    font-size: 45px; border: none!important;
}
h2{
    font-family: "Raleway", sans-serif!important;
    font-weight:300; color: #f59f56!important;
    font-style: normal;
    text-transform: uppercase;
    font-size: 30px; 
}
h3{
    font-family: "Raleway", sans-serif!important;
    font-weight:500; color: #f59f56!important;
    font-style: normal;
   
    font-size: 20px; 
}
.heading{font-family: "Raleway", sans-serif!important;
    font-weight:500;font-size: 30px; }
.hm_box_serivces_heading{font-family: "Raleway", sans-serif!important;
    font-weight:300; color: #f59f56;
    font-style: normal;
    text-transform: uppercase;
    font-size: 22px; }
.bottomPad40{padding-bottom:  40px;}
#comments{display:none!important;} // TURN OFF COMMENTING
.yoast-breadcrumbs{margin-bottom: 40px!important;}


.hm_box_serivces_text{font-size: 16px;padding: 0px 10px 20px 10px;  font-weight:300; font-family: "Raleway", sans-serif!important;}

.padLeft15{padding-left: 15px; }
.counties ul{display: block; list-style: none; padding: 0px; margin: 0px;}
    .counties ul li{display: inline-block; padding: 10px;}
.borderLeftBl{border-left: 2px solid #143f57;}

.white{color: #fff;}

#primary{min-height: 500px;}

@media only screen and (max-width: 1200px) {
.tabletBlock{display:block!important;}
.tabletShow{display:block!important;}
.tabletNone{display:none!important;}
    #navWrapper{text-align: center!important; }
    #main-navbar{text-align: center!important; border: 1px #ccc solid;}
}
@media screen and (max-width: 1000px){
    
    #main-navbar{display:none!important;}
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
    .header-img, .single-page-img, .external-div .box-image img, .external-div{ }
    
    #slider-pro-3-69{display: none!important}
    .mobileslider{display: block!important;}
    
    .featured-image{ background-attachment: scroll!important; width:100%!important; height: auto!important;}
    h1{font-size: 30px;font-weight: 500; }
    .counties ul li{display: block; padding: 10px 0px!important;}
    p{font-size: 18px!important; font-weight: 400!important;}
.mobileBlock{display:block!important; width:auto!important;}
	.mobileInline{display:inline-block!important;}
/*.topContainer-background{background:none!important;}*/
	.mobileNone{display:none!important;}
	.mobileShow{display:block!important;}
	.mobileShowIn{display:inline-block!important;}
	.mobileWidthAuto{width:auto!important;}
	.mobileBorder{border:2px #333 solid; margin-bottom:10px;}
	.mobileWidth100{width:100%!important;}
	.mobileCenter{text-align:center!important;}
	.mobilePad10{padding:10px!important;}
	.mobileLeft{text-align:left!important;}
    .mobileMargin10{margin: 10px!important;}
	#hm-gutters{background-size:1100px auto;}
	#hm-gutter-text{ padding-top:130px!important; padding-left:20px!important; padding-right:20px!important;}
	#hm-gutters img{width:100%!important; height:auto!important; max-height:auto!important; padding:0px!important;}
	
    #headerbox .col{display: inline-block!important; padding: 5px 10px;}
	#mobilePhone a{color:#fff!important;}
	#mobilePhone a:hover{color:#fff!important;}
	#mobilePhone a:active{color:#fff!important;}
	#mobileMenu{ position:absolute;  top:0; right:0; height:60px;}
	
	
}

.mobileShow{display:none;}
.none{display: none;}
#developedBy a{color: #ccc;}
#developedBy a:hover{color: #f6a057;}
#developedBy{color: #fff;}
.box-text{display: none;}


.pad25{padding:25px;}

.inBlock{display:inline-block}
.block{display:block;}
.width100{ width:100%;}
.myFont{font-family: 'Roboto Condensed', sans-serif;}
.ft18{font-size:18px;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}

.ft20{font-size:20px!important;}
.ft22{font-size:22px!important;}
.ft24{font-size:24px!important;}
.ft30{font-size:30px!important;}
.ft32{font-size:32px;}
.ft36{font-size:36px;}
.ft50{font-size:50px;}
.pt40{font-size:40pt;}

.bold{font-weight:bold}
.red{color:#FF0000;}
.bgBlue{background-color: #143f57!important;}
.bgOrange{background-color: #f6a057!important;}
.whiteText{color: #fff;}
.upperTx{text-transform:uppercase;}
.upper{text-transform:uppercase;}
.boxShadow{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.border{border:1px #FF0000 solid;}
.border-wide{border:4px #CCCCCC solid; padding:15px; background-color:#e2dede; text-align:center}
.borderc{ border-collapse:collapse;}
 .pointer{cursor:pointer;}
 .right{text-align:right;}
 
.inner_carousel p{display: none;}
.wpcf7-tel{
  border:1px solid #c8c8c8;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
 
.vMiddle{vertical-align: middle;
}
.bulletList li{margin-bottom:10px;}
.vTop{vertical-align:top;}
.pad3{padding:3px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad40{padding:40px;}
.pad40LR{padding:0px 40px 0px 40px;}
.tableBorder{ border:1px solid #000;}
.table{display:table;}
.tableCell{display:table-cell;}
.tableCol{display:table-cell;}
.tableRow{display:table-row;}



 /* Dropdown Button */
.dropbtn {
    background-color: #233251;
    color: white;
    padding: 10px;
    font-size: 14px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
	font-size:14px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ff9900;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #ff9900;} 




.video-container {
    height: 300px;
    width: 300px;
    position: relative;
}

.video-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  color: #dc0000;