/*  
Theme Name: Webshark
Theme URI: 
Description: 
Version: 2.0
Author: Webshark
Author URI: http://www.webshark.ca
*/

body{
margin:0;
padding:0;
color:#000000;
font-family: 'Nunito Sans', sans-serif;
font-size:16px;
font-weight:300;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.post h3{
	color:#1e8110;
	display:block;
	padding-bottom:20px;
}

.servicecontent{
	width:65%;
	vertical-align:top;
	display:inline-block;
}

.serviceside{
	width:25%;
	vertical-align:top;
	display:inline-block;
	    padding-left: 62px;
}

.serviceside .forminator-label{
	display:none !important;
}


.sub-menu a{
display:block;
color:#ffffff !important;
padding:9px !important;
	width:250px;

}

.sub-menu a:hover{
color:#44a3cd !important;
}


.sub-menu li{
border-bottom:0 !important;
float:none !important;
margin-top:0 !important;
padding:5px !important;
}

.sub-menu li a{
	background-image:none !important;
font-size:14px !important;
color:#ffffff !important;
	margin-left:0 !important;
	border-right:0 !important;
}


.sub-menu li a:hover{
	color:#ffffff !important;
	background:#1e8110;
}


.sub-menu{
	z-index:99;
	background:#3c3c3c;
1background:#ffffff;
display:none;
position:absolute;
	margin:0;
	padding:0;
}

ul.menu li:hover > ul.sub-menu{
    display: block;
    margin: 0;
}


hr{
	width:100%;
	height:1px;
	margin:50px 0;
	background:#d9d9d9;
	border:0;
}

.bigfont{
	    font-size: 33px;
    padding-bottom: 30px;
}

.faqs{
	    padding: 30px 0;
    border-bottom: 1px solid #3d3d3d;
}

.faqs .green{
	font-size:20px;
	color:#56aa4b;
}

#rentalbox{
	width:48%;
	vertical-align:top;
	display:inline-block;
	padding-bottom:30px;
}

#rentalbox img{
	width:90%;
	display:block;
	padding-bottom:25px;
}

#rentalbox h2{
	color:#1e8110;
	font-size:20px;
}

#rentalbox li{
	color:#5b5b5b;
	font-size:15px;
	padding:2px 0;
}

#rentalbox p{
	font-weight:500;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.topbox{
	
}


.socials{
	margin:0;
	padding:0;
}

.socials li {
	display:inline-block !important;
}

.socials li img{
	width:60px;
}

.fullimg{
	width:100%;
	height:auto;
}

.half p{
	line-height: 27px;
}

.bc{
	border-bottom:1px solid #e7e7e7;
	padding:10px 0;
	background:#f8f8f8;
	letter-spacing:1px;
}

.bc a{
	color:#5f5f5f !important;
}

.half{
	vertical-align:middle;
	width:48%;
	margin:10px;
	display:inline-block;
}


.forminator-button-submit{
	    background:#1e8110;
    color: #ffffff;
    padding: 15px 25px !important;
}

.cols{
	 display:flex;
}

.col{
	flex:1;
}

.wrap{
max-width:1200px;
	width:90%;
margin:auto;
}


.third{
	width:70%;
	margin:auto;
}

.teams{
	border-bottom:1px solid #d3d3d3;
	padding:20px 0;
}

.teams img{
	width:20%;
	display:inline-block;
	vertical-align:top;
}


.teamcontent{
	width:75%;
	display:inline-block;
	vertical-align:top;
	    padding-left: 30px;
}


.team{
	display:inline-block;
	vertical-align:top;
	width:27%;
	margin:10px;
	text-align:left;
}

.team h3 , .teams h3{
	font-size: 24px;
}

.team img{
	width:100%;
	margin-bottom:15px;
}

.team span , .teams span{
	font-size:20px;
}


.team span , .teams span{
	color:#0d7017;
}

.green{
	    color: #1e8110;
    font-size: 25px;
	    margin-bottom: 30px;
}


.btn{
	display:inline-block;
	padding:12px 25px;
	color:#ffffff !important;
	border-radius:10px;
	text-decoration:none;
		background: rgb(30,128,16);
background: linear-gradient(105deg, rgba(30,128,16,1) 0%, rgba(0,92,25,1) 100%);
}

