.views-content-field-image-thumb {
float: left;
  padding: 5px;
}

.slide-show-image-center {
text-align: center;
margin: 0 auto;  
}

#section-new1tooth {
    clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0 100%);
    background-color: #fff;
    padding: 30px;
        padding-bottom: 30px;
    padding-bottom: 180px;
}

h3.bike {font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
color: #522863;}
.padding20 {
padding: 20px;
}
#section-new3 {
    clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
    background-color: #d2e3d8;
    padding: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-top: 140px;
    margin-top: -120px;
    padding-bottom: 100px;
    color: #222;
    clear: both;
}
#section-new7 {
    clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
    background-color: #b58e19;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-top: 180px;
    margin-top: -180px;
    padding-bottom: 100px;
    color: #000;
    clear: both;
}
#section-new6 {
    background-color: #192c5f;
    padding: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    padding-top: 140px;
    margin-top: -120px;
    padding-bottom: 120px;
    color: #fff;
}
h3.minerals {font-weight: bold;
font-size: 2em;
margin-top: 0px;
padding-top: 30px;
color: #000;
text-transform: uppercase;}


h3.green-tech {font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
color: #fff;
text-transform: uppercase;}


h3.black {font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
color: #000;
text-transform: uppercase;}



#section-new4 {
  clip-path: polygon(0 15%, 100% 0%, 100% 80%, 0 100%);
background-color: #000;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 20px;
color: #555;
clear: both;
}




#section-new5 {
  clip-path: polygon(0 15%, 100% 0%, 100% 80%, 0 100%);
background-color: #535353;
padding: 20px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 100px;
color: #555;
clear: both;
}




#section-new6 {
  /**clip-path: polygon(0 15%, 100% 0%, 100% 80%, 0 100%);**/
background-color: #192c5f;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 120px;
color: #fff;

}




#section-new7 {
  clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
background-color: #b58e19;
padding: 20px;
padding-top: 180px;
margin-top: -180px;
padding-bottom: 100px;
color: #000;
clear: both;
}

#section-new8 {
  clip-path: polygon(0 15%, 100% 0%, 100% 80%, 0 100%);
background-color: #53538c;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 100px;
color: #fff;
clear: both;
}

h3.minerals {
    font-weight: bold;
    font-size: 2em;
    margin-top: 0px;
    padding-top: 30px;
    color: #000;
    text-transform: uppercase;
}
.titanium {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #800000;
}
.tin {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #006f72;
}
.w3-button04 {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #006f72 0%, #006f72 100%);
    border: 1px solid #006f72;
    margin-top: -5px;
    border-radius: 0px;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}

.lithium {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #53538c;
}


.w3-button05 {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #81a05f 0%, #81a05f 100%);
    border: 1px solid #81a05f;
    margin-top: -5px;
    border-radius: 0px;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}

.rees {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #81a05f;
}


.w3-buttonsalt {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #284263 0%, #284263 100%);
    border: 1px solid #000;
    margin-top: -5px;
    border-radius: 0px;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}

h3.salt {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #522863;
}


.w3-button-li {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #53538c 0%, #53538c 100%);
    border: 1px solid #53538c;
    margin-top: -5px;
    border-radius: 0px;
    padding: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}
li.points16 {
    margin-bottom: 20px;
    list-style: square;
    color: #000;
}
li.points15 {
    margin-bottom: 20px;
    list-style: square;
    color: #53538c;
}



.photo-lime {
    font-size: .7em;
    font-style: italic;
    width: 325px;
    max-width: 100%;
    background-color: #fff;
    float: left;
    margin-right: 20px;
    284263: ;
}
.padding20 {
    padding: 20px;
}

h3.limestone-gr {
    color: #0000FF;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0px;
    padding-top: 30px;
    text-shadow: 1px 1px #bbb;
}

h3.limestone {
    font-weight: bold;
    color: #0080ff;
    font-size: 1.2em;
    margin-top: 0px;
    padding-top: 30px;
    text-shadow: 1px 1px #bbb;
}

.w3-button4 {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #0000FF 0%, #0000FF 40%);
    border: 1px solid #000;
    margin-top: -5px;
    border-radius: 0px;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}

.w3-redlime {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #0000FF;
    color: #0000FF;
}

.idium {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #723b00;
}

li.points25 {
    margin-bottom: 20px;
    list-style: square;
    color: #723b00;
}



li.points13 {
    margin-bottom: 20px;
    list-style: square;
    color: #195f31;
}

li.points9 {
    margin-bottom: 20px;
    list-style: square;
    color: #522863;
}

.w3-button03 {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #723b00 0%, #723b00 100%);
    border: 1px solid #723b00;
    margin-top: -5px;
    border-radius: 0px;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}

.w3-red03 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #723b00;
    color: #723b00;
}

h3.graphite {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    text-shadow: 1px 1px #bbb;
    color: #195f31;
}

.gypsum {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #192c5f;
}

li.points18 {
    margin-bottom: 20px;
    list-style: square;
    color: #a65600;
}

li.points17 {
    margin-bottom: 20px;
    list-style: square;
    color: #192c5f;
}

.w3-buttong {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #192c5f 0%, #192c5f 100%);
    border: 1px solid #192c5f;
    margin-top: -5px;
    border-radius: 0px;
    padding: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}

.w3-redg {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #192c5f;
    color: #192c5f;
}

.lithium {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #53538c;
}

.w3-buttongr {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #195f31 0%, #195f31 100%);
    border: 1px solid #195f31;
    margin-top: -5px;
    border-radius: 0px;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}

li.points2 {
    margin-bottom: 20px;
    list-style: circle;
    color: #c89700;
}

li.points1 {
    margin-bottom: 20px;
    list-style: circle;
    color: #274263;
}

