html {
  overflow-y: scroll;
  font-family: sans-serif !IMPORTANT;
  margin:0;
  padding:0;
  background-color:#FFFFFF;
  line-height:1.2;
  color:#000000;
}
body {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #FFFFFF;
  margin:0;
  padding:0;
}
.seal-coat-alternative {
  padding-top: 177px;
}
h1,
.yoo-zoo h1 {
  font-family: 'Merriweather Sans', sans-serif !important;
  font-weight: 800 !important;
  font-style: italic;
  font-size: 265%;
  line-height: 130%;
  color: #007EC3 !important;
  text-transform: uppercase !important;
  text-align: left;
  margin-top: 0;
  background: #116FD7;
background: linear-gradient(to bottom, #116FD7 0%, #0E95D8 50%, #116FD7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  padding-left:2px;
}
.seal-coat-alternative h2 {
  font-size: 222%;
}
h2 {
  font-family: 'Merriweather Sans', sans-serif !important;
  font-weight: 800 !important;
  font-style: italic;
  font-size: 200%;
  line-height: 110%;
  color: #007EC3;
  text-transform: uppercase !important;
  text-align: left;
  margin-top: 0 !important;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.asphalt-products h3 {font-size: 95% !important;}
h3 {
  font-family: 'Merriweather Sans', sans-serif !important;
  font-style: italic;
  font-size: 102% !important;
  line-height: 110%;
  font-weight: 700;
  color: #000000 !important;
  text-transform: uppercase !important;
  text-align: left;
  margin-top: 0 !important;
}
p {
  letter-spacing: 0.02em;
  font-size: 120%;
}
a {
  text-decoration: none !important;
}
.fullscreen {
  float: right;
  font-size: 65%;
  margin-top: -50px !important;
}
.links {
  color: #000000;
  text-decoration: none;
}
.links:hover {
  color: #0FA1E9;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
.icons {float:left;text-align:center;}
.icons a {background-color:#C8D549;border-radius:7px;box-shadow:1px 1px 1px #000000;color:#000000;text-shadow:1px 1px 1px #000000;display:block;padding:5px;}
.projects .blog-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 50px;}
.home .rsform-block-submit .uk-form-label {display:none}
.material-icons {
  font-size: 521% !important;
}
.maximenuck a {font-style:italic;}
.moduletable_intro {
  padding: 20px 2%;

}

.moduletable_trackintro {
  padding: 20px 2%;
  background-image: url('../images/track-background.jpg');
  background-repeat: no-repeat;
  background-position: 65% 50%;
  background-size: cover;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
  border-radius:7px;
  margin:40px 4%;
}
.moduletable_trackintro p {
  color: #F2F2F2!important;
  background-color: rgba(0,0,0,0.7);
  font-size: 122%;
  width: 100%;
  padding: 15px;
  width: 50%;
  border-radius: 8px;
}
.breadcrumbs {
  display: none;
  font-weight:700;
}
  .breadcrumb li {
    display: inline-block;
  }
.breadcrumb {color:#CCCCCC}
.breadcrumb a {color:#0084C8;}
.item, .trackbond #yoo-zoo .item,
.asphalt-armor #yoo-zoo .item,
.about #yoo-zoo .item,
.contact-us #yoo-zoo .item,
.installation-seal-coating #yoo-zoo .item {
  background-color: #1D1D1D;
  border-radius: 7px;
  padding: 40px !important;
  margin-left: 4%;
  margin-right: 4%;
}
.faq #yoo-zoo .teaser-item {
  background-color: #1D1D1D;
  border-radius: 7px;
  padding: 40px !important;
  margin-right: 4%;
  margin-bottom: 40px;
  margin-left: 4%;
  }
  .faq #yoo-zoo .teaser-item:last-child {margin-bottom:0;}
.textglow {
  color: #000000;
}

.rescueimg {border-radius: 7px;margin-left: 14px;float:right;} 
.item181 .maximenuck {color:#000000;}
.item181 .maximenuck span.titreck{
  align-items: center;
  appearance: none;
  background-color: #3EB2FD;
  background-image: linear-gradient(1deg, #4F58FD, #149BF3 99%);
  background-size: calc(100% + 20px) calc(100% + 20px);
  border-radius: 100px;
  border-width: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #000000!important;
  cursor: pointer;
  display: inline-flex;
  font-weight:bold!important;
  height: auto;
  justify-content: center;
  padding: 6px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s,background-position .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.item181 .maximenuck:active,
.item181 .maximenuck:focus {
  outline: none;
  color:#000000;
}

.item181 .maximenuck span.titreck:hover {
  background-position: -20px -20px;
  color:#000000!important;
}

.item181 a:focus:not(:active) {color:#000000;
  box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em;
}

.bluebtn, .btn-secondary {
  box-shadow: inset 0px -3px 7px 0px #29bbff;
  background: linear-gradient(to bottom,#2dabf9 5%,#0688fa 100%);
  background-color: #2dabf9;
  border-radius: 3px;
  border: 1px solid #0b0e07;
  display: inline-block;
  cursor: pointer;
  color: #000000;
  font-family: 'Merriweather Sans', sans-serif;
  font-size: 88%;
  padding: 9px 23px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #263666;
  text-transform: uppercase;
}
.bluebtn:hover, .btn-secondary:hover {
  background: linear-gradient(to bottom,#0688fa 5%,#2dabf9 100%);
  background-color: #0688fa;
}
.bluebtn:active, .btn-secondary:active {
  position: relative;
  top: 1px;
}
#yoo-zoo .item {

  color: #BCBEC0;
}
.asphalt-products #yoo-zoo .items .first {
  margin-right: 0;
  margin-left: 4%;
}
.asphalt-products #yoo-zoo .items .last {
  margin-right: 0;
  margin-left: 0%;
}
.asphalt-products #yoo-zoo .width50 {
  width: 91.9999% !important;
}
#yoo-zoo .element-textarea p {
  padding-bottom: 14px;
}
.seal-coat-alternative .item {display:none;}
.seal-coat-alternative .element-textarea p {
  padding-top: 1em;
}
.asphalt-products .teaser-item,
.projects .teaser-item {
  color: #D3E4F4;
}
.projects #yoo-zoo .items {
  margin: 0;
}
.asphalt-products strong {
  background: #007EC3;
  background: -webkit-linear-gradient(to bottom,#007EC3 0%,#14E0FF 100%);
  background: -moz-linear-gradient(to bottom,#007EC3 0%,#14E0FF 100%);
  background: linear-gradient(to bottom,#007EC3 0%,#14E0FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#mod-custom149 {
  color: #CCC;
  font-size: 70%;
  font-family: 'Merriweather Sans', sans-serif;
  text-align: center;
  line-height: 35px;
}
.asphalt-products #yoo-zoo .items div.teaser-item:last-child {
  margin-top: 50px;
}
.moduletablemenufoot {
  display: none;
}
.shadow {
  text-shadow: 1px 2px 5px black;
}
.productimage {
  max-width: 100%;
  height: auto;
}
.about h3,
.tagline {
  text-transform: uppercase;
  font-weight: bold;
  color: #007EC3;
}
.contactrows {
  display: block;
}
.projects #yoo-zoo .items div.pos-media .element, #yoo-zoo .width50 {text-align:center;}
.projects .pos-meta {text-align: left;}
.projects #yoo-zoo .element-textarea p {text-align:left;height:50px;overflow:hidden;}



.projects .element-itemlink a {
  align-items: center;
  appearance: none;
  background-color: #3EB2FD;
  background-image: linear-gradient(1deg, #4F58FD, #149BF3 99%);
  background-size: calc(100% + 20px) calc(100% + 20px);
  border-radius: 100px;
  border-width: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: inline-flex;
  font-family: CircularStd,sans-serif;
  font-size: 1rem;
  height: auto;
  justify-content: center;
  line-height: 1.5;
  padding: 6px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s,background-position .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.projects .element-itemlink a:active,
.projects .element-itemlink a:focus {
  outline: none;
}

.projects .element-itemlink a:hover {
  background-position: -20px -20px;
}

.projects .element-itemlink a:focus:not(:active) {
  box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em;
}

.formResponsive input[type="text"]:focus {
  box-shadow: inset 0 1px 1px #000000, 0 0 8px rgba(82,168,236,0.6);
  border-color: #52a8ec, 1.0;
}
.contact-us #yoo-zoo .item .element-textarea :last-child {
  margin-bottom: 0px !important;
}
.asphalt-products .teaser-item,
.projects .teaser-item,
.submission {
  background-color: #1D1D1D;
  border-radius: 7px;
  padding: 40px !important;
}
.coatingborder {border:1px solid #1AAAF8;border-radius:7px;padding:14px;margin-bottom:50px;}
.mygrid {display: block}




.asphalt-products .coatingborder {border:1px solid #1AAAF8;border-radius:7px;}
.asphalt-products a:hover {color:#1AAAF8;}
.coatingborder .uk-overlay {padding: 0!important;}
.submission {
  margin: 4% 0%;
}
.seal-coat-alternative a[data-lightbox] {display:block!important;}
.submission #item-submission .element-itemname,
.submission #item-submission .element-text,
.submission #item-submission .element-textarea,
.submission #item-submission .element-gallery {
  color: #000000 !important;
}


.mobilelogo {
  background-image: url("../images/logo.png");
  max-width: 516px;
  height: 179px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 20px;
  background-position-x: left -50px;
}
.home .bottomcontent1 {

}
.moduletablequestionsform {
  padding: 0 2%;
}
.rsformquestionsform {
  padding-top: 50px;
  padding-left:6%;
  padding-bottom:0;
  padding-right:6%;
}
#rsform_9_page_0 {
  border: 0;
}
.benefits {
  float: none;
  width: 100%;
  color: #000000;
  margin-top: 0;
  display: block;
}
.benefits ul {
  margin: 0;
  padding: 0;
  display: block;
  border-radius: 8px;
}
.benefits li {
  list-style: none;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  background-image: url("../images/blue-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 42px;
  font-size: 140%;
}
.uk-form-label {color:#000000;}
.photoborder {
  -webkit-box-shadow: 3px 5px 5px -1px #000000;
  box-shadow: 3px 5px 5px -1px #000000;
}
.projects #yoo-zoo .width50 {
  width: 96.999%;
  padding: 2%;
}
.login #username-lbl,
.login #password-lbl {
  color: #000000;
}
#username {
  color: #000000;
}
#password {
  color: #000000;
}
#mod-custom153 {
  display: none;
}
  .callbutton {text-align:center;text-transform:uppercase;  position: fixed;
  bottom:10px;width:100%;}
  .callbutton a {align-items: center;
  appearance: none;
  background-color: #3EB2FD;
  background-image: linear-gradient(1deg, #4F58FD, #149BF3 99%);
  background-size: calc(100% + 20px) calc(100% + 20px);
  border-radius: 100px;
  border-width: 0;
  box-shadow: none;
  display:block;
  box-sizing: border-box;
  color: #000000!important;
  cursor: pointer;
  font-weight:bold!important;
  width:100%;
  height: 50px;
  line-height:40px;
  justify-content: center;
  padding: 6px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s,background-position .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;}

@media (min-width: 468px) {
  .productimage {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .callbutton {display:none;}
 
@media (min-width: 768px) {
  .moduletable_trackintro p {
    font-size: 139%;
  }
  .asphalt-products#yoo-zoo .items .first {
    margin-left: 4%;
  }
  .asphalt-products #yoo-zoo .items .last {
    margin-right:0%;
    margin-left: 0;
  }
  .asphalt-products .uk-accordion-title {background:none!important;}
  .coatingbuttons {color: #000000;}
  .asphalt-products .uk-row-first {height: 282px;padding-right:20px;}
  .asphaltcoatings {margin:0 4%!important;}
  
  .benefits {
    color: #000000;
    margin-top: 0;
    border-radus: 14px;
  }
  .benefits ul {
    display: inline-block;
    color: #000000;
    font-weight: bold;
  }
  h3 {font-size: 130% !important;}
   .mygrid {display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 11px;
grid-row-gap: 0px; }
}
  
}
@media (min-width: 992px) {
    .moduletabledifference {margin-right:4%;margin-left:4%;padding:40px 0px;}
    .contacttable {width: 100%; float: left;margin-bottom: 50px;letter-spacing: 0.02em;
  font-size: 120%;
  color: #D3E4F4;}
    #yoo-zoo .item {
margin-right:4%;margin-left:4%;}
  .contactrows {
    display: inline-block;
    padding-right: 25px !important;
  }
  .titreck:last-child {
    padding-right: 20px;
  }
  .home .content_pane {padding:0;margin-left:0;margin-right:0;}
 .content_pane {
  border-radius: 7px;
  padding:40px;
  margin-left: 4%;
  margin-right: 4%;
  }
  .moduletablequestionsform {
    padding: 0 6%;
  }
  .benefits {
    margin-top: 18px;
  }
  .asphalt-products .teaser-item,
  .projects .teaser-item {
    background-color: #1D1D1D;
    border-radius: 7px;
    padding: 40px;
  }
  .projects .teaser-item {
    margin-bottom: 40px;
  }
  .asphalt-products .teaser-item:first-child {
    margin-right: 2%;
  }
  .asphalt-products .teaser-item:last-child {
    margin-left: 2%;
  }
  .moduletabletopmenu {
    font-style: italic;
    font-weight: 800;
    position: fixed;
    top: 6px;
    width: 100%;
    height: 50px;
    z-index: 99;
  }
  .moduletable_intro {
    padding: 4em 6%;
    min-height: 428px;
  }
  .moduletable_trackintro {
    min-height: 568px;
    padding: 4em 4%;
    background-position: 0% 50%;
  }
  .moduletable_trackintro p {
    display: inline-block;
    padding: 14px !important;
  }

  .contactform {
    display: inline-block;
  }
  #footer {
    padding: 0;
    margin: 0;
  }
  #footer li {
    display: inline-block;
    padding-right: 14px;
  }
  .moduletablemenufoot {
    text-align: center;
    line-height: 100px;
    font-family: 'Merriweather Sans', sans-serif;
    font-style: italic;
  }
  .moduletablemenufoot a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
  }
  .moduletablemenufoot a:visited {
    color: #fff;
  }
  .moduletablemenufoot a:hover {
    color: #0584C7;
  }
  .asphalt-products #yoo-zoo .width50 {
    width: 45.999% !important;
  }
  .asphalt-products #yoo-zoo .items div.teaser-item:last-child {
    margin-top: 0px;
  }
  .projects #yoo-zoo .width50:first-child {
    width: 43.999%;
    padding-top:0;
    padding-right: 2%;
    padding-bottom:0;
    padding-left: 4%;
  }
  .projects #yoo-zoo .width50:last-child {
    width: 43.999%;
    padding-top:0;
    padding-left: 2%;
    padding-bottom:0;
    padding-right: 4%;
  }
  .projects #yoo-zoo .items .width50 .teaser-item:last-child {margin-bottom:0;}
  .projects #yoo-zoo .pos-content .element-textarea p {
    height: 68px;
    overflow: hidden;
    padding: 1px 1px;
  }
  .breadcrumbs {
    display: block;

 
  }
  .breadcrumb {color:#CCCCCC;font-weight:700;border:1px solid #0084C8;border-radius:7px;    ;margin-top:40px;margin-left: 4%; margin-right:4%;margin-bottom:40px;padding:20px;background-color:#1D1D1D;}

  .breadcrumb 
  #bmenu {margin:0;padding:0 4%; }
  #bmenu li {display:inline-block;vertical-align:top;padding-right:14px;}
  #bmenu li:last-child {padding-right:0;}
  #bmenu li>ul {display:block;padding-left:0;}
  #bmenu .nav-child li {display:block;}
  .contact-us #yoo-zoo .item div.pos-content .element.last {float:right;width:38%;}
  
  .contact-us #yoo-zoo .item div.pos-content .element.first {display:inline-block;width:60%;}
  .contactform {margin-top:49px!important;}
}
@media (min-width: 1241px) {
  .moduletablelogomobile {
    display: none;
  }
  
  #mod-custom153 {
    display: inline-block;
    position: fixed;
    top: 123px;
   left:438px;
    text-transform: uppercase;
   color:#1a65bb;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-style:italic;
    margin: 0;
    z-index:9999;
  }
  .topmenu {margin-top:36px;}

}