#topbar{
	text-align:center;
	letter-spacing:1px;
	color:#ffffff;
	padding:10px 0;
	background: rgb(30,128,16);
background: linear-gradient(105deg, rgba(30,128,16,1) 0%, rgba(0,92,25,1) 100%);
}

#navbar{
	background:#101010;
}

#toplogo{
	float:left;
	padding:10px 0;
}

#topdisplay{
  background: url(/wp-content/uploads/2024/03/homepage-skyline.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#subdisplay{
	color:#ffffff;
	background: url(/wp-content/uploads/2023/12/informed-background.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top:200px;
}


.display-servs{
	background: url(/wp-content/uploads/2024/03/serv-tops.jpg) no-repeat center center !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important; 
}


.display-11{
	background: url(/wp-content/uploads/2024/01/waste-about.jpg) no-repeat center center !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important; 
}

.display-13{
	background: url(/wp-content/uploads/2024/01/waste-teams.jpg) no-repeat top center !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important; 
}

.display-15{
	background: url(/wp-content/uploads/2024/01/waste-about.jpg) no-repeat center center !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important; 
}

.display-18{
	background: url(/wp-content/uploads/2023/12/eqiupment-head.jpg) no-repeat center center !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important; 
}

.display-20{
	background: url(/wp-content/uploads/2023/12/rentals-head.jpg) no-repeat center center !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important; 
}

.display-22{
	background: url(/wp-content/uploads/2024/01/teams-slide.jpg) no-repeat top center !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important; 
}

.display-24{
	background: url(/wp-content/uploads/2024/01/waste-teams.jpg) no-repeat top center !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important; 
  background-size: cover !important; 
}

.subhead{
	background:rgb(30,128,16 , 0.6);
	padding:40px 0;
	
}

.headcontent{
	margin:auto;
	max-width:650px;
	text-align:center;
	padding:150px 0;
	color:#ffffff;
}

.headcontent p{
	font-size:20px;
}


.headcontent h1{
	    letter-spacing: -1px;
    font-size: 32px;
    line-height: 33px;
    padding-bottom: 11px;
}

.pad{
padding:90px 0;
}

.center{
	text-align:center;
}

.graybg{
	background:#e5e4e4;
}

.colpad{
	padding:110px 85px;
}

#1servicebox{
	color:#ffffff;
	text-align:center;
	padding:100px 0;
	  background: url(/wp-content/uploads/2023/12/services-background.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#servicebox h3 , #informedbox h3{
	font-size:25px;
	color:#89c85b;
}

#informedbox{
	color:#ffffff;
	text-align:center;
	padding:100px 0;
	background: url(/wp-content/uploads/2023/12/informed-background.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#servicebg{
	color:#ffffff;
	
	padding:100px 0;
	background:#000000;
	1background: url("") no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#navi{
float:right;
padding:20px 0;
}

#navi li{
float:left;
list-style:none;
}



#navi a{
text-transform:uppercase;
text-decoration:none;
padding:10px 15px;
font-size:15px;
letter-spacing:1px;
color:#ffffff;
display:block;
}

#navi a:hover{
}


#footer{
	background:#1b1b1b;
	color:#dfdfdf;
	padding:50px 0;
}

.footerbox h4{
	color:#89c85b;
}

.footerbox{
	display:inline-block;
	width:28%;
	vertical-align:top;
	min-height:200px;
}

.footerbox ul{
margin:0;
padding:0;
}

.footerbox li{
	display:block;
	list-style:none;
}

.footerbox li a{
	display:block;
	text-decoration:none;
	color:#ffffff;
	padding:2px;
}

.bb{
	border-left: 1px solid #3d3d3d;
    border-right: 1px solid #3d3d3d;
    padding: 0 42px;
    margin-right: 30px;
}

#copy a{
	color:#838383;
	text-decoration:none;
}

#copy{
	color:#838383;
	font-size:14px;
	 border-top:1px solid #3d3d3d;
	padding-top:20px;
	margin-top:20px;
	text-transform:uppercase;

}