h3.green {
    font-weight: bold;
    color: #b58e19;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    text-shadow: 1px 1px #bbb;
}

.bigfont {
    font-family: 'Julius Sans One', sans-serif;
    font-size: 1.8em;
}
.copper {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #5ab5b7;
}

.grey {
color: #555;
}

.head {
    font-size: 1.2em;
}

#blockquote {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    width: 250px;
    padding: 10px;
        padding-right: 10px;
        padding-left: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 20px;
        margin-top: 20px;
        margin-left: 20px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    font-size: 1.3em;
    letter-spacing: .8mm;
}

h1 {
padding-top: 20px;
}

a.sub-menu{
  background-color: #bbb;
color: #0a1416;
padding: 10px;
padding-left: 8px; 
padding-right: 8px;
-webkit-border-radius:4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 3em;
}

a.sub-menu:hover {background-color: #0a1416;
color: #fff;
text-decoration: none;
}

.sub-menu_active {background-color: #054C24;
color: #fff;
text-decoration: none;
padding: 10px;
padding-left: 8px; 
padding-right: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.page-title {
  clear: both;
    color: #ffffff;
    display: block;
    padding: 20px;
    background-color: #162b2f;
    font-size: 2em;
    line-height: 1em;
  width: 1025px;
  margin: 0 auto;
}

.breadcrumb {
background-color: #05274c;
  color: #fff;
}

.bold {font-weight: 400;}
.black {color: black;}
.white {color: white;}

.pic {
  box-shadow: 5px 5px 20px black;
}


a.breadcrumb:link {color: #000;}
a.breadcrumb:hover {color: #000;}

#menubar .sf-menu li.last ul li a, #menubar .sf-menu li ul li a, #menubar .sf-menu li ul li.last a {
    border-color: #fff;
    background-color: #4f6781;
  color: #fff;
}

#block-breadcrumbs {
  clear: both;
display: block;
}


ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  margin-top: 20px;
  
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;

}
.video-responsive iframe{
    left:0;
    top:20;
    height:100%;
    width:100%;
    position:absolute;

}



#navigation, #menubar .sf-menu li a {
  background: none;
  background-color: #eee;
  border-bottom-width: 0px;
  padding-right: 27px;
  padding-left: 20px;
  color: #05274c;}

  
  .region-menubar {width: 1025px;
  max-width: 100%;
  margin: 0 auto;
}

#menubar .sf-menu li a:hover {
  background: none;
  background-color: #05274c;
  border-bottom-width: 0px;
  color: #fff;
}

#menubar ul.menu a.is-active {
  background-color: #05274c;  
  color: #fff;
}


a.menu1:link {color: black;}
a.menu1:hover {color: black;}
a.menu1:active {color: black;}
a.menu1:visited {color: black;}



.site-branding {
max-width: 100%;
}


#block-mainnavigation {
background-color: #eee;
   width: 1025px;
  max-width: 100%;
  margin: 0 auto;
}


a.vids:link {color: black;}
a.vids:hover {color: #555;}
a.vids:active {color: black;}
a.vids:visited {color: black;}

.region-highlighted {
background-color: #eee;
    text-align: left;
    border-bottom: 0px solid #e7e7e7;
    text-shadow: none; 
  font-size: 1.3em;
  color: #fff;
  background-image: url('../../../../images/body_back.jpg');
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.width1025 {
width: 1025px;
  margin: 0 auto;
}

.img {max-width: 100%;}


#menubar{
    background: none;
  background-color: #eee;
  margin: 0px;
padding: 0px;
}


.region-menubar .menu-bart a {
  color: #333;
  
  background: rgba(255, 255, 255, 0.7);
  background: #eee;
  float: none;
  display: block;
  text-decoration: none;
  text-shadow: none;
  border-radius: 0px;
  margin: 0px;
  padding: 15px;
}

.region-menubar .menu-bart a:hover{
  background: #555555;
color: #fff;
}

img {
max-width: 100%;
}

#answer {
    padding-left: 70px;
    padding-right: 70px;
}


.node {
    background-color: transparent;
    border-color: transparent;
}

.region-content {
 background-image: url('../../../../images/circuit-board.jpg');
  background-image: none;
   background-position: center;
  background-repeat: no-repeat;
background-size: cover;
background-color: #162b2f;
}


h1 {
font-size: 2em;
text-transform: uppercase;  
}

.region-menubar .menu-item a.is-active {
 background-color: #05274c; 
  color: #fff;
}

p {
margin-bottom: 20px;
}

.sticky {
background-color: #FFFF00;
  color: #000;
  padding: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}



a.mat-link-c:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #555;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-c:visited,.mat-link-c:active {
color: #fff;
}
a.mat-link-c:hover {
color: #fff;
background-color: #000;

}




a.mat-link-a:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #ad502e;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-a:visited,.mat-link-a:active {
color: #fff;
}
a.mat-link-a:hover {
color: #fff;
background-color: #000;

}


a.mat-link-g:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #b58e19;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-g:visited,.mat-link-g:active {
color: #fff;
}
a.mat-link-g:hover {
color: #fff;
background-color: #000;

}



a.mat-link-gf:link {
color: #fff;
background-color: #b58e19;
}
a.mat-link-gf:visited,.mat-link-g:active {
color: #fff;
}
a.mat-link-gf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-af:link {
color: #fff;
background-color: #ad502e;
}
a.mat-link-af:visited,.mat-link-af:active {
color: #fff;
}
a.mat-link-af:hover {
color: #fff;
background-color: #000;
}


a.mat-link-gf:link {
color: #fff;
background-color: #b58e19;
}
a.mat-link-gf:visited,.mat-link-gf:active {
color: #fff;
}
a.mat-link-gf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-cf:link {
color: #fff;
background-color: #555;
}
a.mat-link-cf:visited,.mat-link-cf:active {
color: #fff;
}
a.mat-link-cf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-o:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #054c24;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-o:visited,.mat-link-o:active {
color: #fff;
}
a.mat-link-o:hover {
color: #fff;font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
background-color: #000;
}


