.blog-wrapper {
  min-height: 100%;
}

.blog-main {
  width: 100%;
  max-width: 1170px;
  margin: auto;
}

.blog-banner {
  width: 100%;
  /* max-width: 1170px; */
  margin-left: auto;
  margin-right: auto;
  padding-top: 36px;
  padding-bottom: 36px;
  min-height: 180px;
  /* background: black; */
  /* background: rgb(64, 64, 64); */
  /* border-bottom: 4px solid #006940; */
  color: #006940;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: -36px;
  margin-top: -2px;
}

#tab2 a {
  color: white;
}

.design-resources__content-miniTitle h2 {
  text-align: center;
}

.design-resources__content-miniTitle {
  width: 100%;
}

.blog-main .content {
  padding: 0;
}

.blog-main .products-main-banner h1 {
  margin-top: 0 !important;
}

.blog-banner h1 {
  margin-top: 0;
  color: rgb(64, 64, 64);
  font-weight: bold;
  text-transform: uppercase;
}

.clear-space {
  margin-bottom: 38px !important;
}

@media (max-width: 960px) {
  .clear-space {
    margin-bottom: 55px !important;
  }
}

.blog-tabs {
  width: 100%;
  /* padding-left: 5%;
    padding-right: 5%; */
  display: flex;
  align-items: flex-start;
}

.blog-tabs .list-mini-content {
  display: none;
}

.blog-tabs .list-mini-content.first-mini-content {
  display: none;
}

.nav-btn-wrapper {
  background: white;
  overflow: hidden;
  transition: width 0.2s;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -ms-transition: width 0.2s;
  -o-transition: width 0.2s;
}

.nav-btn-wrapper p {
  margin-top: 1rem;
  font-size: 14px;
}

.blog-nav {
  display: block;
  width: 250px;
  position: relative;
  left: 0%;
  top: 0;
  transition: left 0.3s;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -ms-transition: left 0.3s;
  -o-transition: left 0.3s;
}

.blog-nav li {
  list-style: none;
  border: 1px solid #006940;
}

.blog-nav li h3 {
  cursor: pointer;
  background: #006940;
  color: white;
  padding: 5px;
  display: block;
  margin: 0;
  position: relative;
  font-size: 14px;
}
.blog-nav li:hover h3 {
  background: #00a86b;
  border-color: #00a86b;
}

.blog-nav li:not(:last-of-type) h3 {
  border-bottom: 1px solid white;
}

.blog-nav li h3 span {
  display: inline;
  margin-left: auto;
  position: absolute;
  right: 10px;
}

.blog-content {
  flex: 1 1;
  /* border:1px solid #006940; */
  padding-left: 2rem;
  padding-right: 2rem;
  max-width: 100%;
}

.blog-tabs .list-mini-content {
  width: 100%;
  padding: 10px;
}

.blog-tabs .list-mini-content a {
  color: #006940;
  font-weight: bold;
}

.blog-tabs .list-mini-content .tab-img {
  width: 100%;
  height: auto;
}

.nav-btn-box {
  width: 100%;
  max-width: 1170px;
  margin: auto;
  margin-top: 6px;
}

.blog-posts-btn i {
  color: white !important;
  margin-right: 10px;
}
.blog-posts-btn {
  display: inline-block;
  cursor: pointer;
  position: relative;
  /* left: -150%;
   top: -150%; */

  color: white;
  background: #006940;
  padding: 10px 15px;
  z-index: 4;
  width: 250px;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 5px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.blog-posts-btn:hover {
  background: #00a86b;
}

#tab2 ul {
  display: block;
}

@media (max-width: 950px) {
  .nav-btn-box {
    width: 100%;
    max-width: 1170px;
    margin: 36px auto;
  }
}

@media (max-width: 830px) {
  .nav-btn-box {
    width: 100%;
    max-width: 1170px;
    margin: 6px auto;
  }

  .blog-tabs {
    flex-direction: column;
    width: 100%;
  }

  .blog-nav {
    width: 100%;
  }

  .blog-tabs .list-mini-content .tab-img {
    display: none;
  }

  .nav-btn-wrapper {
    width: 100%;
    margin-bottom: 36px;
  }

  .list-mini-content {
    padding: 0 !important;
    /* pointer-events: none; */
  }

  .list-mini-content p {
    display: none;
  }

  .blog-nav li {
    position: relative;
  }

  .list-mini-content a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 15;
    opacity: 0;
  }

  .blog-nav li h3 span {
    display: none;
  }
}

.big-list-content-box {
}

.big-list-content-box h1.big-list-content-title {
  font-weight: bold;
  margin: 36px auto;
  text-align: center;
  text-transform: uppercase;
}

