@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLES
-------------------------------------------------- */
*{
  font-family: niveau-grotesk, sans-serif;
 
}

body {
}
a {
}
h1 {

}
 h2,h3, h4{
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
box-shadow: -1px 1px 3px rgba(0,0,0,.60);
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gold-button{
  background-color:rgba(209,183,2,1);
  border-color:rgba(144,126,1,1);
}
.gold-button:hover{
  background-color:rgba(144,126,1,1)!important;
  border-color:rgba(209,183,2,1)!important;
}
.text-shadow{
  text-shadow: 0px 2px 4px rgba(0,0,0,1);
}
@media (min-width : 300px){
.open-nav{
  padding-top:15px;
  text-align: center;  
}
.open-nav .fas{
  font-size:30px;
  cursor: pointer;
}
.navbar-nav .nav{
  display:flex;
}

.navbar-nav li{
  list-style:none;
  flex-grow: 1;
}
.navbar-nav li a{
  margin: 0;
  display: block;
  letter-spacing: 0px;
  margin-bottom: 2px;
  font-weight: 400;
  padding: 10px 10px;
  text-decoration: none!important;   
}
.navbar-nav ul li a:hover{
  margin-bottom: 0px;
  border-bottom: solid 2px #1377b8;
}
.navbar-nav .dropdown-menu a:hover{
  margin-bottom: 0px;
  border-bottom: solid 2px #FFFFFF;
}
.navbar-nav{
  flex-direction: row;
}
.mobile-nav{
  background:rgba(255,255,255,1.0);
  position:fixed;
  z-index:250;
  top:0;
  left:0;
  display:none;
  overflow: hidden;
  width:85%;  
  height:95vh;
  padding-right:0px;
  padding-left:0px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.mobile-nav ul{
  width:100%;
}

.nb-active{
  border-bottom:solid 2px #1377b8;
}
.sub-dropdown .nb-active {
  border-bottom:solid 2px #FFFFFF;
}
.mobile-nav li a span{
  font-size:16px;
  padding-left:15px;
}
.mobile-nav li a i{
  font-size:16px;
  padding-left:15px;
  width:25px;
  text-align: center;
}
.mobile-nav-top{
  width:104%;
  border-bottom:solid 2px rgba(32,42,93,.2);
  background:rgba(156,156,156,1.0);
}
.mobile-nav-top .close-nav{
  cursor: pointer;
  text-align: right;
  padding-right:5px;
  padding-top:5px;
}
.mobile-nav-phone{
  padding-left:30px;
  padding-top:4px;

}
.mobile-nav-phone a{
  text-decoration: none;
  color:rgba(0,0,0,1);
  font-size:19px;
}
.mobile-nav-top .close-nav i{
  font-size:25px;
  font-weight: bold;
}
.site-cover{
  position:fixed;
  top:0;
  left:0;
  z-index: 149;
  width:100%;
  height:100vh;
  background:rgba(0,0,0,.6);
  display:none;
}
.mobile-nav li{
  width:100%;
}
.mobile-nav li a{
  color:rgba(32,42,93,1.0);
  padding: 5px 10px;    
  }
.footer{
  background:rgba(49,49,49,1);
  padding: 15px;
  color:rgba(194,194,194,1)!important;
}
.footer-name{
  padding-top:35px;
  font-style:italic;
  font-weight:700;
  font-size:30px;
  line-height:24px;
}
.browse-title{
  color:rgba(170,144,0,1);
  font-weight:700;
  font-style:italic;
  font-size:30px;
}
.footer ul{
  list-style: none;
  padding:0;
}
.footer ul li{
  padding:0;
}
.top-page-bar{
  display:none;
}
.site-nav-mobile{
}
.site-nav{
  display:none;
}
.mnh .sub-dropdown ol{
  display:none;
  overflow:hidden;
}
.home-banner{
  background: url("../images/banner-holder.webp");
  background-repeat: no-repeat;
  padding-top:15px;
  padding-bottom:15px;
}
.home-banner h1, .home-banner h3{
  color:rgba(255,255,255,1);
}
.home-banner h1{
  font-size:1.5em;
}
.home-banner h3{
  font-size:1.25em;
  padding-top:15px;
  font-weight:300;
}
.logo-container img,.logo-container2 img{
  padding-left: 5px;
  padding-right: 5px;  
}
.logo-container2 img{
  padding-top: 12%;
}

.home-page-box-1 .flippety{
  background:url("../images/backer-block-1.webp");
}
.home-page-box-1 .flop{
  background:url("../images/backer-block-1-dark.webp");
}
.home-page-box-2 .flippety{
  background:url("../images/backer-block-2.webp"); 
} 
.home-page-box-2 .flop{
  background:url("../images/backer-block-2-dark.webp"); 
}
.home-page-box-4 .flippety{
  background:url("../images/backer-block-4.webp");   
}
.home-page-box-4 .flop{
  background:url("../images/backer-block-4-dark.webp");   
}
.home-page-box-5 .flippety{
  background:url("../images/backer-block-5.webp");   
}
.home-page-box-5 .flop{
  background:url("../images/backer-block-5-dark.webp");   
}
.home-page-box-3 .flippety1{
  background:url("../images/backer-block-3.webp");   
  margin-top:0;
  transition: all .5s ease;  
}
.home-page-box-3 .flop1{
  background:url("../images/backer-block-3-dark.webp");   
}
.product-boxes{
  padding-top:3px;
}
.product-boxes .flop,.product-boxes .flop1{
 padding:5px;
}
.home-page-box-1 h4, .home-page-box-2 h4,.home-page-box-3 h3,.home-page-box-4 h4,.home-page-box-5 h4{
  color:rgba(255,255,255,1);
  text-shadow: 0 2px 8px rgba(0,0,0,1);
  text-align:center;
}
.stand-behind{
  padding-top:5%;
  padding-bottom:5%;
  background:rgba(212,236,255,1);
}
.stand-behind h3, .blog h4{
  font-size:30px;
}
.stand-behind h2, .blog h2{
  font-weight:900;
  font-size:48px;
}
.stand-behind p{
  font-weight:300;
  font-size:20px;
  line-height:30px;
}
.stand-behind img{
  box-shadow:0px 2px 8px rgba(0,0,0,1);
}
.home-blog{
  background:rgba(193,193,193,1);
}
.catname{
  padding-top:75px;
  padding-bottom:75px;
  background:url("../images/blog-toppers/blog-top-1.webp");
  background-repeat: no-repeat;
  background-size:cover;
}
.home-blog-cat p{
  color:rgba(92,92,92,1);
}
.home-blog-title h3{
  font-size:30px;
  font-weight:700;
}
.home-blog-content p{
  font-size:16px;
  font-weight:200px;
}
.home-blog-content a{
  text-decoration: none;
}
.footer a{
  text-decoration: none!important;
  color:inherit;
}
.sub-banner{
  padding-top:35px;
  padding-bottom:35px;
}
.sub-banner h1{
  text-align: center;
  color:rgba(255,255,255,1);
}
.divider{
  background: url("../images/divider-backer.webp");
  background-repeat: no-repeat;
  background-size: cover;  
}
.divider h2, .divider h3, .divider h5, .divider p, .divider a{  
  color:rgba(255,255,255,1.00);
  text-shadow: 0 0 5px rgba(0,0,0,1);
}
.main-content h2{
  font-size:2.5em;
}
.main-content h3{
  font-size:2em;
}
.main-content h4{
  font-size:1.75em;
}
.main-content h5{
  font-size:1.5em;
}
.main-content p{
  font-size:1.05em;
  line-height:2em;
}
.home-page-box-3 .flippety1, .black-box{
  display:none;
}
.cube .flop, .cube1 .flop1{
  padding:15px;
}
.google-ad-page{
  background:url(../images/iacp/background.webp);
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height:100vh;
}
.google-ad-page h2, .google-ad-page h3,.google-ad-page h4, .google-ad-page ul li, .google-ad-page h5{
  color:rgba(255,255,255,1);
  font-family: "Montserrat", sans-serif; 
}
.google-ad-page h2{
  font-weight:300;
}
.google-ad-page h3{
  font-weight:200;
}
.google-ad-page ul li{
  list-style: none;
  padding:5px;
}
}
@media (min-width : 576px){
.mobile-nav-top {
  width: 103%;
}
.logo-container img, .logo-container2 img{
  max-width: 70px;
}
}
@media (min-width : 768px){
.site-nav-mobile{
  display:none;
}
.site-nav{
  display:flex;
  padding-top:15px;
  padding-bottom:15px;
}
.dnh {
  padding-top: 5px;
}
.desk-nav{
  z-index: 25;
  width:90%;
}
.desk-nav ul li{
  width:auto;
  text-align: center;
}
.desk-nav ul li a{
  font-size:1.6vw;
  padding:10px 13px;
}
.desk-nav span{ 
  font-size:inherit;
}
.sub-dropdown ol li a{
  color:rgba(0,0,0,1);
}
.desk-nav ul ol a{
  margin-bottom:2px;
}
.desk-nav ul ol a:hover{
  margin-bottom:0px;
  border-bottom: solid 2px rgba(209,183,2,1)!important;
}
.desk-nav ul ol{
  padding:2px;
  list-style: none;
}
.sub-dropdown ol {
  display:none;
  min-width: 15rem;
  background-color: rgba(156,156,156,1);
  position:absolute;
}
.sub-dropdown ol .sub-dropdown ol{
  left:98%;
  top:0;
  overflow: hidden; 
}
.desk-nav .sub-dropdown ol li a{
  color:rgba(0,0,0,1);
  text-align: left;
  margin-bottom:2px;  
}
.desk-nav .sub-dropdown ol li a:hover{
  border-bottom: solid 2px #FFFFFF;
}
.desk-nav ul li a {
  font-size: 14px;;
  font-weight:700;
  padding: 10px 10px;
  color: rgba(0,0,0,1.0);
  margin: 0;
  display: block;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom:2px;
}
.desk-nav ul li a:hover {
  margin-bottom: 0px;
  border-bottom: solid 2px rgba(209,183,2,1);
}
.desk-nav span {
    font-size: inherit;
}
.desk-nav ul li .active{
  border-bottom: solid 2px rgba(209,183,2,1);
}
.desk-nav .sub-dropdown ol li .active{
  border-bottom: solid 2px #FFFFFF;
}
.top-page-bar{
  display:flex;
  background:rgba(156,156,156,1.0);
  color:rgba(0,0,0,1);
  overflow: hidden;  
  font-size:13px;
  font-weight:300;
  padding-top:5px;
  padding-bottom:5px;
}
.top-page-bar a{
  color:rgba(0,0,0,1); 
}
.top-page-bar img{
  max-height: 35px;
}
.top-quote{
  margin-top: 11px;
}
.top-quote a{
  font-size:11px;
  border:none;
}
.box-1, .box-3{
padding-top:9px;
}
.box-4{
padding-top:2px;
}
.home-banner{
  background: url("../images/banner-holder.webp");
  background-repeat: no-repeat;
  padding-top:15px;
  padding-bottom:15px;
}
.home-banner h1, .home-banner h3{
  color:rgba(255,255,255,1);
}
.home-banner h1{
  font-size:2em;
}
.home-banner h3{
  font-size:1.5em;
  padding-top:30px;
  font-weight:300;
}
.product-boxes{
  background:rgba(255,255,255,1);
}
.home-page-box-3 h3{
  font-size:40px;
}
.home-page-box-1 h4, .home-page-box-2 h4,.home-page-box-3 h3,.home-page-box-4 h4,.home-page-box-5 h4{
  color:rgba(255,255,255,1);
  text-shadow: 0 2px 8px rgba(0,0,0,1);
  text-align:center;
}
.black-box, .flop, .black-box, .flop1{
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.5);
  cursor: pointer;
}
.black-box{
display: block; 
}
.home-page-box-1 h4, .home-page-box-1 .shop-now,
.home-page-box-2 h4, .home-page-box-2 .shop-now,
.home-page-box-3 h3, .home-page-box-3 .shop-now,
.home-page-box-4 h4, .home-page-box-4 .shop-now,
.home-page-box-5 h4, .home-page-box-5 .shop-now{
  padding-top: 10px;
  padding-bottom: 10px;
}
.home-page-box-1,.home-page-box-2,.home-page-box-4,.home-page-box-5{
  height:155px;
  overflow:hidden;
}
.home-page-box-1 .flippety, .home-page-box-1 .flop, .home-page-box-2 .flippety, .home-page-box-2 .flop, .home-page-box-4 .flippety, .home-page-box-4 .flop, .home-page-box-5 .flippety, .home-page-box-5 .flop{
  height:155px;
  background-position:center!important;
  background-size:cover!important; 
  background-repeat: no-repeat!important;  
}
.home-page-box-1 .flippety{
  background:url("../images/backer-block-1.webp");
}
.home-page-box-1 .flop{
  background:url("../images/backer-block-1-dark.webp");
}
.home-page-box-2 .flippety{
  background:url("../images/backer-block-2.webp"); 
} 
.home-page-box-2 .flop{
  background:url("../images/backer-block-2-dark.webp"); 
}
.home-page-box-4 .flippety{
  background:url("../images/backer-block-4.webp");   
}
.home-page-box-4 .flop{
  background:url("../images/backer-block-4-dark.webp");   
}
.home-page-box-5 .flippety{
  background:url("../images/backer-block-5.webp");   
}
.home-page-box-5 .flop{
  background:url("../images/backer-block-5-dark.webp");   
}

.home-page-box-3{
  height:314px;
  overflow:hidden;
}
.home-page-box-3 .flippety1,.home-page-box-3 .flop1{
  background:url("../images/backer-block-3.webp");
  height:314px;
  background-position:center!important;
  background-size:cover!important; 
  background-repeat: no-repeat!important;
  display: block;    
}
.home-page-box-3 .flippety1{

  background:url("../images/backer-block-3.webp");   
  margin-top:0;
  transition: all .5s ease;  
  margin-left: 4px;
  overflow: hidden;
  width: 98%;  
}
.home-page-box-3 .flop1{
  background:url("../images/backer-block-3-dark.webp");   
  margin-left: 4px;
  overflow: hidden;
  width: 98%; 
}
.home-page-box-3:hover .flippety1{
  margin-top:-314px;
  transition: all .5s ease;
}
.home-page-box-1 .flippety,.home-page-box-2 .flippety,.home-page-box-4 .flippety,.home-page-box-5 .flippety{
  margin-top:0px;
  transition: all .5s ease;
  }
.home-page-box-1:hover .flippety,.home-page-box-2:hover .flippety,.home-page-box-4:hover .flippety,.home-page-box-5:hover .flippety{
  margin-top:-155px;
  transition: all .5s ease;
}
.cube1{
	text-align: center;
	margin: 0 auto;
  overflow: hidden;
}
.stand-behind{
  padding-top:5%;
  padding-bottom:5%;
  background:rgba(212,236,255,1);
}
.stand-behind h3, .blog h4{
  font-size:1.5em;
}
.stand-behind h2, .blog h2{
  font-weight:900;
  font-size:1.8em;
}
.stand-behind p{
  font-weight:300;
  font-size:1.1em;
  line-height:30px;
}
.stand-behind img{
  box-shadow:0px 2px 8px rgba(0,0,0,1);
}
.home-blog{
  background:rgba(193,193,193,1);
}
.catname{
  padding-top:75px;
  padding-bottom:75px;
  background:url("../images/blog-toppers/blog-top-1.webp");
  background-repeat: no-repeat;
  background-size:cover;
}
.footer ul {
  columns:3;
  -webkit-columns:3;
  -moz-columns:3;  
}
.footer ul li{
  padding:1px 0px;
}
.footer ul li a{
  text-decoration: underline;
}
.logo-container img{
  max-width:100%;
  padding-top: 1%;  
}
.logo-container2 img{
  max-width:100%;
  padding-top:14%;
}
.model-viewer{
  display: block;
  position: relative;
  contain: strict;
  width: 100%;
  height: 100vh;
}
}
@media only screen and (min-width : 992px){
.dnh {
  padding-top: 4%;
}
.desk-nav {
 width: 84%;
}
.desk-nav ul li a {
  font-size: 1em;
  padding: 10px 15px;
}
.home-banner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.footer-name {
  padding-top: 15%;
}
.top-quote {
  margin-top: 3%;
}
.top-quote a {
  font-size: 17px;
}
.box-1 a,.box-2 a,.box-3 a{
  font-size:11px;
}
.box-2{
  padding-top:9px;
}
.footer-addy, .footer-hours, .footer-phone{
  margin-top:5px;
  font-size:18px;
}
}
@media only screen and (min-width : 1200px) {
.dnh {
  padding-top: 5%;
}
.box-1 a, .box-2 a, .box-3 a {
  font-size: 15px;
}
.home-banner h1 {
  font-size: 2.5em;
}
.home-banner h3 {
  font-size: 2em;
}
.stand-behind h3, .blog h4 {
  font-size: 2em;
}
.stand-behind h2, .blog h2 {
  font-weight: 900;
  font-size: 2.75em;
}
.home-page-box-1, .home-page-box-2, .home-page-box-4, .home-page-box-5 {
  height: 180px;
  overflow: hidden;
}
.home-page-box-3 {
  height: 364px;
  overflow: hidden;
}
.home-page-box-3:hover .flippety1 {
  margin-top: -364px;
}
.home-page-box-3 .flippety1,.home-page-box-3 .flop1{
  height:364px;
}
.home-page-box-1 .flippety, .home-page-box-1 .flop, .home-page-box-2 .flippety, .home-page-box-2 .flop, .home-page-box-4 .flippety, .home-page-box-4 .flop, .home-page-box-5 .flippety, .home-page-box-5 .flop {
  height: 180px;
}
.home-page-box-1:hover .flippety, .home-page-box-2:hover .flippety, .home-page-box-4:hover .flippety, .home-page-box-5:hover .flippety{
  margin-top: -180px;
}
}
@media only screen and (min-width : 1400px) {
.dnh {
  padding-top: 3.5%;
}  
.top-quote {
  margin-top: 2.5%;
}  
.box-1 a, .box-2 a, .box-3 a {
    font-size: 17px;
}
.box-1, .box-2, .box-3{
  padding-top:9px;
  padding-bottom:9px;
}
.home-banner h1 {
  font-size: 3.5em;
}
.home-banner {
  padding-top: 75px;
  padding-bottom: 75px;
}
.stand-behind p {
  font-weight: 300;
  font-size: 1.3em;
  line-height: 35px;
}
.logo-container img,.logo-container2 img{
  max-width:150px;
}

}
@media only screen and (min-width : 1610px) {
.desk-nav {
 width: 84%;
}
.home-page-box-1, .home-page-box-2, .home-page-box-4, .home-page-box-5 {
    height: 265px;
    overflow: hidden;
}
.home-page-box-1 .flippety, .home-page-box-1 .flop, .home-page-box-2 .flippety, .home-page-box-2 .flop, .home-page-box-4 .flippety, .home-page-box-4 .flop, .home-page-box-5 .flippety, .home-page-box-5 .flop {
    height: 265px;
}
.home-page-box-1:hover .flippety, .home-page-box-2:hover .flippety, .home-page-box-4:hover .flippety, .home-page-box-5:hover .flippety {
    margin-top: -265px;
}
.home-page-box-3 {
    height: 534px;
    overflow: hidden;
}
.home-page-box-3:hover .flippety1 {
    margin-top: -534px;
}
.home-page-box-3 .flippety1, .home-page-box-3 .flop1 {
    height: 534px;
}
}
@media only screen and (min-width : 1920px) {
body{
  background:url("../images/body-bg.webp");
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
}
body > .container-fluid{
  max-width:1920px;
  margin:0 auto;
  background:rgba(255,255,255,1);
}
.desk-nav {
 width: 84%;
}
.home-page-box-1, .home-page-box-2, .home-page-box-4, .home-page-box-5 {
    height: 265px;
    overflow: hidden;
}
.home-page-box-1 .flippety, .home-page-box-1 .flop, .home-page-box-2 .flippety, .home-page-box-2 .flop, .home-page-box-4 .flippety, .home-page-box-4 .flop, .home-page-box-5 .flippety, .home-page-box-5 .flop {
    height: 265px;
}
.home-page-box-1:hover .flippety, .home-page-box-2:hover .flippety, .home-page-box-4:hover .flippety, .home-page-box-5:hover .flippety {
    margin-top: -265px;
}
.home-page-box-3 {
    height: 534px;
    overflow: hidden;
}
.home-page-box-3:hover .flippety1 {
    margin-top: -534px;
}
.home-page-box-3 .flippety1, .home-page-box-3 .flop1 {
    height: 534px;
}
}