a.mat-link-02:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #5ab5b7;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-02:visited,.mat-link-02:active {
color: #fff;
}
a.mat-link-02:hover {
color: #fff;
background-color: #000;
}



a.mat-link-02f:link {
background-color: #5ab5b7;
color: #fff;
}
a.mat-link-02f:visited,.mat-link-02f:active {
color: #fff;
}
a.mat-link-02f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-03f:link {
background-color: #723b00;
color: #fff;
}
a.mat-link-03f:visited,.mat-link-03f:active {
color: #fff;
}
a.mat-link-03f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-01f:link {
background-color: #192c5f;
color: #fff;
}
a.mat-link-01f:visited,.mat-link-01f:active {
color: #fff;
}
a.mat-link-01f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-lf:link {
background-color: #0071B3;
color: #fff;
}
a.mat-link-lf:visited,.mat-link-lf:active {
color: #fff;
}
a.mat-link-lf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-lif:link {
background-color: #53538c;
color: #fff;
}
a.mat-link-lif:visited,.mat-link-lif:active {
color: #fff;
}
a.mat-link-lif:hover {
color: #fff;
background-color: #000;
}


a.mat-link-sf:link {
background-color: #522863;
color: #fff;
}
a.mat-link-sf:visited,.mat-link-sf:active {
color: #fff;
}
a.mat-link-sf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-05f:link {
background-color: #81a05f;
color: #fff;
}
a.mat-link-05f:visited,.mat-link-05f:active {
color: #fff;
}
a.mat-link-05f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-04f:link {
background-color: #006f72;
color: #fff;
}
a.mat-link-04f:visited,.mat-link-04f:active {
color: #fff;
}
a.mat-link-04f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-tf:link {
background-color: #800000;
color: #fff;
}
a.mat-link-tf:visited,.mat-link-tf:active {
color: #fff;
}
a.mat-link-tf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-uf:link {
background-color: #e4831f;
color: #fff;
}
a.mat-link-uf:visited,.mat-link-uf:active {
color: #fff;
}
a.mat-link-uf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-zf:link {
background-color: #555;
color: #fff;
}
a.mat-link-zf:visited,.mat-link-zf:active {
color: #fff;
}
a.mat-link-zf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-lf:link {
background-color: #0000FF;
color: #fff;
}
a.mat-link-lf:visited,.mat-link-lf:active {
color: #fff;
}
a.mat-link-lf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-grf:link {
background-color: #195f31;
color: #fff;
}
a.mat-link-grf:visited,.mat-link-grf:active {
color: #fff;
}
a.mat-link-grf:hover {
color: #fff;
background-color: #000;
}





a.mat-link-03:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #723b00;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-03:visited,.mat-link-03:active {
color: #fff;
}
a.mat-link-03:hover {
color: #fff;
background-color: #000;
}





a.mat-link-04:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #006f72;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-04:visited,.mat-link-04:active {
color: #fff;
}
a.mat-link-04:hover {
color: #fff;
background-color: #000;
}


a.mat-link-gr:visited,.mat-link-gr:active {
color: #fff;
}
a.mat-link-gr:hover {
color: #fff;
background-color: #000;
}


a.mat-link-z:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #555;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-z:visited,.mat-link-z:active {
color: #fff;
}
a.mat-link-z:hover {
color: #fff;
background-color: #000;
}


a.mat-link-t:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #800000;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-t:visited,.mat-link-t:active {
color: #fff;
}
a.mat-link-t:hover {
color: #fff;
background-color: #000;
}



a.mat-link-li:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #53538c;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-li:visited,.mat-link-li:active {
color: #fff;
}
a.mat-link-li:hover {
color: #fff;
background-color: #000;
}




a.mat-link-01:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #192c5f;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-01:visited,.mat-link-01:active {
color: #fff;
}
a.mat-link-01:hover {
color: #fff;
background-color: #000;
}



a.mat-link-02:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #5ab5b7;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-02:visited,.mat-link-02:active {
color: #fff;
}
a.mat-link-02:hover {
color: #fff;
background-color: #000;
}



a.mat-link-02f:link {
background-color: #5ab5b7;
color: #fff;
}
a.mat-link-02f:visited,.mat-link-02f:active {
color: #fff;
}
a.mat-link-02f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-03f:link {
background-color: #723b00;
color: #fff;
}
a.mat-link-03f:visited,.mat-link-03f:active {
color: #fff;
}
a.mat-link-03f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-01f:link {
background-color: #192c5f;
color: #fff;
}
a.mat-link-01f:visited,.mat-link-01f:active {
color: #fff;
}
a.mat-link-01f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-lf:link {
background-color: #0071B3;
color: #fff;
}
a.mat-link-lf:visited,.mat-link-lf:active {
color: #fff;
}
a.mat-link-lf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-lif:link {
background-color: #53538c;
color: #fff;
}
a.mat-link-lif:visited,.mat-link-lif:active {
color: #fff;
}
a.mat-link-lif:hover {
color: #fff;
background-color: #000;
}


a.mat-link-sf:link {
background-color: #522863;
color: #fff;
}
a.mat-link-sf:visited,.mat-link-sf:active {
color: #fff;
}
a.mat-link-sf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-05f:link {
background-color: #81a05f;
color: #fff;
}
a.mat-link-05f:visited,.mat-link-05f:active {
color: #fff;
}
a.mat-link-05f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-04f:link {
background-color: #006f72;
color: #fff;
}
a.mat-link-04f:visited,.mat-link-04f:active {
color: #fff;
}
a.mat-link-04f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-tf:link {
background-color: #800000;
color: #fff;
}
a.mat-link-tf:visited,.mat-link-tf:active {
color: #fff;
}
a.mat-link-tf:hover {
color: #fff;
background-color: #000;
}