.big-list-content-box .big-list-content-description {
  text-align: center;
}

.big-list-content-box .big-list-content-description h2 {
  margin-bottom: 18px;
  font-weight: bold;
}

.big-list-content-box .big-list-content-description > p {
  margin-bottom: 0;
}

.big-list-content-box ul {
  list-style: none;
}

.big-list-content-box > ul {
  margin-top: 36px;
}

.big-list-content-box ul li {
  margin: 9px 0;
}

.big-list-content-box > ul > li h2 {
  font-weight: bold;
  margin: 18px 0;
}

.big-list-content-box > ul > li > ul > li h3 {
  margin: 18px 0;
}

.big-list-content-box > ul li > ul {
  margin-left: 72px;
}

.big-list-content-box > ul li > ul li > ul {
  margin-left: 72px;
}

.big-list-content-box .summary {
  margin: 72px 0 0 0;
}

.big-list-content-box .summary h3 {
  margin: 18px 0;
}

.big-list-content-box .summary h3.signiture {
  font-weight: 300;
}

.big-list-content-box .summary .plug-img-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.big-list-content-box .summary .plug-img-wrapper img {
  flex: 1 1 300px;
  width: 100%;
  max-width: 550px;
  margin: 18px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}

/* BLOG 2 */
.blog-banner.blog2 {
  background-image: url(../images/blog/blog-banner-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-banner.blog2 h1 {
  color: #006940;
  /* background: rgba(0, 0, 0,.5);
    padding:1rem; */
  text-shadow: -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white;
}

.blog2-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* max-width: 1180px; */
  width: 100%;
  overflow-y: hidden;

  margin: 36px 0;
  margin-top: 36px;
  margin-top: 0;
}
.blog2-wrap {
  width: calc((100% / 3) - 3rem);
  margin: 1.5rem;
}

.blog2-card {
  width: 100%;
  border: 1px #bbb solid;
  box-shadow: #aaa 0 0 10px;
  /* padding: 0 0 40px 0; */
  position: relative;
  display: inline-block;
  text-decoration: none !important;
}
.blog2-image {
  height: 240px;
  width: 100%;
  object-fit: cover;
}

.blog2-title {
  font-size: 2rem;
  margin-top: 16px;
  padding: 0 16px;
  color: #006940;
}
.blog2-title-text {
  min-height: 84px;
}

.blog2-bottom-bar {
  transition: background-color 0.2s ease-out;
  background: #006940;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 16px;
}
.inner-date {
  position: absolute;
  top: -130%;
  right: 2%;
  color: #006940;
}

.blog2-read-button {
  display: inline-block;
  margin: auto;
  transition: background-color 0.2s ease-out;
  position: relative;
  /* right: 0;
    bottom: 0; */
  font-size: 1.2em;
  background: #006940;
  padding: 10px 32px;
  color: white;
}

.blog2-card:hover .blog2-title {
  color: #00a86b;
}
.blog2-card:hover .blog2-bottom-bar,
.blog2-card:hover .blog2-read-button {
  background: #00a86b;
}

@media (max-width: 860px) {
  .blog2-wrap {
    width: calc((100% / 2) - 3rem);
  }
  .blog2-title {
    font-size: 1.7rem;
  }
}

@media (max-width: 600px) {
  .blog2-image {
    height: 150px;
  }
  .blog2-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 420px) {
  .blog2-wrap {
    width: calc(100% - 2rem);
    margin: 1rem 0;
  }
  .blog2-title-text {
    min-height: 60px;
  }
}
.search-grp,
.blog2-search-box {
  max-width: 1180px;
  width: 100% !important;
  /* margin: 36px 0; */
  padding: 0 2rem;
  display: flex;
}

.blog2-search-box {
  margin: 36px 0;
}

.search-grp {
  margin-right: auto !important;
}
.search-grp button i {
  display: inline-block !important;
}
.blog2-search-box > div.categories,
.blog2-search-box > div.tags {
  position: relative;
  width: 50%;
  max-width: 240px;
  margin-right: 1rem;
}
@media (max-width: 825px) {
  .blog2-search-box > div.categories,
  .blog2-search-box > div.tags {
    max-width: 160px;
  }
}
@media (max-width: 635px) {
  .blog2-search-box > div.categories,
  .blog2-search-box > div.tags {
    max-width: 130px;
  }
  .blog2-search-box {
    padding: 0;
  }
}

.blog2-search-box > div.search-grp {
  width: 100%;
  max-width: 550px !important;
}
.blog2-search-box > div.search-grp > div {
  margin-right: 1rem;
  width: 50%;
  max-width: 260px !important;
  position: relative;
}

@media (max-width: 650px) {
  .blog2-search-box.u-wrap {
    flex-wrap: wrap;
  }
  .search-grp {
    width: 100%;
    max-width: 100%;
  }
  .selected_grp {
    width: 100%;
  }
}

.search-grp button,
.blog2-search-box button {
  display: block;
  padding: 10px 15px;
  font-weight: bold;
  border: none;
  color: white;
  background: #006940;
  border-radius: 5px;
  font-size: 14px;
  /* width:50%; */
  width: 100%;
}
.search-grp button:hover,
.blog2-search-box button:hover {
  background: #00a86b;
}

@media (max-width: 550px) {
  .blog2-search-box {
    max-width: 1180px;
    width: 100% !important;
    margin: 36px 0;
    padding: 0 0rem;
    display: flex;
  }
  .contact-btn-wrapper {
    display: none !important;
  }

  .blog2-search-box > div:last-of-type {
    margin-right: 0rem;
  }
  .blog2-search-box > div:first-of-type {
    /* width: 20%; */
  }
  .blog2-search-box > div:first-of-type button i {
    display: none;
  }
  .blog2-search-box button {
    font-size: 1.2rem;
  }
}

/* @media (max-width: 420px) {
    .blog2-search-box {
        padding: 0 1rem;
    }
} */

.blog2-search-box .dropdown {
  list-style: none;
  background: rgb(236, 234, 234);
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99;
  width: 100%;
  max-width: 240px;
}
.blog2-search-box .dropdown li {
  cursor: pointer;
  padding: 5px;
}
.blog2-search-box .dropdown a {
  color: #006940;
  display: block;
}
/* .blog2-search-box .dropdown li:active, */
.search-grp .dropdown li:hover a,
.search-grp .dropdown li:hover,
.blog2-search-box .dropdown li:hover a,
.blog2-search-box .dropdown li:hover {
  color: white;
  background: #00a86b;
}
.blog2-search-box .dropdown li:not(:last-of-type) {
  border-bottom: 1px solid white;
}

.blog2-search-box > div > .dropdown {
}
/* .blog2-search-box > div:active > .dropdown , */
.search-grp > div:hover > .dropdown,
.blog2-search-box > div:hover > .dropdown {
  display: block;
}

.blog-article {
  max-width: 1180px;
  width: 90% !important;
  margin: 36px auto;
}
.blog-article .article-content {
}
.article-pdf-link i {
  color: red;
}
.article-pdf-link {
  margin-bottom: 36px;
}
.article-content ul {
  position: relative;
  display: inline-block;
  list-style: none;
  margin-left: 20%;
}
.article-content ul li::before {
  position: absolute;
  left: -25px;
  font-weight: bold;
  padding-right: 5px;
  content: "\2713";
  color: #006940;
}
.blog-article .article-content .floating-content-wrapper .floating-img-box,
.blog-article .article-content .floating-content-wrapper .floating-img {
  width: 50%;
  max-width: 500px;
  float: right;
  margin: 0 0rem 36px 36px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 1);
}
.blog-article .article-content .floating-content-wrapper .floating-img-box {
  box-shadow: none;
}
.blog-article .article-content .floating-content-wrapper .floating-img-box h4 {
  max-width: 100%;
  /* border-top: 1px solid #333; */
  /* padding-top: 10px; */
  margin-top: 16px;
}
.blog-article
  .article-content
  .floating-content-wrapper
  .floating-img-box
  .floating-img {
  width: 100%;
  float: none;
  margin: 0;
  /* margin-bottom: 10px; */
}
.blog-article .article-content .floating-content-wrapper::after {
  content: "";
  clear: both;
  display: table;
}

