
.logo {max-height: 70px; float: none; margin: auto; display: block;}

.logowrap {display: table; margin: auto; width: fit-content; float: none; margin-top: -5px;}

.headerpad {padding-left: 0% !important; padding-right: 0% !important;}
.headinfo { float: left; display: table;}

.newpad1 {padding-left: 50px;}
.newpad2 {padding-right: 50px;}



.social-li {
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 2px solid white;
    box-sizing: border-box !important; height: 35px; text-align: center;
    width: 35px; margin: 1px; margin-right: 5px; background-color: #116c36;
}

.social-li > .fas {color: white !important; font-size: 20px; margin: auto; display: block !important;}
.social-li:hover > .fas {color: black !important; transition-duration: .5s;}
.social-li > .fab {color: white !important; font-size: 20px; margin: auto; display: block !important;}
.social-li:hover > .fab {color: black !important; transition-duration: .5s;}

.footiconspan { display: block; width: fit-content; margin-top: 3px;}
.footicon {text-align: center; display: block;}

.mycontactinfo a i {
    width: 20px;
    font-size: 23px;
    left: 0;
    top: 0; color: #f6f6f6 !important;
    margin-top: 8px;
    margin-right: 10px;
}

.myplus {font-size: 23px; font-weight: 300 !important; display: inline-table; padding-left: 3px; position: absolute; z-index: 5;}

.headertext {color: #116c36 !important; font-family: "Montserrat", sans-serif; !important; font-size: 13px !important; font-weight: 400; margin-left: 5px; text-transform: uppercase;}
.headertext > .fas {color: black !important; font-size: 19px !important; margin-right: 10px;}
.headertext > .fab {color: black !important; font-size: 19px !important; margin-right: 10px;}
.headertext > i {color: black !important; font-size: 19px !important; margin-right: 10px;}

.myicon {margin: 7px 5px 5px 5px; color: white !important; font-size: 20px !important; vertical-align: middle; display: inline-block; height: 25px; width: 25px;}
.myicon:hover {color:  dimgray !important; transition-duration: .4s;}
.myicon2 {margin: 7px; color:white !important; font-size: 20px !important; vertical-align: middle; width: 40px;}
.myicon2:hover {}
.iconspan {float: right; padding-right: 15px; transform: scale(80%);}

.paging-container > nav {position: relative !important; background-color: white !important; box-shadow: none !important; }


.slanted { padding-top: 10px; padding-bottom: 10px;}


.navslant {background-image: url("../siteart/blackslant.png"); background-size: cover; background-position: left; background-repeat: no-repeat;}




.footer-nav {display: block; float: none; width:fit-content; margin: auto;}


.footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; padding: 0px !important;
}

.footer-nav li {
  /* margin-bottom: 10px; */
  display: inline-block;
  padding: 20px 20px !important;
}

.footer-nav li a {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  text-align: left;
  color: white !important;
  font-family: "Montserrat", sans-serif;
  
}

.footer-nav li a:hover {color: gainsboro !important;}

footer .bttn-base {
  width: 230px;
  width: max(120px, 11.97917vw);
  margin-bottom: 10px;
  margin-bottom: max(5px, 0.52083vw);
}

footer .phone,
footer .body-link {
  display: block;
}

footer a:hover {
  opacity: 0.7;
}





.logo2 {max-height: 95px;}


/*===================== 
	my navbar 
=======================*/
.navbar-toggle {display: none;}
.navbar-header {display: none;}


.navbar-inverse {background-color: transparent !important; border-color: transparent !important; clear: both; box-shadow: 0px 0px 0px 0px transparent !important; border-radius: 0px !important;}

.navbar-inverse .navbar-nav > li > a {
	background-color: black;
	color: white !important; text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
    font-size: 13px; letter-spacing: 0.5px;
	font-weight: 600;
    padding: 15px 15px 18px 15px !important;
}

