@import url('https://fonts.googleapis.com/css2?family=Roboto Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'Serpentine Sans ICG';
    src: url('/fonts/SerpentineSansICGBold.eot');
    src: url('/fonts/SerpentineSansICGBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SerpentineSansICGBold.woff2') format('woff2'),
        url('/fonts/SerpentineSansICGBold.woff') format('woff'),
        url('/fonts/SerpentineSansICGBold.ttf') format('truetype'),
        url('/fonts/SerpentineSansICGBold.svg#SerpentineSansICGBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



body {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.6em; background: #222; color: #FFF;}

h1, .h1 {font-family: 'Serpentine Sans ICG', serif; font-weight: bold;font-size: calc(2.5rem + 1.5vw)}
h1 span, .h1 span {display: block; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: .8em;}

h2, .h2 {font-family: 'Serpentine Sans ICG', serif; font-weight: bold;font-size: calc(1.75rem + 1.25vw)}
h2 span, .h2 span {display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: .8em;}

h3, .h3 {font-family: 'Serpentine Sans ICG', serif; font-weight: bold;font-size: calc(1.75rem + 1vw)}
h3 span, .h3 span {display: block; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: .8em; }

h4, .h4 {font-family: 'Serpentine Sans ICG', serif; font-weight: bold;font-size: calc(1.5rem + 1vw)}
h4 span, .h4 span {display: block; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: .8em;}

h5, .h5 {font-family: 'Serpentine Sans ICG', serif; font-weight: bold;font-size: calc(1.25rem + 1vw)}
h5 span, .h5 span {display: block; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: .8em;}

h6, .h6 {font-family: 'Serpentine Sans ICG', serif; font-weight: bold;font-size: calc(1rem + 1vw)}
h6 span, .h6 span {display: block; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: .8em;}

p {margin-bottom: 25px;}
p:last-child {margin-bottom: 0px;}

strong {font-weight: bold;}

.float-start {float: none !important; margin-bottom: 15px;}
.float-end {float: none !important; margin-bottom: 15px;}

ul.row {list-style: none; margin-bottom: 0px; padding-left: 0px;}
ul.row li {margin-bottom: 15px;}

header {position: absolute; top: 0px; left: 0px; width: 100%; z-index: 200; background:rgba(0,0,0,0.50);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

header.stick_header  {position: fixed;left: 0;top: -112px;width: 100%; height: 162px;}

.upperNav {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 18px; color: #f8991c; padding: 0; margin-left: auto; width: auto;}
.upperNav ul {list-style: none; padding: 0 0 0 0; margin: 0px; text-align: right; height: 112px;display: flex !important; align-items: flex-end !important;justify-content: flex-end !important;}
.upperNav ul li {color: #f8991c; display: inline-block;padding: 0px 9px 0px 7px; margin: 5px 0 0 0; position: relative;}
.upperNav ul li a.phone {font-size: 30px; font-weight: 700;}
.upperNav ul li a.phone span {font-style: italic; font-weight: 400;  font-size: 18px;}
.upperNav ul li:after {position: absolute; display: block; right: 0px; top: 0px; content: "|"; width: 2px; text-align: center;}
.upperNav ul li:last-child:after {display: none;}
.upperNav ul li.nav-item {display: none;}
.upperNav ul li span {display: none;}


.upperNav ul li a {color: #f8991c; text-decoration: none; display: inline-block; padding:0px;}
.upperNav ul li a:hover {color: #FFF; text-decoration: none;}

.navbar-pde {background: #f8991d; font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: uppercase;font-size: 18px; border-top: 4px solid #FFF; border-bottom: 4px solid #FFF; padding: 0;}
.navbar-pde ul.navbar-nav li.nav-item a.nav-link {padding: 10px 15px 5px 15px;color: #222;}
.navbar-pde ul.navbar-nav li.nav-item a.nav-link:hover, .navbar-pde ul.navbar-nav li.nav-item a.nav-link:active, .navbar-pde ul.navbar-nav li.nav-item a.nav-link:focus {color: #f8991c;}

.dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: #f8991c;
}
.navbar-brand a {position: relative; display: inline-block;}
.navbar-brand img {position: absolute; left: 0px; bottom: 0px; width: auto; height: 150px; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

/*header.stick_header .navbar-brand img {left: 0px; top: 50%; transform: translateY(-50%); width: auto; height: 50px}*/


.navbar-pde .navbar-toggler, .navbar-pde .navbar-toggler:focus {
    color: rgba(0,0,0,.55);
	border: none;
    border-color: rgba(0,0,0,.1);
	box-shadow: none;
	height: 42px;
}
.navbar-pde .navbar-toggler:hover{
	background: #222;
}
.navbar-pde .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-pde .navbar-toggler:hover .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



a {
    color: #f8991c;
    text-decoration: none;
    outline: 0 none !important;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

a:hover {
    color: #f8991c;
    text-decoration: none;
}

.btn, .btn:active, .btn:focus {text-transform: uppercase;outline: none; box-shadow: none; border-radius: 4px; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.btn.btn-lg {min-width: 200px; font-size: 1rem;}

.btn.btn-black {background: #222; color: #FFF;border: 1px solid #222;}
.btn.btn-black:hover {background: #f8991c; color: #FFF;border: 1px solid #f8991c;}

.btn.btn-orange {background: #f8991c; color: #FFF;border: 1px solid #f8991c;}
.btn.btn-orange:hover {background: #222; color: #FFF;border: 1px solid #222;}

.btn.btn-outline {background: none; color: #222; border: 1px solid #222;}
.btn.btn-outline:hover {background: #222; color: #FFF; border: 1px solid #222;}

.btn.btn-outline.white {color: #FFF; border: 1px solid #FFF;}
.btn.btn-outline.white:hover {background: #f8991c; color: #FFF; border: 1px solid #f8991c;}


.banner {position: relative; background: rgba(0,0,0,.0.6);}
.banner figure {position: relative; padding-top: 100%; overflow: hidden; margin:0px;}
.banner figure:before {position: absolute; display: block; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);}
.banner figure img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.banner figure figcaption{position: absolute; left: 10%; bottom: 8%; color: #FFF; z-index: 10; text-align: left;width: 90%;}
.banner figure figcaption h1{font-family: 'Roboto Condensed', serif; font-weight: 700;font-size: calc(1.75rem + 1.75vw); position: relative; padding-left: 30px;}
.banner figure figcaption h1:before{display: block; content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 15px; background: #f8991c;}
.banner figure figcaption h1 span{display: inline-block; position: relative;font-family: 'Roboto Condensed', serif; font-weight: 400;font-size: calc(2.0rem + 1.0vw)}

.intro {padding: 75px 0; text-align: center;}
.intro h2  {position: relative; margin-bottom: 25px; padding-bottom: 15px;}
.intro h2:after  {position: absolute; display: block; content: ""; height: 2px; width: 50%; left: 50%; bottom: 0px; transform: translateX(-50%); background: #f8991c;}
.intro h2 span {color: #f8991c; text-transform: uppercase;}

.featured {background: #f8991c; color: #222; }
.featured.gray {background: #444; color: #FFF; }
.featured-img {position: relative; overflow: hidden; min-height: 400px;}
.featured-img img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);}


.leader {position: relative; padding-left: 30px;}
.leader:before{display: block; content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 15px; background: #f8991c;}
.leader.white:before{background: #FFF;}
.leader.black:before{background: #222;}

.video {padding: 75px 0; text-align: center;}
.video h3  {position: relative; margin-bottom: 25px; padding-bottom: 15px;}
.video h3:after  {position: absolute; display: block; content: ""; height: 2px; width: 50%; left: 50%; bottom: 0px; transform: translateX(-50%); background: #f8991c;}
.video h3 span {color: #f8991c;}

.testimonials {padding: 75px 0; text-align: center; background: url("../images/wildlife.jpg") no-repeat center center; background-size: cover;  color: #222; position: relative;}
.testimonials:before {position: absolute; display: block; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; background: rgba(255,255,255,0.7);}
.testimonials > div {position: relative; z-index: 2;}
.testimonials h2 {color: #f8991c;}

.t_slider {text-align: left; color: #222;background: #FFF; border: 1px solid #f8991c; padding: 50px 30px 30px 30px;margin-top: 30px; margin-bottom: 60px !important;}

.t_slider:after  {position: absolute; display: block; content: ""; height: 2px; width: 50%; left: 50%; bottom: -35px; transform: translateX(-50%); background: #f8991c;}
.t_slider > div  {background: #FFF;}


.t_slider .slick-dots {
  top: 15px;
  right: 30px;
  width: auto;
}

.t_slider .slick-dots li button {
  border-radius: 4px;
  background: none;
  width: 20px;
  height: 20px;
  outline: 0;
  content: "";
  border: 1px solid #666;
}
.t_slider .slick-dots li button:before {
  content: "";
}
.t_slider .slick-dots li.slick-active button {
  background: #f8991c;
}


footer {padding-top: 50px;background: #111; color: #FFF; border-top: 4px solid #f8991c;}
footer img.logo {margin:0 0 25px 0;}
footer h6 { margin: 0; padding: 10px 0 10px 0; font-family: 'CenturyGothic', sans-serif; font-weight: bold; font-size: calc(1rem + .25vw); text-transform: uppercase;}
footer p { margin: 0; padding: 0 0 10px 0;}
footer p a { color: #FFF;}
footer p a:hover { color: #f8991c;}
footer ul {list-style: none; margin: 0; padding: 0 0 0 0;}


footer ul.social li {display: inline-block; margin:15px 15px 0 0; font-size: 30px;}
footer ul.social li a {color: #FFF;}
footer ul.social li a:hover {color: #f8991c;}

footer ul.footerNav li {display: inline-block; margin:15px 15px 0 0; }
footer ul.footerNav li a {color: #FFF;}
footer ul.footerNav li a:hover {color: #f8991c;}


footer .footer-assoc {margin-top: 30px; }
footer .footer-assoc img{max-height: 150px;}


.credits {margin-top: 50px; padding: 15px 0; background: #f8991c; color: #222;}
.credits p{margin: 0px; padding: 0px; text-transform: uppercase;}
.credits p.copyright{color: #222;font-size: .8em; line-height: 1.5em; text-transform: none;}
.credits p.copyright a{color: #222;}
.credits p.copyright a:hover{color: #FFF; text-decoration: underline;}

.page-header {
    background: rgba(0,0,0,0.60);
    /*background: #f8991c;*/
    color: #FFF;
    position: relative;
    padding-top: 200px;
    padding-bottom: 20px;
}
.page-header::before {
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    background: url("../images/wolfe-tile-machine-banner.jpg") no-repeat center center;
    background-size: cover;
}


.main-content {padding: 75px 0 75px 0;}
.main-content:nth-child(even) {background: #FFF;}
.main-content blockquote {padding: 0 30px;}

.main-content hr:first-child {display: none;}

.main-content h1, .main-content .h1 {color: #f8991c;}
.main-content h1 span, .main-content .h1 span {color: #FFF;}

.main-content h2, .main-content .h2 {color: #f8991c;}
.main-content h2 span, .main-content .h2 span {color: #FFF;}

.main-content h3, .main-content .h3 {color: #f8991c;}
.main-content h3 span, .main-content .h3 span {color: #FFF;}

.main-content h4, .main-content .h4 {color: #f8991c;}
.main-content h4 span, .main-content .h4 span {color: #FFF;}

.main-content h5, .main-content .h5 {color: #f8991c;}
.main-content h5 span, .main-content .h5 span {color: #FFF;}

.main-content h6, .main-content .h6 {color: #f8991c;}
.main-content h6 span, .main-content .h6 span {color: #FFF;}

.pageContent {padding-bottom: 25px;}
.pageContent p:last-child, .pageContent ul:last-child {padding-bottom: 0px;}

.art figure {
  position: relative;
  padding-top: 67%;
  overflow: hidden;
}

.art figure img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  object-fit: cover;
}


.google-map-wrapper {
    position: relative;
}
.google-map-wrapper .mapOverlay {
   background:transparent;
   position:absolute;
   width:100%;
   height:500px; /* your iframe height */
   top:500px;  /* your iframe height */
   margin-top:-500px;  /* your iframe height */
   z-index:2;
}

.google-map {
	padding-top: 33%;
	overflow:hidden;
	width:100%;
	margin-bottom:0px;
	color: #000;
    border-top: 1px solid rgba(0,0,0,0.3);
}



.google-map-col-wrapper {
    position: relative;
    background: #f6f6f6;
}
.google-map-col-wrapper .mapOverlay {
   background:transparent;
   position:absolute;
    top: 0px;
    bottom:0px;
    left: 0px;
    right: 0px;
   z-index:2;
}

.google-map-col {
    position: relative;
    padding-top: 50%;
}

/*  START FORMS  */

.styledForm input {
	border-radius:0px;
	min-height:43px;
}

.styledForm select {
	border-radius:0px;
	min-height:43px;
}

.styledForm textarea{
	border-radius:0px;
	min-height:43px;
}

.styledForm input[type="checkbox"] {
    margin: 0px -20px 0px 0px;
    min-height: 20px;
    min-width: 20px;
    padding: 0px !important;
}

.styledForm .checkbox label, .radio label {
    padding-left: 30px;
}

.checkbox ul li {margin: 8px 0px !important;}

form {color: #222;
}
label {
}

label.error {
	width:100%;
	box-sizing:border-box;
	display:block;
	padding:4px 8px 4px 8px;
	font-size:.8em;
	color:#f8991c;
	margin:0px 0px 12px 0px;
}

label.error.radioError {
	width:100%;
	box-sizing:border-box;
	display:block;
	padding:4px 8px 4px 8px;
	font-size:.8em;
	color:#f8991c;
	margin:0px 0px 12px 0px;
}

label.optionList {
	font-weight:normal;
}

.styledForm.newsletter {
	margin-top:5px;
	margin-bottom:25px;
}

.styledForm.newsletter input{
	min-height:30px;
}

.styledForm.newsletter .btn.btn-default {
	border-radius:0px !important;
}

#mc_embed_signup{background:rgba(255,255,255,0); clear:left; font-family: 'CenturyGothic', sans-serif;}
#mc_embed_signup form {padding: 0px; text-align: left;}
#mc-embedded-subscribe {margin: 0px;}
#mc-embedded-subscribe.center {margin: 0px auto;}
#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 100%;
    min-height: 48px;
		margin: 0;
		padding: 0;
}
#mc_embed_signup .mc-field-group input {display: block; width: 100%; padding: 8px; text-indent: 0%;}
#mc_embed_signup .foot {
    display: block;
    width: 100%;
    align-items: center;
}	
#mc_embed_signup div.response {
    margin: 0;
    padding: 1em .5em .5em 0;
    font-weight: bold;
    top: -1.5em;
    z-index: 1;
    width: auto;
}	
#mc_embed_signup div#mce-responses {
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 100%;
    margin: 0;
    clear: both;
}

/*  END FORMS  */


/* START NOTIFICATIONS */
.notification.success {
	background:#DFF2BF url('../admin/images/icons/notifications/success.png') no-repeat 10px center;
	border-color:#4F8A10;
	color:#4F8A10;
}
.notification.error {
	background:#FFBABA url('../admin/images/icons/notifications/error.png') no-repeat 10px center;
	border-color:#D8000C;
	color:#D8000C;
}
.notification.warning {
	background:#FEEFB3 url('../admin/images/icons/notifications/warning.png') no-repeat 10px center;
	border-color:#9F6000;
	color:#9F6000;
}
.notification.info {
	background:#BDE5F8 url('../admin/images/icons/notifications/info.png') no-repeat 10px center;
	border-color:#00529B;
	color:#00529B;
}
.notification.tip {
	background:#feeac9 url('../admin/images/icons/notifications/tip.png') no-repeat 10px center;
	border-color:#CB9D4C;
	color:#CB9D4C;
}
.notification {
	border:2px solid #444;
	padding:20px 10px 20px 55px;
	margin:0 0 30px 0;
	color:#686868;
	font-weight:bold;
}

.absoluteNotification {
    position: fixed;
	z-index:999999;
    top: 0;
    left: 0;
	text-align:center;
	padding:10px 0 10px 0;
	font: bold 20px/32px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}

.absoluteNotification.success {
    background:#4F8A10;
	color:#FFF;
}

.absoluteNotification.error {
    background:#D8000C;
	color:#FFF;
}

/*  END NOTIFICATIONS  */

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .banner figure {padding-top: 67%;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .upperNav ul li span {display: inline;}
    .upperNav ul li .far {display: none;}
    .banner figure {padding-top: 50%;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.navbar-pde ul.navbar-nav li.nav-item a.nav-link:hover, .navbar-pde ul.navbar-nav li.nav-item a.nav-link:active, .navbar-pde ul.navbar-nav li.nav-item a.nav-link:focus {color: #FFF;}
	.float-start {float: left !important; margin: 0 15px 15px 0;}
	.article img.float-start {max-width: 600px;}
	.float-end {float: right !important; margin: 0 0 15px 15px;}
	.article img.float-end {max-width: 600px;}
	.banner figure img {position: absolute; left: 50%; top: 0; transform: translate(-50%, -5%); width: 100%; height: auto;}
	.banner figure figcaption{position: absolute; left: 10%; bottom: 8%; color: #FFF; z-index: 10; text-align: left;width: 50%;}
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.upperNav ul li.nav-item {display: inline-block;}
	ul.navbar-nav li.nav-item.appended {display: none;}
	.navbar-brand img {left: 0px;}
	.upperNav ul {padding: 0 5px 0 0;}
    .banner figure {padding-top: 40%;}
}

/*XX-Large devices (larger desktops, 1normalpx and up)*/
@media (min-width: 1normalpx) {
}