.image-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.image-box img {
  width: calc(50% - 2rem);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 1);
  /* max-width: 400px; */
  /* margin: 2rem; */
}
.image-box .box-with-title {
  width: calc(50% - 2rem);
  /* max-width: 400px; */
  /* margin: 2rem; */
}
.image-box .box-with-title h4 {
  margin-top: 16px;
  max-width: 100%;
  /* border-top: 1px solid #333; */
  /* padding-top: 10px; */
}
.image-box .box-with-title img {
  width: 100%;
}

@media (max-width: 600px) {
  .image-box .box-with-title,
  .image-box img {
    width: calc(50% - 1rem);
    /* max-width: 400px; */
    /* margin: 2rem; */
  }
}
@media (max-width: 450px) {
  .image-box {
    flex-direction: column;
    margin-top: 36px;
  }
  .image-box .box-with-title,
  .image-box img {
    width: 100%;
    margin-bottom: 2rem;
    /* max-width: 400px; */
    /* margin: 2rem; */
  }
}

.blog2-wrap {
  --x: 0%;
  --y: 0%;
  --scaleEl: 1;
  transform: translate(var(--x), var(--y)) scale(var(--scaleEl));
  /*   transition:all 1s; */
}

.article-date {
  display: inline-block;
  padding: 0.5rem 1rem;
  /* background: #006940; */
  color: #006940;
  margin-bottom: 1rem;
  border-radius: 5px;
  font-size: 1.7rem;
}