.pricingbtn > a {background-color: #116c36 !important; color: white !important; margin-left: 90px; width: 120px; text-align: center;}
.pricingbtn > a:hover {background-color: white !important; color: #116c36 !important;}


.nobordernav {border-right: 0px solid black !important;}

.navbar {min-height: 0px !important; margin-bottom: 0px !important;}
.topspan {float: right;}
.toprow {background-color:  dimgray !important; padding-top: 12px; padding-bottom: 12px;}

.navbar-inverse .navbar-nav > li > a:hover {background-color: black; transition-duration: .4s; color: #116c36 !important; min-height: 0px !important;}
.navbar-nav {float: left !important; margin: auto !important; width: fit-content !important; display: table; background-color: transparent; 
    padding: 15px 0px !important; margin-left: 150px !important;}
.dropdown-menu {background-color: black !important; border: 2px solid black !important; z-index: 125; display: block;}


.dropdown-menu > li > a {font-family: "Montserrat", sans-serif; color: white !important; font-size: 13px; padding: 10px 20px !important; font-weight: 500 !important; letter-spacing: 1px; text-transform: uppercase;}
.dropdown-menu > li > a:hover {color: white !important; background-color: #116c36 !important; transition-duration: .3s;}



.navbar-nav > li {float: none !important; display: inline-block !important;}
.nav > li > a {position: relative; display: block; padding: 0px !important;}
.headerwraprow {background-color:  dimgray;}






/*===================== 
	Search 
=======================*/

.searchingform {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.searchyellowbutton {
	float: right;
	font-family: "Montserrat", sans-serif !important;
	background-color: transparent !important;
	color: black !important;
	text-transform: uppercase;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-color: #ae2024 !important; border-top: 0px !important;
    border-right: 0px !important; border-left: 0px !important;
	border-bottom: 0px solid #ae2024 !important;
	margin-bottom: 0px !important;
	height: 33px !important;
	font-weight: 700;
	font-size: 13px !important;
	padding-top: 5px !important;
}

.searchyellowbutton > i {font-size: 22px;}


.searchingbox {
	width: 100% !important;
	padding-left: 20px !important; 
    border-radius: 0px !important;
	margin-bottom: 0px !important;
	height: 33px !important;
	border-bottom: 0px solid !important;
	border-right: 0px !important;
    border-top: 0px solid !important;
    border-left: 0px solid !important;
	border-color: transparent !important;
	background-color: transparent !important;
	color: black !important; font-size: 16px !important; outline-color: transparent !important;
	font-family: "Montserrat", sans-serif !important; outline: none !important;
	
}

.searchingbox:hover {border: 0px solid white !important;}
.searchingbox:active {border: 0px solid white !important;}
.searchingbox:select {border: 0px solid white !important;}

.header-search-row {padding-top: 7px; padding-bottom: 7px;}














/*===================== 
	My Footer
=======================*/
.centerlinkwrap {display: block; margin: auto; float: none; width: fit-content;}


.footerspace {height: 40px; display: block;}


.footerheader {font-size: 19px; font-family: "Montserrat", sans-serif; !important; color: #116c36; font-weight: 800; line-height: 1.5em; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 22px;}

    

a.footerlink:link, a.footerlink:visited, {
	font-family: "Montserrat", sans-serif;
}

.footerlink {
	color: black !important; display: inline-block !important;
	font-size: 15px !important;
	font-weight: 500;
	line-height: 24px;
	font-family: "Montserrat", sans-serif; margin: 0px 10px;
}

.footerlink:hover {
	color: #116c36 !important;
}

.footerlink > i {color: #116c36 !important; margin-right: 10px;}


.subfooterlink {
	color: black !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 12px;
	font-family: "Montserrat", sans-serif;
}

.subfooterlink2 {
	color: white !important;
	font-size: 13px !important;
	font-weight: 500;
	line-height: 8px;
	font-family: "Montserrat", sans-serif;
}

.footercol > .padrightatfirst > a {width: fit-content !important; display: block;}

.mediumspot {
	font-weight: 400;
}

.footbg {background-color: white !important;}










body{
    overflow-x: hidden !important; max-width: 100% !important;
}







	
/*===================== 
	slideshow styles 
=======================*/



/*===================== 
	banner styles 
=======================*/



/*===================== 
	layout styles 
=======================*/




/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #222;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:13px;
		color: #fff;
		}

.footertext {
	font-size:13px; 
	color:#666;
	}

.smallfootertext {
	font-size:10px; 
	color:#666;
	}

.divfooter {
	max-width:1200px; 
	text-align:center; 
	margin:0 auto;
	}



/*========================= 
	 Responsive styles 
===========================*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1700px) { 
.pricingbtn > a {background-color: #116c36 !important; color: white !important; margin-left: 40px; width: 110px; text-align: center;}
    
    .newpad1 {padding-left: 40px;}
.newpad2 {padding-right: 40px;}
    
}




@media only screen and (max-width : 1500px) {
	
    .pricingbtn > a {background-color: #116c36 !important; color: white !important; margin-left: 10px; width: 100px; text-align: center;}

    .navbar-nav > li > a {font-size: 11px !important;     padding: 15px 13px 18px 13px !important;}
    
    .navbar-nav {
    float: left !important;
    margin: auto !important;
    width: fit-content !important;
    display: table;
    background-color: transparent;
   
    margin-left: 50px !important;
}
    
    .headerpad {padding: 0px !important;}
	
    
    .headertext {font-size: 13px !important;}
    
    
    .newpad1 {padding-left: 20px;}
    .newpad2 {padding-right: 20px;}
    
    
	
}
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    
    
    .newpad1 {padding-left: 0px;}
    .newpad2 {padding-right: 0px;}
	
.headerpad {padding-left: 0% !important; padding-right: 0% !important;}	
    
.headertext {font-size: 13px !important;}  
    
    .navbar-nav > li > a {font-size: 10px !important;     padding: 15px 12px 18px 12px !important;}	
    
        .navbar-nav {
    float: left !important;
    margin: auto !important;
    width: fit-content !important;
    display: table;
    background-color: transparent;
   
    margin-left: 30px !important;
}
    
    .morelogopad {padding-left: 15%;}



}


@media only screen and (max-width : 1150px) {
.pricingbtn {display: none !important;}
    .pricingbtn > a {display: none !important;}

}







@media only screen and (max-width : 1100px) {

.navbar-inverse .navbar-nav > li > a {font-size: 10px !important;}	
    
.navbar-nav > li > a {font-size: 10px !important;}	
    
    .morelogopad {padding-left: 10%;}

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 1000px) {
	

	
	
	
}



/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
.headerpad {padding-left: 0% !important; padding-right: 0% !important;}	
	
.navbar-inverse .navbar-nav > li > a {font-size: 13px !important; text-align: left !important;}	
	
    .navbar-inverse {padding-bottom: 5px !important; background-color: transparent !important;}
	
	.logo {margin: auto !important; float: none !important; max-height: 70px !important;}
    .morelogopad {padding: 0px !important;}
	.logowrap {}
	
.navbar-nav > li {display: inline-block !important; text-align: left !important;}
.navbar-nav {margin: auto !important; float: none !important; display: block; width: fit-content; padding-top: 5px !important;}
	
   .navslant {background-image: url("../siteart/blackslant2.png"); background-size: cover; background-position: left; background-repeat: no-repeat; height: 200px;}
	
    
    .headinfo {display: block !important; margin: auto !important; width: fit-content !important; float: none !important;}
    .slanted {display: block !important; margin: auto !important; width: auto !important; float: none !important; padding-top: 5px !important; margin-left: -15px;}
    
    .logo2wrap {display: block !important; float: left !important; margin: auto !important; width: fit-content !important;}
    .logo2 {display: block; margin-top: 0px !important; max-height: 120px;}
    
    
    .navbar-header {display: block !important; background-color: transparent !important; padding-bottom: 10px; height: 80px !important; width: fit-content; float: right; padding-top: 40px;}
    
    #hamburger {top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; width:100px; height:100px; margin: auto;     margin-top: -20px !important;}

.bar { display: block; width:100%; height:20%; margin-top:20%; background: white; transition:0.25s; -webkit-transition:0.25s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.animate .bar:nth-child(1) {transform:translateY(40px) rotate(135deg);}
.animate .bar:nth-child(2) {opacity: 0;}
.animate .bar:nth-child(3) {transform:translateY(-40px) rotate(-135deg);}
    
        .slanted {display: none !important;}
	
	.footiconspan {margin: auto !important;}
	.leftfloatatfirst {float: none; display: block; margin: auto;}
	
	.headinfo {display: none;}
	
	.navbar-nav > li {float: none !important; display: block !important; text-align: center !important; width: 100%;}
.navbar-nav {margin: auto !important; padding-top: 0px !important; float: none !important; width: 100% !important;}

.navbar-inverse .navbar-toggle {margin: auto !important; display: block !important; float: none !important;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 8px !important;}
.navbar-toggle:focus {background-color: transparent !important;}
.navbar-toggle .icon-bar {display: block !important; width: 46px !important; height: 9px !important; margin-top: 2px; border-radius: 1px !important; background-color: white !important;}
.navbar-inverse .navbar-nav > li > a { font-size: 13px !important; padding: 10px !important; border: 0px solid black !important; padding-left: 40px !important;}
    
    
    
.dropdown-menu > li { text-align: left !important; }
   .dropdown-menu > li > a {font-size: 13px !important; padding-top: 10px !important; padding-bottom: 10px !important;} 

    
    
    
    .navbar-nav > li > .dropdown-menu {padding: 0px !important; margin-left: 40px; position: static !important; float: none !important;}    
    
    
 .navslant {background-image: url("../siteart/blackslant2.png"); background-size: cover; background-position: left; background-repeat: no-repeat; height: 180px;}



	
	.nofloat {float: none !important;}
	
	.myheadrow {padding-top: 25px;}
    
	.navbar-inverse .navbar-toggle {border-color: transparent !important;}
	.navbar-toggle {display: block !important; background-color: black !important; padding: 0px !important; transform: scale(.5);}
	.navbar-header {display: block !important; background-color: transparent !important; padding-bottom: 10px; height: 80px !important; float: right !important;}
	.navbar {margin-top: 0px; margin-bottom: 0px !important;}
    .navbar-inverse {border: 0px solid transparent;}
    
	.headerwraprow {background-color:  dimgray !important;}
	.navbar-nav { padding-bottom: 20px;}
	
	
	.nopadfinal {padding: 0px !important;}
    
    
	
}



/* Small Devices, Tablets */
@media only screen and (min-width : 991px) {

.dropdown:hover .dropdown-menu {
    display: block; transition-duration: .3s;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    
    .slanted {display: none !important;}
	
	.footiconspan {margin: auto !important;}
	.leftfloatatfirst {float: none; display: block; margin: auto;}
	
	.headinfo {display: none;}
	
	.navbar-nav > li {float: none !important; display: block !important; text-align: center !important; width: 100%;}
.navbar-nav {margin: auto !important; padding-top: 0px !important; float: none !important; width: 100% !important;}

.navbar-inverse .navbar-toggle {margin: auto !important; display: block !important; float: none !important;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 8px !important;}
.navbar-toggle:focus {background-color: transparent !important;}
.navbar-toggle .icon-bar {display: block !important; width: 46px !important; height: 9px !important; margin-top: 2px; border-radius: 1px !important; background-color: white !important;}
.navbar-inverse .navbar-nav > li > a { font-size: 13px !important; padding: 10px !important; border: 0px solid black !important; padding-left: 40px !important;}

    
    
 .navslant {background-image: url("../siteart/blackslant2.png"); background-size: cover; background-position: left; background-repeat: no-repeat; height: 180px;}



	
	.nofloat {float: none !important;}
	
	.myheadrow {padding-top: 25px;}
    
	.navbar-inverse .navbar-toggle {border-color: transparent !important;}
	.navbar-toggle {display: block !important; background-color: black !important; padding: 0px !important; transform: scale(.5);}
	.navbar-header {display: block !important; background-color: transparent !important; padding-bottom: 10px; height: 80px !important;}
	.navbar {margin-top: 0px; margin-bottom: 0px !important;}
    .navbar-inverse {border: 0px solid transparent;}
    
	.headerwraprow {background-color:  dimgray !important;}
	.navbar-nav { padding-bottom: 20px;}
	.dropdown-menu > li > a {font-size: 13px !important; padding-top: 10px !important; padding-bottom: 10px !important;}
	
	.nopadfinal {padding: 0px !important;}
	
	

    .topwrap {margin: auto !important; display: block; width: fit-content !important;}
	

	
    
	.hideme {display: none !important;}
	
	.footerheader {font-size: 18px !important; margin-top: 15px;}
	.footercol {text-align: left !important;}
	.footercol > .padrightatfirst > a {text-align: left !important; width: auto !important; padding-bottom: 12px;}
	.footerlink {font-size: 15px !important;}
	.subfooterlink {font-size: 20px !important;}

	

	
	.typeemail {text-align: center;}
	
	.overlapimg {margin-bottom: 50px; display: block; height: 400px; margin-top: auto; border: 4px solid white !important;}
	.overlaprow {height: auto; padding-top: 50px; padding-bottom: 50px; text-align: center;}
	
	.the_list_wrap {padding-top: 25px; padding-bottom: 25px; min-height: auto; height: auto;}
	.the_list_item_subheadline {font-size: 31px;}
	.the_list_item_desc {font-size: 14px;}
	
	.rightfloatatfirst {float: none !important; margin: auto !important;}
	
	.removepad {padding: 0px !important;}
	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 620px) {
    .navbar-collapse {width: 60% !important;}
    .navslant {height: 160px !important;}
    .navbar-header {padding-top: 30px !important;}
    .logowrap {margin: auto !important;}
 
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

     .navslant {height: 135px !important;}
    .navbar-header {padding-top: 25px !important;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


}

