/*
Theme Name: Apex Industrial Ponds
Theme URI: https://www.apexponds.com
Description: Apex Industrial Ponds
Author: Webedelic
Author URI: http://www.webedelic.com
Description: Apex Industrial Ponds
Version: 1.0
Tags: Apex Industrial Ponds
License:
License URI:
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


html, body {
	font-size: 15px;
    font-family: "Montserrat", sans-serif;
	color: #000000;
	height: 100%;
	margin: 0;
  padding: 0;
  padding-top: 0px;
}

h1, h2 {
	color: #000000;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	color: #000000;
	font-weight: 900;
}

img {
	max-width: 100%;
	height: auto;
}
a:link {color: #a31e21; text-decoration: none; }
a:visited {color: #a31e21; text-decoration: none; }
a:hover {color: #000000; text-decoration: none; }
a:active {color: #a31e21; text-decoration: none; }





.logocenter {
display:flex;justify-content:center;align-items:center;padding-top:8px;padding-bottom:8px;
}


.headerbg {
	background-image: url(images/headerbg.jpg);
	background-repeat: no-repeat;
    background-position: center;
	width: 100%;
	height: 650px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}



.headertext1 {
	padding-top:150px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	font-size: 40px;
	line-height: 40px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 4px 18px rgba(0,0,0,.65);
	text-transform: uppercase;
}


.headertext2 {
	padding-top:0px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	font-size: 40px;
	line-height: 40px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 4px 18px rgba(0,0,0,.65);
	text-transform: uppercase;
}





.greenthickline {
	background-color: #009245;
	width: 100%;
	height: 8px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}



.blackthinline {
	background-color: #000000;
	width: 100%;
	height: 2px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

.whitebg {
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top:40px;
	padding-bottom:40px;
	padding-right:0px;
	padding-left:0px;
}



.chainbg {
	background-image: url(images/chainlinkbg.png);
    background-position: center;
	width: 100%;
	height: 450px;
	padding-top:40px;
	padding-bottom:40px;
	padding-right:0px;
	padding-left:0px;
}





.chain-left {
	width: 52%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:8%;
	padding-left:0px;
	font-size: 18px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	float: left;
	
}

.chain-right {
	background-color: #ffffff;
	width: 40%;
	padding-top:30px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	float: left;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	margin-top:-220px;
	
}


.chain-right-text1 {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 18px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	
}



.chain-green-bg {
	background-color: #009245;
	width: 100%;
	height: auto;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	font-size: 22px;
	line-height: 28px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	
}

.chain-green-phone {
	padding-top:20px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 42px;
	line-height: 50px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	
}


.chain-green-approved {
	padding-top:60px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 42px;
	line-height: 50px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #009245;
	text-align: center;
	text-transform: uppercase;
	
}

.chain-black-approved {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 26px;
	line-height: 30px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	
}





.greenbutton {
  border: none;
  color: white;
  text-align: center;
  font-size: 22px;
	font-weight: 400;
  margin: 2px 2px;
  opacity: 1
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
	font-family: "Montserrat", sans-serif;
  cursor: pointer;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 50px;
	display:flex;justify-content:center;align-items:center;
	text-transform: uppercase;
  
}



.greenbutton a:link {color: #ffffff; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:8px; padding-left:8px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #009245; background-color: #009245; }
.greenbutton a:visited {color: #ffffff; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:8px; padding-left:8px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #009245; background-color: #009245; }
.greenbutton a:hover {color: #009245; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:8px; padding-left:8px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #009245;-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease; background-color: #ffffff; }
.greenbutton a:active {color: #ffffff; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:8px; padding-left:8px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #009245; background-color: #009245; }








.white-left {
	width: 52%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:8%;
	padding-left:0px;
	font-size: 18px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	float: left;
	
}

.white-right {
	background-color: #ffffff;
	width: 40%;
	padding-top:130px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 16px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: center;
	float: left;
	
}




















.socfloat {
	width: 30px;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:20px;
	padding-left:0px;
	float: left;
	
}



.socfloat img {
	max-width: 100%;
	height: auto;opacity: 1.0;
    filter: alpha(opacity=100); 
    
}



.socfloat img:hover {
    opacity: .8;
    filter: alpha(opacity=80); 
}









.flexcenter {
display:flex;justify-content:center;align-items:center;
}



.alignright {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:20px;
	float: right;
	
}

.alignleft {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:20px;
	padding-left:0px;
	float: left;
	
}




.tocenter {
	width: 1150px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	margin-left: auto;
    margin-right: auto;
}






@media screen and (max-width:750px) {

    body {
    margin:0 0 0 0;
	overflow-x:hidden;
    }








.headerbg {
	background-image: url(images/headerbg.jpg);
	background-repeat: no-repeat;
    background-position: center;
	width: 100%;
	height: 450px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}



.headertext1 {
	padding-top:150px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	font-size: 28px;
	line-height: 32px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 4px 18px rgba(0,0,0,.65);
	text-transform: uppercase;
}


.headertext2 {
	padding-top:0px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	font-size: 28px;
	line-height: 32px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 4px 18px rgba(0,0,0,.65);
	text-transform: uppercase;
}





.greenthickline {
	background-color: #009245;
	width: 100%;
	height: 8px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}



.blackthinline {
	background-color: #000000;
	width: 100%;
	height: 2px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

.whitebg {
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
}



.chainbg {
	background-image: url(images/chainlinkbg.png);
    background-position: center;
	width: 100%;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
}





.chain-left {
	width: 100%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 18px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	
}

.chain-right {
	background-color: #ffffff;
	width: 100%;
	padding-top:20px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	margin-top:20px;
	
}


.chain-right-text1 {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 18px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	
}



.chain-green-bg {
	background-color: #009245;
	width: 100%;
	height: auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	font-size: 18px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	
}

.chain-green-phone {
	padding-top:10px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 28px;
	line-height: 32px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	
}


.chain-green-approved {
	padding-top:10px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 28px;
	line-height: 32px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #009245;
	text-align: center;
	text-transform: uppercase;
	
}

.chain-black-approved {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 21px;
	line-height: 24px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	
}





.greenbutton {
  border: none;
  color: white;
  text-align: center;
  font-size: 18px;
	font-weight: 400;
  margin: 2px 2px;
  opacity: 1
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
	font-family: "Montserrat", sans-serif;
  cursor: pointer;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 50px;
	display:flex;justify-content:center;align-items:center;
	text-transform: uppercase;
  
}



.greenbutton a:link {color: #ffffff; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:8px; padding-left:8px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #009245; background-color: #009245; }
.greenbutton a:visited {color: #ffffff; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:8px; padding-left:8px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #009245; background-color: #009245; }
.greenbutton a:hover {color: #009245; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:8px; padding-left:8px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #009245;-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease; background-color: #ffffff; }
.greenbutton a:active {color: #ffffff; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:8px; padding-left:8px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #009245; background-color: #009245; }








.white-left {
	width: 100%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 18px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	
}

.white-right {
	background-color: #ffffff;
	width: 100%;
	padding-top:30px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 16px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: center;
	
}






.alignright {
	width: 100%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	
}

.alignleft {
	width: 100%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	
}




.tocenter {
	width: 94%;
	max-width: 1150px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:3%;
	padding-left:3%;
	margin-left: auto;
    margin-right: auto;
}