.info-wrapper {
  margin-top: 36px;
  margin-bottom: 150px;
}
.info-groups {
  margin-bottom: 2rem;
}
.info-groups h2 {
  /* color: #006940; */
  font-weight: bold;
  margin-bottom: 1rem;
}
.info-groups ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.info-groups ul li {
}
.info-groups ul a {
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  background: #006940;
  border-radius: 5px;
  color: white;
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-groups ul a:hover {
  background: #00a86b;
}

.article-author-wrapper {
  margin-bottom: 80px;
}
.article-author-wrapper h2 {
  font-weight: bold;
  color: #006940;
  margin-bottom: 1rem;
}

.blog2-search-box > div.selected_grp,
.blog2-search-box.u-wrap > div.selected_grp {
  display: flex;
  align-items: center;
  margin-left: 25px;
  width: auto !important;
  max-width: auto !important;
  margin-right: 0 !important;
}
.selected_grp p {
  margin-bottom: 0;
}
.selected_grp p span {
  color: #006940;
  font-weight: bold;
}
.selected_grp p:first-of-type {
  margin-right: 1rem;
}

.back-btn-wrapper {
  margin-right: 1rem;
}
.contact-btn-wrapper {
  display: block;
  padding: 10px 15px;
  font-weight: bold;
  border: none;
  color: white;
  background: #006940;
  border-radius: 5px;
  font-size: 14px;
}
.contact-btn-wrapper a {
  color: white;
}

.blog-breadcrumb-wrapper {
  padding: 0 4rem 2rem 4rem;
}

button[disabled] {
  background: gray;
  color: black;
  pointer-events: none;
  opacity: 0.5;
}

.contact-msg-wrapper h2 a:hover {
  color: red !important;
  text-decoration: underline !important;
}

.article-content .text-wrapper {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.article-content .text-wrapper .left-content {
  margin-right: 36px;
  width: 80%;
}
.article-content .text-wrapper .left-content p {
}
.article-content .text-wrapper .left-content .img-wrapper {
  width: 100%;
  max-width: 450px;
  margin-top: 36px;
}
.article-content .text-wrapper .left-content img {
  box-shadow: 0 5px 10px rgb(0 0 0);
  width: 100%;
}
.article-content .text-wrapper .right-content {
  width: 20%;
  max-width: 200px;
}
.article-content .text-wrapper .left-content .img-wrapper h4,
.article-content .text-wrapper .right-content .img-wrapper h4 {
  margin-top: 2rem;
}
.article-content .text-wrapper .right-content img {
  box-shadow: 0 5px 10px rgb(0 0 0);
  width: 100%;
  /* min-width: 150px; */
}

@media (max-width: 760px) {
  .article-content .text-wrapper .left-content {
    /* flex: 1 1 50%; */
    width: 60%;
  }
  .article-content .text-wrapper .right-content {
    min-width: 200px;
  }
}
@media (max-width: 500px) {
  .article-content .text-wrapper {
    flex-direction: column;
  }
  .article-content .text-wrapper .left-content {
    /* flex: 1 1 50%; */
    width: 100%;
  }
  .article-content .text-wrapper .right-content {
    min-width: 100%;
    align-self: center;
    margin-top: 36px;
  }
  .article-content .text-wrapper .right-content .img-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .article-content .text-wrapper .right-content img {
    text-align: center;
    max-width: 200px;
  }
}

.quick-quote-box {
  background: #006940;
  color: white;
  padding: 36px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.quick-quote-box a {
  color: white;
  text-decoration: underline;
  /* text-decoration: none; */
}








/* TEMPLATE 2 */
.article-content-2{
  display: flex;
  justify-content: space-between;
}
.split-2>div{
  width: calc(50% - 18px);
}
.split-2>div img{
  width: 100%;
  box-shadow: 0 5px 10px rgb(0 0 0);
}


.conclusion-split{
  display: flex;
  justify-content: space-between;
}
.conclusion-split p{
  width: calc(45%);
}

@media(max-width:550px){
  .split-2{
    flex-direction: column;
    width: 100%;
  }

  .split-2>div{
    width: 100%;
    margin-bottom:1.8rem;
  }
}
@media(max-width:450px){
 
.conclusion-split{
  flex-direction: column;
}
.conclusion-split p{
  width: calc(100%);
}
}