a.mat-link-gr:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #195f31;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-gr:visited,.mat-link-gr:active {
color: #fff;
}
a.mat-link-gr:hover {
color: #fff;
background-color: #000;
}


a.mat-link-l:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #0000FF;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-l:visited,.mat-link-l:active {
color: #fff;
}
a.mat-link-l:hover {
color: #fff;
background-color: #000;
}



a.mat-link-s:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #522863;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-s:visited,.mat-link-s:active {
color: #fff;
}
a.mat-link-s:hover {
color: #fff;
background-color: #000;
}



a.mat-link-05:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #81a05f;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-05:visited,.mat-link-05:active {
color: #fff;
}
a.mat-link-05:hover {
color: #fff;
background-color: #000;
}


a.mat-link-u:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #e4831f;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-u:visited,.mat-link-u:active {
color: #fff;
}
a.mat-link-u:hover {
color: #fff;
background-color: #000;
}

.white-back {
background-color: #fff;
}



#material-details{
background-color: #fff; 
padding: 20px; 
margin-top: 0px;
padding-top: 40px;
}


#material-detailsall{
margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 50px;
}



#material-detailsleft{
width: 40%;
float: left;
}


#material-detailsright{
width: 60%;
float: right;
}



.w3-button
{color: #555!important; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #D4AF37 0%, #D4AF37 100%); 
border: 1px solid #D4AF37;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}






.w3-button1
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #111 0%, #111 100%); 
border: 1px solid #000;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}


.w3-button2
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #872807 0%, #872807 40%); 
border: 1px solid #000;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}

.w3-redagg{
background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%); 
border: 1px solid #872807;
color: #872807;
}

.w3-button4
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #0000FF 0%, #0000FF 40%); 
border: 1px solid #000;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}


.w3-redlime{
background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%); 
border: 1px solid #0000FF;
color: #0000FF;
}

.w3-buttonsalt
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #284263 0%, #284263 100%); 
border: 1px solid #000;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}


.w3-buttonu
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #e4831f 0%, #e4831f 100%); 
border: 1px solid #e4831f;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}




.w3-buttongr
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #195f31 0%, #195f31 100%); 
border: 1px solid #195f31;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}



.w3-buttonz
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #555 0%, #555 100%); 
border: 1px solid #555;
margin-top: -5px; 
border-radius: 0px;
padding: 18px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}



.w3-buttonti
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #800000 0%, #800000 100%); 
border: 1px solid #800000;
margin-top: -5px; 
border-radius: 0px;
padding: 18px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}


.w3-button-li
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #53538c 0%, #53538c 100%); 
border: 1px solid #53538c;
margin-top: -5px; 
border-radius: 0px;
padding: 18px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}




.w3-buttong
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #192c5f 0%, #192c5f 100%); 
border: 1px solid #192c5f;
margin-top: -5px; 
border-radius: 0px;
padding: 18px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}




.w3-buttongr
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #195f31 0%, #195f31 100%); 
border: 1px solid #195f31;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}



.w3-button03
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #723b00 0%, #723b00 100%); 
border: 1px solid #723b00;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}


.w3-red03{
background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%); 
border: 1px solid #723b00;
color: #723b00;
}




.w3-button02
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #5ab5b7 0%, #5ab5b7 100%); 
border: 1px solid #5ab5b7;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}



.w3-button04
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #006f72 0%, #006f72 100%); 
border: 1px solid #006f72;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}





.w3-button05
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #81a05f 0%, #81a05f 100%); 
border: 1px solid #81a05f;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}


li.points5 {
margin-bottom: 20px;
list-style: square;
color: #ad502e;
}


li.points13 {
margin-bottom: 20px;
list-style: square;
color: #195f31;
}



li.points14 {
margin-bottom: 20px;
list-style: square;
color: #800000;
}


li.points6 {
margin-bottom: 20px;
list-style: square;
color: #8c6f2d;
}

.caption{
font-size: .8.5em;
font-style: italic;
}


.w3-container {
background-color: #d3dcdc;
padding: 20px;
padding-top: 0px;
margin-top: 0px;
max-width: 100%;
}

h3.agg {

    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    text-shadow: 1px 1px #bbb;
    color: #ad502e;

}
.bigfont {

    font-family: 'Julius Sans One', sans-serif;
    font-size: 1.8em;
}

.footer-vert {
    writing-mode: vertical-lr;
    padding: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.photo-full-width {
    max-width: 100%;
    background-color: #fff;
}

.node {
    margin: 0;
        margin-bottom: 0px;
    padding: 0px;
    margin-bottom: 10px;
    border-style: none;
    border-width: 0px;
}

.w3-red1 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #000;
    color: #000;
}



.w3-button1
{color: #fff; 
font-weight: 800;
background-image: -webkit-linear-gradient(top, #111 0%, #111 100%); 
border: 1px solid #000;
margin-top: -5px; 
border-radius: 0px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 1px;
}

h3.coal {
    font-weight: bold;
    color: #555;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    text-shadow: 1px 1px #bbb;
}
.w3-red1 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #000;
    color: #000;
}

.photo3 {
    width: 326px;
    float: left;
    margin-right: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    font-size: .8.5em;
    font-style: italic;
    max-width: 100%;
    background-color: #fff;
}

.photo4 {
    width: 326px;
    float: left;
    margin-right: 20px;
    padding-bottom: 0px;
    font-size: .7em;
    font-style: italic;
    max-width: 100%;
    background-color: #fff;
}

.h3 {
    font-weight: bold;
    color: #555;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    text-shadow: 1px 1px #bbb;
}

.w3-button02 {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #5ab5b7 0%, #5ab5b7 100%);
    border: 1px solid #5ab5b7;
    margin-top: -5px;
    border-radius: 0px;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}
