@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic");
html {
margin: 0;
padding: 0;
}
body {
font-family: 'Noto Sans', sans-serif;
color: #666666;
text-align:center;
background: #ffffff;
margin: 0;
}
h1, h2, h3, h4, h5, h6 { 
font-weight: normal;
clear: both;
}
hr {
background-color: #999;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
p {
margin: 3px 0;
}
a, a:visited, a:hover, a:active {
letter-spacing: 0;
color: #0071bc;
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
input[type="submit"] {
font-family: 'Noto Sans', sans-serif;
height: 34px;
background-color: #759c5a;
width: 62%;
color: #ffffff;
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: .3em;
font-style: italic;
display: block;
vertical-align: middle;
text-align: center;
border: 1px solid #7e8959;
padding: 2px 18px;
margin-bottom: 5px;
cursor: pointer;
}
input[type="text"] {
font-family: 'Noto Sans', sans-serif;
height: 36px;
color: #999999;
width: 55%;
border: solid 1px #999999;
padding: 2px 18px;
font-style: italic;
font-size: 1em;
margin-bottom: 10px;
}
input[type="email"] {
font-family: 'Noto Sans', sans-serif;
height: 36px;
color: #999999;
width: 55%;
border: solid 1px #999999;
padding: 2px 18px;
font-style: italic;
font-size: 1em;
margin-bottom: 10px;
}
textarea {
height: 115px;
letter-spacing: 0;
color: #999999;
width: 55%;
border: solid 1px #999999;
padding: 10px 18px;
font-style: italic;
font-size: 1em;
font-family: 'Noto Sans', sans-serif !important;
margin-bottom: 10px;  
} div#main-container {
text-align:center;
margin: 0 auto;
width: 100%;
max-width: 1082px;
}
div#top-container {
height: 100px;
width: 100%;
border-bottom: 1px solid #808080;
margin-bottom: 7px;
}
div#header-text-phone {
color: #ffffff;
font-size: 1.1em;
font-family: 'Noto Serif', serif;
background-color:#759d59;
float: right;
padding: 3px 15px 0 15px;
letter-spacing: .075em;
}
div#header-text-phone > span {
font-family: 'Noto Serif', serif;
font-style: italic;
font-size: .8em;
}
div#header-text {
font-size: .64em;
float: right;
letter-spacing: .075em;
padding: 11px 15px 0 0;
}
img.main-logo {
margin-top: 12px;
float: left;
}
div#content-container {
position:relative;
width: 100%;
text-align: center;
}
img.request-estimate {
position:relative;
margin: -17px auto 30px auto;
width:23.29%;
max-width: 252px;
height:auto;
z-index: 3;
}  h1.slider-head {
padding:0 0 12px 0;
margin:0;
opacity:1 !important;
}
span.slider-subhead {
letter-spacing:1px;
opacity:1 !important;
}
.metaslider .caption-wrap {
background:#759d59 !important;
opacity:0.9 !important;
padding:12px 0 !important;
margin:0 !important;
bottom:40px !important;
}
.metaslider ul.flex-direction-nav a {
background: url(https://ecosafedfw.com/wp-content/themes/ecosafe/images/direction_nav.png) no-repeat !important;
cursor: pointer !important;
display: block;
height: 49px !important;
margin: -20px 0 0 !important;
opacity: 0;
position: absolute !important;
text-indent: -9999px !important;
top: 42% !important;
width: 49px !important;
z-index: 10 !important;
}
.metaslider .flex-direction-nav .flex-next {
background-position: 100% 0 !important;
right: 0 !important;
}
.metaslider .flex-direction-nav .flex-prev {
left: 0 !important;
}
.metaslider ul.slides {
padding:0 !important;
margin:0 !important;
}  label.frm_primary_label {display:none;}
legend.frm_hidden {display:none;}
fieldset {padding:0;margin:0;border:0;}
div#field_9o4tkb { margin-bottom: 7px;}
div.frm_error_style {color: red;margin-bottom:5px;}
div.frm_error {color: #779c5e;}
div.frm_message {color: #779c5e;}  .featured-hero {
max-width: 1082px;
height: auto;
width: 100%;
}
div#page-title {
text-align: left;
float:right;
width: 65%;
}
div#page-title h2 {
color: #0071bc;
font-family: 'Noto Serif', serif;
font-style: italic;
}
.blue-font {
color: #0071bc;
font-family: 'Noto Serif', serif;
font-style: italic;
}
div#left-column-home {
letter-spacing: .03em;
font-size: .9em;
text-align: center;
width: 19%;
float:right;
padding-right:.5%;
}
div#right-column-home {
letter-spacing: .03em;
line-height: 1.60em;
font-size: .8em;
text-align: left;
width: 54.37153419593346%;
float: right;
padding-left: 2.68022181146026%;
padding-right: 10.62846580406654%;
border-left: solid 1px #cccccc;
}
div#right-column {
letter-spacing: .03em;
line-height: 1.60em;
font-size: .8em;
text-align: left;
width: 54.37153419593346%;
float: right;
padding-left: 2.68022181146026%;
padding-right: 10.62846580406654%;
min-height: 300px;
}
div#left-column {
letter-spacing: .03em;
font-size: .9em;
text-align: right;
width: 19%;
float:right;
padding-right:.5%;
line-height:125%;
}
div#left-column > p {
font-family: 'Noto Serif', serif;
font-style: italic;
}
div#left-column > p > a {
}
div#left-column > p > a:hover {
color: #7e8959;
}
div#bottom-title-bar {
margin: 65px 0;
width: 100%;
text-align: center;
}
div#bottom-title {
background-color: #ffffff;
color: #0071bc;
font-family: 'Noto Serif', serif;
font-style: italic;
font-size: .8em;
margin: -10px auto 0;
width: 40%;
text-transform: uppercase;
}
hr.gray-line {
border: 0;
height: 1px;
background: #b3b3b3;
margin:0;
padding:0;
}
hr.dark-line {
border: 0;
height: 1px;
background: #666666;
margin:0;
padding:0;
}
div#env-benefit {
text-align: center;
width: 20%;
display: inline-block;
min-height: 170px;
padding-bottom: 10px;
vertical-align: top;
}
div#env-benefit > a > img {
max-height: 98px;
max-width: 98px;
}
div#env-benefit a, a:visited, a:hover, a:active {
color: #666666;
text-decoration: none;
}
div#env-benefit-title {
padding: 0 29px;
margin-top: 23px;
font-size: .8em;
}
div#cpt-item {
letter-spacing: .03em;
line-height: 1.60em;
font-size: .8em;
width: 72.6715%;
float: right;
padding-left: 2.68022181146026%;
padding-right: 10.62846580406654%;
min-height: 50px;
margin-bottom: 25px;
}
div#cpt-left-column {
float:left;
width: 25%;
margin-top: 8px;
}
div#cpt-left-column > img {
max-width: 78px;
height: auto;
}
div#cpt-right-column {
text-align: left;
float:left;
width: 75%;
}
div#cpt-item-title {
color: #0071bc;  
}  div#cert-container {
height: auto;
width: 70%;
text-align:right;
float:right;
}
div#cert-thumb {
margin-left: 4%;
float:right;
}
div#cert-thumb > a > img {
width: 100%;
height:auto;
max-height: 68px;
}
div#cert-title {
text-align: left;
background-color: #ffffff;
color: #0071bc;
font-family: 'Noto Serif', serif;
font-style: italic;
font-size: .8em;
margin:25px 0 0 0;
width: 30%;
text-transform: uppercase;
float:left;
}
div#footer {
margin: 20px 0 0 0;
padding: 25px 0;
border-top: solid 1px #b3b3b3;
border-bottom:solid 1px #b3b3b3;
}
div#site-info {
font-size: .7em;
float:left;
margin: 0 0 75px 0;
}
div#site-info a, a:visited, a:hover, a:active {
text-decoration:none;
}   div#top-container > div.menu-main-menu-container {
margin-top: -31px;
width:100%;
}
ul.main-menu {
float: right;
margin:0;
padding: 0;
}
ul.main-menu > li {
position:relative;
display: inline-block;
margin:0 8px;
padding:0;
list-style-type:none;
}
ul.main-menu > li:last-child {
margin:0 0 0 8px;
}
div#top-container > div.menu-main-menu-container > ul#menu-main-menu > li > a {
font-family: 'Noto Sans', sans-serif;
font-size: .9em;
color: #808080;
text-transform:uppercase;
text-decoration:none;
}
div#top-container div.menu-main-menu-container > ul#menu-main-menu > li > img.rollover {
position: absolute;
left:0;
top:21px;
display: none;
width: 100%;
height: 3px;
}
div#top-container div.menu-main-menu-container > ul#menu-main-menu > li:hover > img.rollover {
display:block;
}
div#top-container div.menu-main-menu-container > ul#menu-main-menu > li.current-menu-item > img.rollover {
display:block;
}  div#left-column > div > ul.side-menu {
margin: 5px 0 0 0;
padding: 0;
}
div#left-column > div > ul.side-menu > li {
color: #666666;
font-size: .8em;
list-style-type:none;
}
div#left-column > div > ul.side-menu > li > a {
color: #666666;
text-decoration: none;
}
div#left-column > div > ul.side-menu > li > a:hover {
color: #7e8959;
}
div#left-column > div > ul.side-menu > li.current-menu-item a {
color: #7e8959;
}
div#left-column > div > ul.side-menu-append {
margin: 5px 0 0 0;
padding: 0;
}
div#left-column > div > ul.side-menu-append  > li {
color: #666666;
font-size: .8em;
list-style-type:none;
}
div#left-column > div > ul.side-menu-append  > li > a {
color: #666666;
text-decoration: none;
}
div#left-column > div > ul.side-menu-append  > li > a:hover {
color: #7e8959;
}   h3.entry {
margin: 0;
padding: 0;
}
h3.entry > a, a:visited, a:hover, a:active {
font-size: .9em;
letter-spacing: 0;
color: #0071bc;
text-decoration:none;
margin: 0px;
padding: 0px;
}
h3.widget-title {
color: #0071bc;
}
p.read-more {  
padding-top: 15px;
}
p.read-more > a {
letter-spacing: 0;
color: #7e8959;
border-bottom: 1px dotted #7e8959;
padding-bottom: 1px;
text-decoration: none; 
}
div.entry-meta {
font-family: 'Noto Serif', serif;
font-style: italic; 
}
ul.widgets-main-container {
margin: 3px 0 0 0;
padding: 0;
}
ul.widgets-main-container li {
letter-spacing: 0;
list-style-type:none;
margin: 0;
}
ul.widgets-main-container > li {
font-size: .9em;
padding: 0 0 15px 0;
}  
ul.widgets-main-container > li.widget-container > h3 {
color: #0071bc;
font-size: 1em;
margin: 0;
padding: 0;    
}
ul.widgets-main-container li.widget-container ul li a {
color: #666666;
text-decoration: none;     
}
ul.widgets-main-container li.widget-container ul li a:hover {
color: #0071bc;   
}
ul.widgets-main-container li.widget-container ul li a:hover {
color: #0071bc;   
}
div#nav-below {
letter-spacing: 0;
font-size: 1em;
color: #0071bc;
text-decoration:none;
}
div#nav-below a, a:visited, a:hover, a:active {
letter-spacing: 0;
font-size: 1em;
color: #0071bc;
text-decoration:none;
}
img.alignright { float: right; margin: 0 0 1em 1em;  max-width: 100%;height: auto; }
img.alignleft { float: left; margin: 0 1em 1em 0;  max-width: 100%;height: auto; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto;max-width: 100%;height: auto; }
img.alignnone {max-width: 100%;height: auto;}
.alignright { float:right;}
.alignleft { float:left;}
.aligncenter { display:block; margin-left: auto; margin-right: auto; }  @media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
body {font-size:.9em;}
}
@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
div.menu-main-menu-container > ul#menu-main-menu > li {font-size:.9em;}
div#top-container div.menu-main-menu-container > ul#menu-main-menu > li > img.rollover {top:17px;height:2px;}
}
@media only screen and (max-width: 970px), only screen and (max-device-width: 970px) {
div.menu-main-menu-container > ul#menu-main-menu > li {font-size:.799em;}
div#top-container div.menu-main-menu-container > ul#menu-main-menu > li > img.rollover {top:14px;height:2px;}
div#left-column-home {letter-spacing:0px;}
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
div#cert-container {text-align:center;min-height: 20px;width: 80%;margin: 0 auto;float:none;}
div#cert-thumb {text-align:center;float:none;margin: 0 2%;display:inline-block;}
div#cert-title {text-align: center;margin:-35px auto 40px auto;width: 30%;text-transform: uppercase;text-align:center;float:none;}
div#site-info {font-size: .7em;text-align:center;margin: 0 auto 75px auto;float:none;padding: 0 3%;}
img.request-estimate {margin: -15px auto 30px auto;width:32%;}
}
@media only screen and (max-width: 865px), only screen and (max-device-width: 865px) {
div#header-text {display:none;}
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
div#cert-container {width: 100%;}
img.main-logo { width:45%; height:auto;margin:0 auto;float: none;padding: 20px 0;}
div#header-text-phone {float: none;}
div#top-container {height: 10%;}
}
@media only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
h1.slider-head {
padding:0 0 8px 0;
font-size: 1.5em;
}
span.slider-subhead {
font-size: .8em;
}
.metaslider .caption-wrap {
padding:5px 0 !important;
}
}
@media only screen and (max-width: 675px), only screen and (max-device-width: 675px) {
h1.slider-head {
padding:0 0 5px 0;
font-size: 1.25em;
}
span.slider-subhead {
font-size: .7em;
line-height:100%;
}
.metaslider .caption-wrap {
padding:5px 0 !important;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.metaslider .caption-wrap {
bottom:0 !important;
}
.metaslider ul.flex-direction-nav a {
opacity: 0 !important;
}
img.request-estimate {margin: 52px auto 30px auto;width:50%;}
div#page-title {float: none;margin: 30px auto;text-align:center;}
div#left-column-home {float: none;margin: 20px auto 30px auto;text-align:center;padding:0;width: 60%;}
div#right-column-home {float: none;margin: 20px auto 30px auto;text-align:left;padding:0;border:0;width: 80%;}
div#bottom-title-bar {display:none;}
div#env-benefit {display:none;}
div#footer {display:none;}
div#left-column {display:none;}
div#right-column {float: none;margin: 20px auto 30px auto;text-align:left;padding:0;border:0;width: 80%;}
}
@media only screen and (max-width: 570px), only screen and (max-device-width: 570px) {
img.main-logo { width:55%; height:auto;margin:0 auto;float: none;padding: 20px 0;}
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
body {font-size:1.1em;}
img.main-logo { width:65%;}
div#cpt-item {padding:0;float:none;margin: 0 auto 20px auto;width:80%;}
div#cpt-right-column {float:none;margin: 0 auto;width: 100%;}
div#cpt-left-column {display:none;}
}
@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
img.main-logo { width:70%;} 
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
body {font-size:.9em;}
div.menu-main-menu-container {display:block;}
div#top-container div.menu-main-menu-container > ul#menu-main-menu > li > img.rollover {top:17px;height:2px;}
img.main-logo {margin-top: 12px;float: left; width: 30%;}
div#top-container > div.menu-main-menu-container { margin-top: -47px;width:100%;}
ul.main-menu {float: right;margin:0;padding: 0;}
div#top-container > div.menu-main-menu-container > ul#menu-main-menu > li > a {font-size: 1em;}
div#header-text-phone {float: right;padding: 3px 15px 0 15px;letter-spacing: .075em;}
div#header-text-phone > span {font-size: .8em;}
div#header-text {display:block;font-size: .64em;float: right;letter-spacing: .075em;padding: 11px 15px 0 0;}
}