/* 20241030212001 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
.logo a img {
    display: block;
    width: 60%;
}
#formSearch {
    position: relative;
    width: 160px;
    float: right;
    margin-left: 10px;
    margin-bottom: 20px;
}
nav.desktop .item {
    float: left;
    margin-right: 2px;
}


.grizzly-text p {
    margin-bottom: 40px;
  margin-top: 40px;
}
.grizzly-text a {
    color: brown;
    text-decoration: underline;
}

.grizzly-container{
    background-color: #ae8f6f;
    padding: 20px 0px 30px 0px;
    margin: 50px 5px 20px ;
    margin-bottom: 40px;
  margin-top:10px;

    display: flex;
    justify-content: space-evenly;
}

.USP{
    color:black;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
margin-bottom: 45px;
}

.grizzly-text h1{
    margin-top: 20px;
}

.CTA-question{
    font-size: 16px;
    font-weight: 600;
  color:white!important;
}

.d-flex{
display: flex;
}
.USP-CTA-box{
    display: flex;
    justify-content: space-between;
    color:black;
}
.USP-CTA-box .tick {
color: black;
  font-size:20px!important;
}

.CTA-box{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.CTA-container{
    display: flex;
    gap: 10px;
  justify-content:center;
}

.grizzly-btn{
background-color: #54afe9 !important;
border: #54afe9 0.5px solid !important;
height: 150% !important;
padding: 0px 20px;
}

.grizzly-btn-2{
    background-color: transparent;
    border: 0.5px solid brown;
    color: black;
    height: 150% !important;
    padding: 0px 20px;
}

.grizzly-btn:hover{
    background-color: #ae8f6f !important;
    color: black !important;
    border: 0.5px solid white !important;
    }
    
    .grizzly-btn-2:hover{
        background-color:#ae8f6f;
        color: black;
        border: solid white 0.5px !important;
    }

    .maps{
        margin-bottom: 20px;
    }

    .brands{
        margin-top: 20px;
    }

    .line {
        margin: 10px auto;
        border: 0.5px solid whitesmoke;
    }
h3{padding-bottom: 20px;}
    @media screen and (max-width: 990px) {
        .grizzly-container{
            padding: 30px 20px;
        }

        .grizzly-btn{
            height: 150% !important;
            padding: 0px 10px;
            line-height: 1.5;
        }

        .grizzly-btn-2{
            height: 150% !important;
            padding: 0px 10px;
            line-height: 1.5;
        }


    }


    @media screen and (max-width: 750px) {
        .grizzly-container{
            flex-direction: column;
            align-items: center;
            
            padding: 30px 20px;
        }
      .USP-CTA-box{flex-direction: column;}
        .img-grizzly{
            display: none;
        }

        .grizzly-btn{
            height: 150% !important;
            padding: 0px 10px;
            line-height: 1.5;
        }

        .grizzly-btn-2{
            height: 150% !important;
            padding: 0px 10px;
            line-height: 1.5;
        }


    }

.categories {
  display: none;
}

.topnav, header {
  border-bottom: none;
}

nav.desktop .item .itemLink {
  text-transform: none;
}

.headline {
  margin-top: 20px;
}

.navigation {
    padding-top: 10px;
    padding-bottom: 0;
}

hr, hr.full-width {
  display: none;
}

.headline.single {
  margin-bottom: 0;
}

#formSearch {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .logo a img {
    width: 20%;
  }
  
	header.open nav {
        z-index: 0;
    }
  
  header nav, header.close nav {
    z-index: -1000;
  }
  
    .navigation .logo {
      padding: 0;
      border-bottom: 0;
    }
  
  .navigation .burger {
      border-bottom: 0;
  }
  
  .brands {
    display: block;
  }
}