li.points20 {
    margin-bottom: 20px;
    list-style: square;
    color: #176364;
}
li.points16 {
    margin-bottom: 20px;
    list-style: square;
    color: #000;
}

.w3-red02 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #5ab5b7;
    color: #5ab5b7;
}


.w3-button {
    color: #555 !important;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #D4AF37 0%, #D4AF37 100%);
    border: 1px solid #D4AF37;
    margin-top: -5px;
    border-radius: 0px;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}

.w3-red {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #D4AF37;
    color: #D4AF37;
}


.w3-red4 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #FFF 100%);
    border: 1px solid #195f31;
    color: #195f31;
}

.w3-redg {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #192c5f;
    color: #192c5f;
}

li.points16 {
    margin-bottom: 20px;
    list-style: square;
    color: #000;
}

li.points25 {
    margin-bottom: 20px;
    list-style: square;
    color: #723b00;
}


.w3-red-li {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #53538c;
    color: #53538c;
}
.w3-red05 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #81a05f;
    color: #81a05f;
}
.w3-red04 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #006f72;
    color: #006f72;
}
.w3-redti {
    background-image: -webkit-linear-gradient(top, #fff 0%, #FFF 100%);
    border: 1px solid #800000;
    color: #800000;
}
.w3-red3 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    border: 1px solid #e4831f;
    color: #e4831f;
}
li.points11 {
    margin-bottom: 20px;
    list-style: square;
    color: #284263;
}
li.points12 {
    margin-bottom: 20px;
    list-style: square;
}
.uran {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
}
.zinc {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #555;
}
.w3-buttonz {
    color: #fff;
    font-weight: 800;
    background-image: -webkit-linear-gradient(top, #555 0%, #555 100%);
    border: 1px solid #555;
    margin-top: -5px;
    border-radius: 0px;
    padding: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 1px;
}
.w3-red5 {
    background-image: -webkit-linear-gradient(top, #fff 0%, #FFF 100%);
    border: 1px solid #555;
    color: #555;
}
#section-new2 {
    clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
    background-color: #800000;
    padding: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    padding-top: 140px;
    margin-top: -120px;
    padding-bottom: 100px;
    color: #fff;
    margin-top: -40px;
    clear: both;
}
#section-new3 {
    clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
    background-color: #d2e3d8;
    padding: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    padding-top: 140px;
    margin-top: -120px;
    padding-bottom: 100px;
    color: #222;
    clear: both;
}
h3.green-tech {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #fff;
    text-transform: uppercase;
}
h3.black {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #000;
    text-transform: uppercase;
}
#section-new7 {
    clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
    background-color: #b58e19;
    padding: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    padding-top: 180px;
    margin-top: -180px;
    padding-bottom: 100px;
    color: #000;
    clear: both;
}
#section-newbody {
    clip-path: polygon(0 5%, 100% 0%, 100% 90%, 0 100%);
    background-color: #006f72;
    padding: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    padding-bottom: 180px;
    color: #fff;
    padding-top: 150px;
    margin-top: -150px;
}
h3.bike {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
    color: #522863;
}


.bold {
font-weight: bold;
}

.h3{
font-weight: bold;
color: #555;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
text-shadow: 1px 1px #bbb;
}

.photo {
width: 226px; 
float: left; 
margin-right: 20px; 
padding-bottom: 20px; 
font-size: .7em; font-weight: bold;
color: #26384e;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
text-shadow: 1px 1px #bbb;
font-style: italic; 
max-width: 100%;
background-color: #fff;
}

.photo326 {
width: 326px; 
float: left; 
margin-right: 20px; 

padding-bottom: 20px; 
font-size: .7em; 
font-style: italic; 
max-width: 100%;
background-color: #fff;
}

.photo3 {
width: 326px; 
float: left; 
margin-right: 20px; 
padding-bottom: 20px; 
margin-left: 20px; 
font-size: .8.5em; 
font-style: italic; 
max-width: 100%;
background-color: #fff;
}

.photo4 {
width: 326px; 
float: left; 
margin-right: 20px; 
padding-bottom: 0px; 
font-size: .7em; 
font-style: italic; 
max-width: 100%;
background-color: #fff;
}




.padding20 {
padding: 20px;
}


.head{

font-size: 1.2em;
}


li.points3 {
margin-bottom: 20px;
list-style: square;
color: #274263;
}



li.points25 {
margin-bottom: 20px;
list-style: square;
color: #723b00}


li.points15 {
margin-bottom: 20px;
list-style: square;
color: #53538c;
}




li.points16 {
margin-bottom: 20px;
list-style: square;
color: #000;
}



li.points17 {
margin-bottom: 20px;
list-style: square;
color: #192c5f;
}



li.points18 {
margin-bottom: 20px;
list-style: square;
color: #a65600;
}




.center-pic {
font-weight: bold;
color: #555;
font-size: 1.5em;
margin-top: 0px;
padding-top: 0px;
text-shadow: 1px 1px #bbb;
}


.bottom-5{
margin-bottom: 5px;
text-align: center;
padding-top: 10px;
}

.photo-full-width {

max-width: 100%;
background-color: #fff;}



h3.agg{
font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
text-shadow: 1px 1px #bbb;
color: #ad502e;
}



h3.graphite{
font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
text-shadow: 1px 1px #bbb;
color: #195f31;
}




li.points5 {
margin-bottom: 20px;
list-style: square;
color: #ad502e;
}


li.points13 {
margin-bottom: 20px;
list-style: square;
color: #195f31;
}



li.points14 {
margin-bottom: 20px;
list-style: square;
color: #800000;
}


li.points6 {
margin-bottom: 20px;
list-style: square;
color: #8c6f2d;
}

.caption{
font-size: .8.5em;
font-style: italic;
}




a.mat-link-c:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #555;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-c:visited,.mat-link-c:active {
color: #fff;
}
a.mat-link-c:hover {
color: #fff;
background-color: #000;

}




a.mat-link-a:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #ad502e;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-a:visited,.mat-link-a:active {
color: #fff;
}
a.mat-link-a:hover {
color: #fff;
background-color: #000;

}