.col h3{
	color:#1e8110;
	font-size:25px;
}

.col h5{
	    font-weight: 600;
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding-bottom: 11px;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Nunito Sans', sans-serif;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	font-size: 23px;

}

h4{
	    font-weight: 700;
    margin: 0;
    padding-bottom: 14px;
	font-size: 18px;
}

p, ul, ol {
	margin: 0 0 1em 0;


}

a:link {
	color: #1e8110;
}

a:hover, a:active {
	text-decoration: none;
	color: #1e8110;
}

a:visited {
	color: #1e8110;
}

img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input, textarea, select {
	padding:9px;
border:1px solid #d5d5d5;
	font-size: 13px;
	color: #333333;
}

input{
display:inline-block;
width:30%;
}

.wpcf7-submit{
color:#ffffff;
background:#690039;
border:0;
}

textarea{
margin-top:5px;
width:98%;
height:50px;
}

#banner {
	width: 800px;
	margin: 0 auto;
	
	height: 230px;
}

/* Header */

#header {
	width: 800px;
	margin: 0 auto;
	height: 50px;
	
}






/* Menu */

#menu {
	float: left;
	width: 800px;
	height: 50px;
	
}
#topmenu{
padding-left:31px;
padding-top:23px;
}

#topmenu a{
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
font-stretch:ultra-condensed;
font-size:18px;
}

#topmenu a:hover{
text-transform:uppercase;
color:#e5ab42;
text-decoration:none;
font-stretch:ultra-condensed;
font-size:18px;
}

#menu ul {
	margin: 0;
	padding: 0px 0 0 10px;
	list-style: none;
	line-height: normal;
}





#logo p a {
	text-decoration: none;
	color: #8BD80E;
}

#logo p a:hover { text-decoration: underline; }



/* Page */

#page {
	width: 740px;
	margin: 0 auto;
	padding: 20px 30px 0px 30px;
	
}

/* Content */

#content {
	float: left;
	width: 932px;
	margin-left:15px;
	font-size:13px;
	
}

/* Post */

.post {

}

.post .title {
	
}

.post .title a {
	text-decoration: none;
}

.post h1 {
	padding: 0px 0 0 0px;
	font-size: 24px;
	color: #000000;

}

.post h2 {
	padding: 0px 0 0 0px;
	margin-bottom:10px;
	font-size: 22px;

}

.post .entry {
}

.post .meta {
	padding: 0px 15px 30px 0px;
}

.post .meta p {
	margin: 0;
	padding-top: 15px;
	line-height: normal;
	color: #FFFFFF;
}

.post .meta .links {
	float: left;

}
.post .byline {
	

	font-size: 10px;
	color: #515151;
}

.post .meta .links {
	float: left;
}

.post .meta .more {
}

.post .meta .comments {
	padding-left: 25px;
}

.post .meta b {
	display: none;
}


/* Sidebar */

#sidebar {
	width: 210px;
	float: left;
	margin: 0;
	padding: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding-left: 20px;
}

#sidebar h2 {
	width: 270px;
	height:39px;
	margin-bottom: 10px;
	padding-left: 10px;
	
	border-left: 5px solid #c926ec;
	background-image:url("");
	font-size: 20px;
	color: #FFFFFF;
}

/* Search */

#search {

}

#search h2 {
	margin-bottom: 20px;
}

#s {
	width: 100px;
	margin-right: 5px;
	margin-left: 20px;
	padding: 2px;
}

#x {
}

/* Boxes */

.box1 {
	padding: 20px;
}

.box2 {
	color: #BABABA;
}

.box2 h2 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #FFFFFF;
}

.box2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
	color: #EDEDED;
}

/* Footer */


#legal {
	clear: both;
	text-align: center;
	color: #FFFFFF;
}

#legal a {
	font-weight: normal;
	color: #FFFFFF;
}

#comment {
	width: 400px;
	height: 100px;
}

.date {
	padding-left: 10px;
	border-left: 8px solid #3c86e1;
	margin-top: -25px;
	margin-bottom: 20px;
	font-size: 11px;
	color: #a7cbe6;
}





@media (max-width:700px){
	
	
	
	
	
	
	
}