a.mat-link-g:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #b58e19;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-g:visited,.mat-link-g:active {
color: #fff;
}
a.mat-link-g:hover {
color: #fff;
background-color: #000;

}



a.mat-link-gf:link {
color: #fff;
background-color: #b58e19;
}
a.mat-link-gf:visited,.mat-link-g:active {
color: #fff;
}
a.mat-link-gf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-af:link {
color: #fff;
background-color: #ad502e;
}
a.mat-link-af:visited,.mat-link-af:active {
color: #fff;
}
a.mat-link-af:hover {
color: #fff;
background-color: #000;
}


a.mat-link-gf:link {
color: #fff;
background-color: #b58e19;
}
a.mat-link-gf:visited,.mat-link-gf:active {
color: #fff;
}
a.mat-link-gf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-cf:link {
color: #fff;
background-color: #555;
}
a.mat-link-cf:visited,.mat-link-cf:active {
color: #fff;
}
a.mat-link-cf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-o:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #054c24;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-o:visited,.mat-link-o:active {
color: #fff;
}
a.mat-link-o:hover {
color: #fff;font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
background-color: #000;
}



#block-block-38 {
margin: auto 0;
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;

}
.video-responsive iframe{
    left:0;
    top:20;
    height:100%;
    width:100%;
    position:absolute;

}

div.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: yellow;
    padding: 5px;
    font-size: 16px;
margin-bottom: 0px;
z-index: 100;
}

a.vids:link{
color: #000;

}

a.vids:visited{
color: #800000;
}


a.vids:hover{
color: #800000;
}


a.mat-link-l:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #0000FF;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-l:visited,.mat-link-l:active {
color: #fff;
}
a.mat-link-l:hover {
color: #fff;
background-color: #000;

}


h3.limestone-gr{
color: #0000FF;
font-size: 1.5em;
font-weight: bold;
margin-top: 0px;
padding-top: 30px;
text-shadow: 1px 1px #bbb;
}

h3.limestone {
font-weight: bold;
color: #0080ff;
font-size: 1.2em;
margin-top: 0px;
padding-top: 30px;
text-shadow: 1px 1px #bbb;
}

.photo-lime {
    font-size: .7em;
    font-style: italic;
    width: 325px;
    max-width: 100%;
    background-color: #fff;
    float: left;
    margin-right: 20px;284263
}


h3.salt {font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
color: #522863;}





li.points9 {
margin-bottom: 20px;
list-style: square;
color: #522863;
}



li.points10 {
margin-bottom: 20px;
list-style: square;
color: #284263;
}




a.mat-link-s:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #522863;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-s:visited,.mat-link-s:active {
color: #fff;
}
a.mat-link-s:hover {
color: #fff;
background-color: #000;

}

.uran {font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;}



.copper {font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
color: #5ab5b7;}




.tin {font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
color: #006f72;}





.rees {font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
color: #81a05f;}




.idium {font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
color: #723b00;}


.gypsum {
font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
color: #192c5f;}




.titanium {font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
color: #800000;}



.lithium {font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
color: #53538c;}



.zinc {font-weight: bold;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 30px;
color: #555;}


li.points12 {
margin-bottom: 20px;
list-style: square;
}



li.points22 {
margin-bottom: 20px;
list-style: square;
color: #81a05f}




li.points21 {
margin-bottom: 20px;
list-style: square;
color: #006f72}


li.points20 {
margin-bottom: 20px;
list-style: square;
color: #176364;
}



li.points11 {
margin-bottom: 20px;
list-style: square;
color: #284263;
}



li.space {
margin-bottom: 10px;
}


a.mat-link-u:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #e4831f;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-u:visited,.mat-link-u:active {
color: #fff;
}
a.mat-link-u:hover {
color: #fff;
background-color: #000;
}

.center{
text-align: center;
}



a.mat-link-gr:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #195f31;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-gr:visited,.mat-link-gr:active {
color: #fff;
}
a.mat-link-gr:hover {
color: #fff;
background-color: #000;
}


a.mat-link-z:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #555;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-z:visited,.mat-link-z:active {
color: #fff;
}
a.mat-link-z:hover {
color: #fff;
background-color: #000;
}


a.mat-link-t:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #800000;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-t:visited,.mat-link-t:active {
color: #fff;
}
a.mat-link-t:hover {
color: #fff;
background-color: #000;
}



a.mat-link-li:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #53538c;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-li:visited,.mat-link-li:active {
color: #fff;
}
a.mat-link-li:hover {
color: #fff;
background-color: #000;
}




a.mat-link-01:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #192c5f;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-01:visited,.mat-link-01:active {
color: #fff;
}
a.mat-link-01:hover {
color: #fff;
background-color: #000;
}



a.mat-link-02:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #5ab5b7;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-02:visited,.mat-link-02:active {
color: #fff;
}
a.mat-link-02:hover {
color: #fff;
background-color: #000;
}



a.mat-link-02f:link {
background-color: #5ab5b7;
color: #fff;
}
a.mat-link-02f:visited,.mat-link-02f:active {
color: #fff;
}
a.mat-link-02f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-03f:link {
background-color: #723b00;
color: #fff;
}
a.mat-link-03f:visited,.mat-link-03f:active {
color: #fff;
}
a.mat-link-03f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-01f:link {
background-color: #192c5f;
color: #fff;
}
a.mat-link-01f:visited,.mat-link-01f:active {
color: #fff;
}
a.mat-link-01f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-lf:link {
background-color: #0071B3;
color: #fff;
}
a.mat-link-lf:visited,.mat-link-lf:active {
color: #fff;
}
a.mat-link-lf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-lif:link {
background-color: #53538c;
color: #fff;
}
a.mat-link-lif:visited,.mat-link-lif:active {
color: #fff;
}
a.mat-link-lif:hover {
color: #fff;
background-color: #000;
}


a.mat-link-sf:link {
background-color: #522863;
color: #fff;
}
a.mat-link-sf:visited,.mat-link-sf:active {
color: #fff;
}
a.mat-link-sf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-05f:link {
background-color: #81a05f;
color: #fff;
}
a.mat-link-05f:visited,.mat-link-05f:active {
color: #fff;
}
a.mat-link-05f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-04f:link {
background-color: #006f72;
color: #fff;
}
a.mat-link-04f:visited,.mat-link-04f:active {
color: #fff;
}
a.mat-link-04f:hover {
color: #fff;
background-color: #000;
}


a.mat-link-tf:link {
background-color: #800000;
color: #fff;
}
a.mat-link-tf:visited,.mat-link-tf:active {
color: #fff;
}
a.mat-link-tf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-uf:link {
background-color: #e4831f;
color: #fff;
}
a.mat-link-uf:visited,.mat-link-uf:active {
color: #fff;
}
a.mat-link-uf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-zf:link {
background-color: #555;
color: #fff;
}
a.mat-link-zf:visited,.mat-link-zf:active {
color: #fff;
}
a.mat-link-zf:hover {
color: #fff;
background-color: #000;
}



a.mat-link-lf:link {
background-color: #0000FF;
color: #fff;
}
a.mat-link-lf:visited,.mat-link-lf:active {
color: #fff;
}
a.mat-link-lf:hover {
color: #fff;
background-color: #000;
}


a.mat-link-grf:link {
background-color: #195f31;
color: #fff;
}
a.mat-link-grf:visited,.mat-link-grf:active {
color: #fff;
}
a.mat-link-grf:hover {
color: #fff;
background-color: #000;
}





a.mat-link-03:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #723b00;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-03:visited,.mat-link-03:active {
color: #fff;
}
a.mat-link-03:hover {
color: #fff;
background-color: #000;
}





a.mat-link-04:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #006f72;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-04:visited,.mat-link-04:active {
color: #fff;
}
a.mat-link-04:hover {
color: #fff;
background-color: #000;
}



.w3-red04{
background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%); 
border: 1px solid #006f72;
color: #006f72;
}





a.mat-link-05:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #81a05f;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%;
}
a.mat-link-05:visited,.mat-link-05:active {
color: #fff;
}
a.mat-link-05:hover {
color: #fff;
background-color: #000;
}



.w3-red05{
background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%); 
border: 1px solid #81a05f;
color: #81a05f;
}



a.mat-link-li:link {
color: #fff;
padding: 1%; 
margin-top: 3px;
background-color: #53538c;
color: #fff;
margin-right:.5%;
float: left;
text-align: center;
width: 17.5%
}
a.mat-link-li:visited,.mat-link-li:active {
color: #fff;
}
a.mat-link-li:hover {
color: #fff;
background-color: #000;
}


#tab-list{
width: 955px;
max-width: 100%;
padding-left: 5px;
background-color: #fff; 
text-align: center;
margin: 0 auto;
padding-bottom: 20px;
}

#tab-list2{
width: 955px;
max-width: 100%;
}


#material-details{
background-color: #fff; 
padding: 20px; 
margin-top: 0px;
padding-top: 40px;
}


#material-detailsall{
margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 50px;
}



#material-detailsleft{
width: 40%;
float: left;
}


#material-detailsright{
width: 60%;
float: right;
}

#html {
 min-width: 100%;
    max-width: 100%;
}


.html {
 min-width: 100%;
    max-width: 100%;
}

.margin-bottom-20{
margin-bottom: 20px;}


.bigfont{
font-family: 'Julius Sans One', sans-serif;
font-size: 1.8em;
}


.bigfont1{
font-family: 'Julius Sans One', sans-serif;
font-size: 1.3em;
text-transform: uppercase;

}



a.mat-link-g:link,a.mat-link-c:link,a.mat-link-a:link,a.mat-link-l:link,a.mat-link-s:link,a.mat-link-u:link,a.mat-link-gr:link,a.mat-link-z:link,a.mat-link-t:link,a.mat-link-li:link,a.mat-link-01:link,a.mat-link-02:link,,a.mat-link-03:link,a.mat-link-04:link,a.mat-link-05:link {
padding-top: 3px;
padding-bottom: 3px;
font-weight: 400;
width: 17.5%;
}


a.mat-link-gf:link,a.mat-link-cf:link,a.mat-link-af:link,a.mat-link-lf:link,a.mat-link-sf:link,a.mat-link-uf:link,a.mat-link-grf:link,a.mat-link-zf:link,a.mat-link-tf:link,a.mat-link-lif:link,a.mat-link-01f:link,a.mat-link-02f:link,,a.mat-link-03f:link,a.mat-link-04f:link,a.mat-link-05f:link {
padding-top: 3px;
padding-bottom: 3px;
font-weight: 400;
width: 17.5%;
}

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

a.mat-link-g:link,a.mat-link-c:link,a.mat-link-a:link,a.mat-link-l:link,a.mat-link-s:link,a.mat-link-u:link,a.mat-link-gr:link,a.mat-link-z:link,a.mat-link-t:link,a.mat-link-li:link,a.mat-link-01:link,a.mat-link-02:link,,a.mat-link-03:link,a.mat-link-04:link,a.mat-link-05:link {
padding-top: 3px;
padding-bottom: 3px;
font-weight: 400;
width: 29.5%;
}}



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

a.mat-link-g:link,a.mat-link-c:link,a.mat-link-a:link,a.mat-link-l:link,a.mat-link-s:link,a.mat-link-u:link,a.mat-link-gr:link,a.mat-link-z:link,a.mat-link-t:link,a.mat-link-li:link,a.mat-link-01:link,a.mat-link-02:link,,a.mat-link-03:link,a.mat-link-04:link,a.mat-link-05:link {
padding-top: 3px;
padding-bottom: 3px;
font-weight: 400;
width: 45.5%;
}}




a.white:link {
color: #fff;
text-decoration: underline;
font-style: italic;
}


a.white:visited,.a.white:active {
color: #fff;
text-decoration: underline;
}


a.white:hover {
color: #555;
text-decoration: none;

}


a.black:link {
color: #000;
text-decoration: underline;
font-style: italic;
}


a.black:visited,.a.black:active {
color: #000;
text-decoration: underline;
}


a.black:hover {
color: #555;
text-decoration: none;

}


.footer-vert {
 writing-mode: vertical-lr;
padding: 8px;
padding-top: 10px;
padding-bottom: 10px;}


#section-new1 {
 /** clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0 100%); **/
background-color: #fff;
padding: 30px;
padding-bottom: 50px;



}


#section-newturbines {
clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0 100%);
background-color: #fff;
padding: 30px;
padding-bottom: 160px;
}



#section-newhouse {
clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0 100%);
background-color: #fff;
padding: 30px;
padding-bottom: 160px;
}



#section-new1tooth {
  clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0 100%);
background-color: #fff;
padding: 30px;
padding-bottom: 180px;
}


#section-newbody {
  clip-path: polygon(0 5%, 100% 0%, 100% 90%, 0 100%);
background-color: #006f72;
padding: 30px;
padding-bottom: 180px;
color: #fff;
padding-top: 150px;
margin-top: -150px;
}




#section-running {
  clip-path: polygon(0 5%, 100% 0%, 100% 90%, 0 100%);
background-color: #fff;
padding: 30px;
padding-bottom: 180px;
color: #3b3b3b;
padding-top: 150px;
margin-top: -150px;
}



#section-new2 {
  clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
background-color: #800000;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 100px;
color: #fff;
margin-top: -40px;
clear: both;
}


#section-new2-bl {
  clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
background-color: #000000;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 100px;
color: #fff;
margin-top: -40px;
clear: both;
}



#section-new3 {
  clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
background-color: #d2e3d8;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 100px;
color: #222;
clear: both;
}

h3.bike {font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
color: #522863;}


h3.minerals {font-weight: bold;
font-size: 2em;
margin-top: 0px;
padding-top: 30px;
color: #000;
text-transform: uppercase;}


h3.green-tech {font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
color: #fff;
text-transform: uppercase;}


h3.black {font-weight: bold;
font-size: 1.5em;
margin-top: 0px;
padding-top: 30px;
color: #000;
text-transform: uppercase;}



#section-new4 {
  clip-path: polygon(0 15%, 100% 0%, 100% 80%, 0 100%);
background-color: #000;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 20px;
color: #555;
clear: both;
}




#section-new5 {
  clip-path: polygon(0 15%, 100% 0%, 100% 80%, 0 100%);
background-color: #535353;
padding: 20px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 100px;
color: #555;
clear: both;
}




#section-new6 {
  /**clip-path: polygon(0 15%, 100% 0%, 100% 80%, 0 100%);**/
background-color: #192c5f;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 120px;
color: #fff;

}




#section-new7 {
  clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
background-color: #b58e19;
padding: 20px;
padding-top: 180px;
margin-top: -180px;
padding-bottom: 100px;
color: #000;
clear: both;
}

#section-new8 {
  clip-path: polygon(0 15%, 100% 0%, 100% 80%, 0 100%);
background-color: #53538c;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 100px;
color: #fff;
clear: both;
}


.w3-red{
background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%); 
border: 1px solid #D4AF37;
color: #D4AF37;
}


.bold2{
font-weight: bold;
color: #083a5a;
}

.title-header{


color: #083a5a;
}

.back-blue{
background-color: #eee;
padding: 40px;
margin-left: -40px;
margin-right: -40px;
margin-bottom: 40px;
margin-top: 40px;
}

h3{
font-weight: bold;
font-size: 1.5em;
color: #083a5a;
text-transform: uppercase;
}

#sidebar-first {
background-color: #fff;
}

.bold {
font-weight: 800;
}

#section-new2-gold {
 clip-path: polygon(0 15%, 100% 0%, 100% 90%, 0 100%);
background-color: #b58e19;
padding: 30px;
padding-top: 140px;
margin-top: -120px;
padding-bottom: 100px;
color: #fff;
margin-top: -40px;
clear: both;
}



#section-divtitanium {
  clip-path: polygon(0 5%, 100% 0%, 100% 90%, 0 100%);
background-color: #ddd;
padding: 30px;
padding-bottom: 180px;
color: #3b3b3b;
padding-top: 100px;
margin-top: -60px;
}

#section-running-aggregates {
    clip-path: polygon(0 5%, 100% 0%, 100% 90%, 0 100%);
    background-color: #fff;
    padding: 30px;
    padding-bottom: 180px;
    color: #3b3b3b;
    padding-top: 150px;
    margin-top: -50px;
}


h3.red{
color: #800000;
}


p.p-20 {
font-size: 1.5em;
}

.blue-title {
font-weight: bold;
font-size: 1.3em;
color: #083a5a;
text-transform: uppercase;
line-height: 2.5em;
}

.spacer-20 {
margin-top: 40px;
margin-bottom: 40px;
}

.roundish {
border: 1px solid #ddd;
    border-radius: 5px 50px 5px 50px;
    margin-top: 20px;
}