/* BS4 base styles */

/* CSS Document */



/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



body,

html {

  overflow-x: hidden;

}

body {

  font-family: sofia-pro, sans-serif;

  color: #000;

}

a {

  transition: color 0.5s ease;

  color: inherit;

}

a:hover {

  text-decoration: none;

}

h1,

h2,

h3 {

  font-weight: 800;

}

p,

#content ul,

#content ol {

  line-height: 1.4;

  font-size: 18px;

  font-weight: 300;

}

#Page_Title h1 {

  margin-top: 20px;

}

.bold {

  font-weight: 800;

}



#top-nav .marker-text {

  font-size: 2.1em;

}

/* Theme buttons */

.btn {

  margin-bottom: 5px;

  margin-top: 5px;

}



.offset-btn {

  text-align: center;

  margin-top: 15px;

  position: absolute;

  width: 100%;

  left: 0;

  z-index: 9;

}

section {

  padding: 50px 0 60px;

  position: relative;

}

#easel-content {

  padding: 0;

}



.no-animation {

  visibility: visible !important;

  opacity: 1 !important;

}

.full-width {

  position: relative;

}

.full-width:before {

  content: '';

  background: inherit;

  position: absolute;

  height: 100%;

  width: 200%;

  left: -50%;

  top: 0;

  z-index: -1;

}

.no-padding {

  padding: 0 !important;

}



.dark-blue-bg {

  background: #925226;

  width: 100%;

}

.form-control {

  border-radius: unset !important;

}



/* NAV 

-*--------------------------------------------------*/

/*sticky header position*/



header {

  position: absolute;

  width: 100%;

  z-index: 50;

}

#top-nav {

}

.is-sticky #bottom-nav {

  background: rgba(30, 90, 65, 0.9);

}

#bottom-nav {

  background: #333;

}

.main-nav-links .justify-content-between {

  flex-direction: row;

}

.navbar {

  box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.4);

  background: rgba(255, 255, 255, 0.8);

}

.sticky {

  transition: background 0.8s ease;

}

.sticky.is-sticky {

  position: fixed;

  left: 0;

  right: 0;

  z-index: 9999;

  width: 100%;

  top: 0;

}

.secondary-nav {

  margin-top: 0;

  transition: all 0.1s ease;

}



ul.navbar-nav {

  width: 100%;

  font-size: 1.2em;

}

.links-block a {

  transition: all 0.5s ease;

  padding: 13px 20px;

  display: block;

}



a.nav-link {

  color: inherit !important;

  padding-left: 0.75em !important;

  padding-right: 0.75em !important;

}



a.nav-link.active,

a.nav-link:hover {

  color: inherit !important;

}

.navbar-toggler {

  background: transparent;

  border-radius: 0;

  border: none !important;

}

.navbar-toggler-icon {

  width: 1.5em;

  background-size: 300% 130%;

}

.navbar-toggler:hover {

  background: #a8ad00;

}



#nav-caption h1 {

  font-family: 'Droid Serif', Georgia, Times, serif;

  color: #fff;

  font-weight: 300 !important;

  font-style: italic;

  font-size: 1.7em;

  margin-bottom: 0;

  text-transform: capitalize;

}

@media (min-width: 992px) {

  .navbar-toggler {

    display: none;

  }

}



/* --------------SVG LOGO ---------------------

*/

#logo-box {

  transition: height 0.5s ease;

}

.is-sticky #logo-box {

  /* height: 50px;*/

  height: 55px;

}



/* dropdown links 

------------------------------------------------*/



.blue-bg .row {

}

.dropdown-menu {

  background: #005d8c;

  padding: 50px 0 !important;

  font-size: 0.8em;

}



.dropdown-menu {

  color: #fff;

}



.dropdown-menu a {

  color: #fff !important;

  display: block;

}

.dropdown-menu a:hover {

  text-decoration: underline;

}

.dropdown-menu h5 {

  border-bottom: 1px solid #925226 !important;

  padding-bottom: 5px;

}

.dropdown-menu hr {

  border-top-color: #925226 !important;

}

.dropdown-menu.product-dropdown {

  padding: 0 !important;

}



.dark-blue-bg .row {

  background: rgba(0, 0, 0, 0);

  transition: background 0.5s ease;

}

a.dd-thumb {

  color: #fff !important;

  display: block;

  text-align: center;

  font-size: 1.2em;

  letter-spacing: 1px;

  padding: 35px 10px;

  margin: 10px;



  position: relative;

}

.dark-blue-bg a.dd-thumb {

  font-size: 1.1em;

}

a.dd-thumb:hover {

  background: rgba(0, 0, 0, 0.1);

  text-decoration: none !important;

  color: #fff !important;

}

a.dd-thumb img {

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  max-width: 90%;

}

a.dd-thumb span.product-text {

  margin-top: 10px;

  display: block;

  /* position: absolute;

    top: 70%;

    right: 0;

    text-shadow: 1px 1px 3px rgba(0,0,0,.5);

    padding: 5px 15px;*/

}

a.dd-thumb:hover img,

a.dd-thumb:focus img,

a.dd-thumb:active img {

  -webkit-transform: scale(1.05);

  transform: scale(1.05);

}



/* PEEKABOO SEARCH INPUT

-------------------------------------------------- */

#search {

  min-width: 44%;

}

.searchField {

  position: relative !important;

  height: 100%;

}

.searchField:hover .peek-search,

.peek-search:hover {

  width: 100% !important;

  opacity: 1;

}

#searchBtn {

  color: #000 !important;

  text-indent: 0 !important;

  right: 0 !important;

  left: auto !important;

  position: absolute !important;

  width: 40px;

  top: 0 !important;

  height: 35px;

  background: none;

  border: none;

}



@media (min-width: 992px) {

  nav {

    min-height: 75px;

  }

  .sticky.is-sticky .secondary-nav {

    margin-top: -45px;

    opacity: 0;

  }

  .dropdown.dropdown-hover:hover > .dropdown-menu {

    display: block;

    margin-top: 0 !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

  }

  ul.navbar-nav button.dropdown-toggle-split {

    display: none;

  }

  ul.navbar-nav li.nav-item {

    position: static !important;

  }



  .links-block,

  #navbarSupportedContent {

    position: unset;

    display: block !important;

  }

  .w-100 {

    left: 0;

    position: absolute;

    padding-top: 0px;

    padding-bottom: 0px;

  }

  .nav-item {

    /*padding-bottom: 5px;*/

  }

}

@media (max-width: 991px) {

  .dropdown-item {

    white-space: normal;

  }



  .sticky-wrapper {

    height: 0 !important;

  }

  #logo-box {

    flex: 1;

  }

  ul.navbar-nav {

    padding-bottom: 15px;

    flex-direction: column !important;

  }

  .links-block {

    position: relative;

    max-width: none !important;

  }

  .links-block a,

  li.nav-item a.nav-link {

    z-index: 99;

  }

  /*  .links-block:before{

        content: '';

    display: block;

    position: absolute;

    left: -50%;

    width: 100%;

    height: 100%;

    top: 0;

    z-index: 0;

    left: -150%;

    width: 315%;

        z-index:0;

    }*/

  .secondary-nav {

    position: relative;

    z-index: 2;

  }

  #search {

    min-width: 100% !important;

    margin-bottom: 25px;

  }

  .searchFieldInput.peek-search {

    opacity: 100;

    width: 100% !important;

    border-bottom: none !important;

    height: 45px !important;

  }

  #search-btn {

    display: none;

  }



  .dropdown-toggle-split::after,

  .dropright .dropdown-toggle-split::after,

  .dropup .dropdown-toggle-split::after {

    color: #fff;

  }

  li.nav-item,

  .secondary-nav {

    display: flex;

    flex-wrap: wrap;

  }



  btn.dropdown-toggle {

    margin: 0;

  }

}

@media (max-width: 576px) {

  .navbar-toggler {

    margin-right: 10px;

  }

  .border-top-mobile {

    border-top: 1px solid rgba(225, 225, 225, 0.5);

    margin-top: 8px;

  }

  #logo-box {

    height: auto;

  }

  #logo-box img {

    max-width: 130px;

  }

  #nav-caption {

    order: 3;

    width: 100%;

    margin-bottom: 15px;

    margin-top: 5px;

  }

  #nav-caption h1 {

    font-size: 1.5em;

    display: block;

    text-align: center;

    width: 100%;

  }

  button.navbar-toggler {

    order: 2;

  }

  section {

    padding: 50px 0;

    text-align: center;

  }

  h1 {

    font-size: 1.8em;

  }

  section .col-sm-6 {

    margin-bottom: 15px;

  }

  #floating-mat {

    position: relative !important;

    top: 0 !important;

  }

  #perspective-lay {

    order: 4;

  }

}



/* tempalte brand - links*/



.navbar-brand {

  height: 100%;

  position: relative;

}

.navbar-brand img {

  position: relative;

  z-index: 5;

}



/* secondary nav -------------------------------*/

#head-telephone {

  padding-left: 1.25em !important;

  padding-right: 1.25em !important;

}



/* social icons */

#header-social a.social-link {

  display: inline-block;

  margin-right: 3px;

  height: 32px;

  width: 32px;

  padding: 7px;

  background-color: rgba(24, 89, 138, 0);

  text-align: center;

  font-size: 1.25em;

  color: #000;

  transition: background-color 0.5s ease;

}

#header-social a.social-link:hover {

  color: #fff !important;

  background-color: rgba(24, 89, 138, 1);

}



#header-social a.social-link i {

  display: block;

  height: 100%;

  width: 100% !important;

}

#header-social a.social-link i:before {

  display: block;

}



@media (min-width: 992px) {

}

@media (max-width: 991px) {

}



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

  top: -45px;

  margin-bottom: -45px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-item .container {

  height: 100%;

  display: flex;

  align-items: center;

}

.carousel-caption {

  z-index: 10;

  background: rgba(255, 255, 255, 0.5);

  color: #000;

  padding: 15px 25px;

  margin-left: -25px;

  margin-right: -25px;

  position: relative;

  right: 0;

  left: 0;

  bottom: auto;

  margin-top: 150px;

}

.carousel-caption h1 {

  text-transform: uppercase;

  line-height: 1.1;

  margin-bottom: 5px;

}

.carousel-caption h4 {

  color: #000 !important;

}

.carousel-caption a.btn {

  position: absolute;

  bottom: -35px;

  right: 25px;

}



/* Declare heights because of positioning of img element */

.carousel-item {

  height: 85vh;

  max-height: 760px;

  min-height: 450px;

  background-color: #777;

}

.carousel-item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 100%;

  object-fit: cover;

}



.homepage-carousel .carousel-control-prev,

.homepage-carousel .carousel-control-next {

  font-size: 4em;

}

.homepage-carousel .carousel-control-prev {

  margin-left: -25px;

}

.homepage-carousel .carousel-control-next {

  margin-right: -25px;

}



/* FOOTER

-------------------------------------------------- */



#content {

  margin-bottom: 50px;

}

#footer-bar {

  background: #333;

  position: relative;

  margin-bottom: 30px;

  color: #ccc !important;

}

#footer-bar:before {

  background: #333;

  content: '';

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  left: -100%;

  top: 0;

}

#footer-bar:after {

  background: #333;

  content: '';

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  right: -100%;

  top: 0;

}

footer {

  background: rgba(0, 0, 0, 0.6);

  overflow-x: hidden;

}

#footer-company-info p {

  font-size: 14px;

  line-height: 1.2;

  margin-bottom: 8px;

}

#footer-company-info a {

  color: #fff;

}

#footer-company-info a:hover {

  text-decoration: underline;

  color: #666;

}

footer .footer-nav ul {

  list-style: none;

  padding-left: 0;

}



.footer-nav,

#footer-company-info {

  font-size: 0.9em;

}



footer #copyright {

  padding: 10px 0;

  align-items: center;

}

footer #copyright a {

  color: inherit;

}

footer #copyright a:hover {

  color: #005c8c;

}

footer #copyright p {

  margin-bottom: 0 !important;

  color: #4a4a4a;

}



#footer-logo {

  flex: 2;

  padding-top: 6px;

  padding-bottom: 6px;

}

#footer-logo img {

  max-height: 50px;

  margin-top: 9px;

  margin-bottom: 5px;

}

/* social icons */



#footer-social,

#footer-subscribe {

}

#footer-social {

  font-size: 1.5em;

}

#footer-social a.social-link {

  display: inline-block;

  margin-right: 3px;

  padding: 15px;

  background-color: rgba(24, 89, 138, 0);

  text-align: center;

  width: unset;

  height: unset;

  color: #fff;

  transition: background-color 0.5s ease;

}

#footer-social a.social-link:hover {

  color: #fff !important;

  background-color: rgba(30, 90, 65, 0.1);

}



#footer-sociall a.social-link i {

  display: block;

  height: 100%;

  width: 100% !important;

}

#footer-social a.social-link i:before {

  display: block;

}

#footer-subscribe {

  flex: 2;

}

#footer-subscribe form,

#footer-subscribe .form-group {

  height: 100%;

}

#footer-subscribe label {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

#footer-subscribe .form-group {

  display: flex;

  margin-bottom: 0;

}

#footer-subscribe .form-control {

  background: #ccc !important;

}

#footer-subscribe button.btn {

  margin: 0 !important;

  background: #000 !important;

}

#footer-subscribe button.btn:hover {

}

#footer-subscribe small#emailHelp {

  display: none;

}



/*////////////////////////

PRODUCT CAROUSEL - THUMBS 

////////////////////////////*/

#featured-products {

  position: relative;

}

#product-carousel .owl-stage {

  display: flex;

  flex-direction: row;

  height: 100%;

}

.owl-stage div.owl-item {

  height: 100% !important;

}

.thumb-container {

  height: 100%;

  position: relative;

  text-align: center;

  font-size: 0.85em;

  margin: 0 25px;

  line-height: 1.1;

}

.thumb-container img {

  display: block;

  width: 100%;

  height: 250px;

  object-fit: contain;

}

.owl-nav,

.owl-dots {

  height: 0;

}

.nav-btn {

  position: absolute;

  display: block;

  height: 30px;

  width: 30px;

  border-color: blue;

  top: 30%;

  z-index: 9;

}

.thumb-prev {

  border-left: 5px solid#bf8256;

  border-bottom: 5px solid#bf8256;

  transform: rotate(45deg);

  left: 0;

}

.thumb-prev:hover {

  opacity: 0.5;

}

.thumb-next {

  border-right: 5px solid#bf8256;

  border-bottom: 5px solid#bf8256;

  height: 30px;

  width: 30px;

  transform: rotate(-45deg);

  right: 0;

}



/*//////// FEATURE /////*/



.row#features {

  margin-left: -5px;

  margin-right: -5px;

}

.row#features [class^='col-'] {

  padding-left: 5px;

  padding-right: 5px;

}

.img-thumb {

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkQAX/GZH4/xkYGBhhAmAOSBJEwDkgAQCCrgQEjpMcPgAAAABJRU5ErkJggg==");

  background-size: 5.66px 5.66px;

  background-blend-mode: color;

  border-radius: 5px;

  padding: 9px;

}

.img-thumb a {

  background: rgba(0, 0, 0, 0.3);

  width: 100%;

  display: block;

  padding: 5px;

}

a span.thumb-caption {

  color: #fff;

  font-size: 1.1em;

  text-transform: uppercase;

  font-weight: bold;

}



/*//////////////////////////////////

MEDIA 

///////////////////////////////////*/



#contact-form form {

  position: relative;

  padding-top: 15px;

}



/*///////////////////////////////////

Media (news, blog, events) section 

///////////////////////////////////*/



section#media {

  background-image: url("https://tamarack.ai/images/site/notbokeh-1.jpg");

  position: relative;

  border-top: 10px solid #000;

}

#media:before {

  background: rgb(0, 0, 0);

  background: linear-gradient(

    180deg,

    rgba(0, 0, 0, 0.8) 0%,

    rgba(33, 27, 25, 0.85) 60%

  );

  content: '';

  height: 100%;

  width: 100%;

  display: block;

  position: absolute;

  top: 0;

}

section#media .BlogTitle h1 {

  font-size: 1.2em;

}

section#media .BlogTitle h1 a {

  color: #bf8256;

}

section#media .BlogTitle h1 a {

  color: #925226;

}

#media hr {

  display: none;

}

.media-footer-col {

  position: relative;

  padding-bottom: 55px;

}



.media-footer-col a.btn {

  position: absolute;

  bottom: 0;

  right: 15px;

}

@media (min-width: 992px) {

}

@media (min-width: 768px) and (max-width: 992px) {

}



/*///////////////////////

general 

////////////////////////*/

ul.checkmark li {

  background: url("https://tamarack.ai/images/checkmark.png") no-repeat 0 0%;

  padding-left: 40px;

  margin-left: -30px;

  list-style: none !important;

  text-transform: uppercase;

  font-size: 1.2em;

  line-height: 1.2;

  padding-bottom: 10px;

}



.tig-brush-benefits h4 {

  margin-bottom: 3px;

  margin-top: 18px;

}



.tig-brush-benefits .product-badges {

  text-align: center;

}

.tig-brush-benefits .product-badges img {

  margin-bottom: 30px;

  max-width: 80%;

  max-height: 150px;

}



/*/////////GALLEERY THUMBNAILS-*/

#wrapper_gallery.row,

.row.gallery-wrapper {

  margin-right: -5px;

  margin-left: -5px;

}

a.Gallerythumbnails.col-sm-4,

.gallery-item {

  padding: 0 5px !important;

  margin-bottom: 10px;

}

a.Gallerythumbnails img {

  width: 100%;

  height: 320px;

  object-fit: cover;

}



.gallery-thumb {

  display: block;

  height: 100%;

}

.gallery-item img {

  object-fit: cover;

  height: 100%;

  height: 320px;

  width: 100%;

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-property: transform;

  transition-property: transform;

}



.gallery-item:hover img {

  -webkit-transform: scale(1.05);

  transform: scale(1.05);

  transition: transform 0.5s ease;

}

.thumb-caption {

  display: block;

  background: rgba(0, 0, 0, 0);

  padding: 10px;

  position: absolute;

  bottom: 0;

  width: calc(100% - 10px);

  font-size: 1.2em;

  text-transform: uppercase;

  transition: all 0.4s ease;

  max-height: 50px;

  overflow: hidden;

  font-weight: 600;

}

.gallery-item:hover .thumb-caption {

  background: rgba(0, 0, 0, 0.85);

  transition: all 0.4s ease;

  max-height: 50%;

}

.project-link {

  font-family: 'Droid Serif', Georgia, Times, serif;

  font-weight: 300 !important;

  font-style: italic;

  font-size: 14px;

  color: #bf8256;

  text-transform: capitalize;

  opacity: 0;

  transition: opacity 0.5s ease;

  display: block;

  height: 0;

}

.project-link:hover {

  color: #e0b89c;

}

.gallery-item:hover .project-link {

  opacity: 1;

  height: auto;

  transition: opacity 0.1s ease;

}



@media (min-width: 576px) {

  #footer-social {

    padding-right: 0 !important;

  }

}



/* content 

--------------------------------------------------*/



/* LOGO CAROUSEL

-------------------------------------------------- */

.owl-item {

  padding: 15px;

  text-align: center;

}

.owl-item div img {

  max-width: 150px;

  margin-left: auto;

  margin-right: auto;

}

.owl-item span.owl-caption {

  margin-top: 5px !important;

  display: block;

}

#logo-carousel {

  border-top: 1px solid #eee;

}

#logo-carousel .owl-stage {

  display: flex;

  align-items: center;

}



/* End BS4 base styles */



main section {

  padding: 90px 0 90px;

}

header {

  position: relative !important;

}

.white-bg {

  color: #000;

  background-color: #fff;

}

.black-bg {

  background-color: #000;

  color: #fff;

}

.green1-bg {

  background-color: #b9d544;

}

.green2-bg {

  background-color: #a4b142;

  color: #fff;

}

.green3-bg {

  background-color: #506a34;

  color: #fff;

}

.green4-bg {

  background-color: #21351a;

  color: #fff;

}

.yellow-bg {

  background-color: #f2cf34;

}

.orange-bg {

  background-color: #e6942f;

  color: #fff;

}

.plum-bg {

  background-color: #7a2143;

  color: #fff;

}

.maroon-bg {

  background-color: #61150e;

  color: #fff;

}

.light-blue-bg {

  background-color: #9bbfe0;

}

.dark-blue-bg {

  background-color: #213d4d;

  color: white;

}

.green2-bg-half-top {

  background: #a4b142;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #a4b142 50%);

}

.green3-bg-half-top {

  background: #506a34;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #506a34 50%);

}

.green4-bg-half-top {

  background: #21351a;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #21351a 50%);

}

.dark-blue-bg-half-top {

  background: #213d4d;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #213d4d 50%);

}

.plum-bg-half-top {

  background: #7a2143;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #7a2143 50%);

}

.orange-bg-half-top {

  background: #e6942f;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #e6942f 50%);

}

.maroon-bg-half-top {

  background: #61150e;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #61150e 50%);

}

.light-blue-bg-half-top {

  background: #9bbfe0;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #9bbfe0 50%);

}

.light-blue-bg-half-bottom {

  background: #9bbfe0;

  background: linear-gradient(0deg, #9bbfe0 50%, rgba(255, 255, 255, 0) 50%);

}

.black-bg-half-top {

  background: #000;

  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, #000 50%);

}

.black-bg-half-bottom {

  background: #000;

  background: linear-gradient(0deg, #000 50%, rgba(255, 255, 255, 0) 50%);

}

.yellow-bg-half-top {

  background: #f2cf34;

  background: linear-gradient(0deg, #f2cf34 50%, rgba(255, 255, 255, 0) 50%);

}





@media (min-width: 768px) {

  .vh-33 {

    height: 33vh;

    min-height: auto;

  }

  .vh-50 {

    height: 50vh;

    min-height: auto;

  }

  .vh-75 {

    height: 75vh;

    min-height: auto;

  }

}

.bold {

  font-weight: 800;

}

.medium {

  font-weight: 500;

}

.light {

  font-weight: 100;

}

.large {

  font-size: 120%;

}

.small {

  font-size: 87%;

}

.white-text {

  color: #fff !important;

}

.black-text {

  color: #000 !important;

}

.text-white,

main .text-white a {

  color: #fff !important;

}

#back-to-top {

  background: #000 !important;

  color: #fff !important;

}

[class*='-bg'] a:not(.btn) {

  color: #fff;

}

[class*='-bg'] a:not(.btn):hover {

  color: #fff;

}



[class*='-bg'] .white-bg a:not(.btn),

[class*='-bg'] .white-bg a:not(.btn) {

  color: #000;

}

[class*='-bg'] a.black-text:not(.btn):before,

[class*='-bg'] a.black-text:not(.btn):after,

[class*='-bg'] .white-bg a:not(.btn):before,

[class*='-bg'] .white-bg a:not(.btn):after {

  background: #000;

}



[class*='-bg'] a:not(.btn):before,

[class*='-bg'] a:not(.btn):after {

  background: #fff;

}

main p > a {

  text-decoration: underline !important;

  text-underline-position: under;

  transition: all 0.5s ease;

}

main p > a:not(.btn):hover {

  opacity: 0.75;

  color: inherit !important;

}



main :not(p) > a {

  color: black;

  display: inline-block;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



/* transform: perspective(1px) translateZ(0);

was causing issues on some browsers in the navbar

... specifically the translateZ(0) */

.navbar-nav a {

  color: black;

  display: inline-block;

  -webkit-transform: perspective(1px);

  transform: perspective(1px);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



main :not(p) > a:hover,

.navbar-nav a:hover {

  color: #000;

}

main :not(p) > a.nav-link:before,

.navbar-nav a.nav-link:before {

  content: '';

  position: absolute;

  z-index: -1;

  height: 2px;

  left: 0;

  right: 0;

  bottom: 0;

  background: #000;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}



.navbar-nav a.btn {

  margin-top: 0;

  margin-bottom: 0;

  padding: 9px 15px;

  display: flex;

  align-items: center;

}

main .text-white a:before {

  background: #fff !important;

}

main :not(p) > a:hover:before,

.navbar-nav a:hover:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

a.no-underline {

  text-decoration: none !important;

}

a.no-underline:before {

  display: none;

}

a.no-underline:hover {

  cursor: pointer;

}

.block-hover:hover {

  box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.08);

}

div > .invisi-link {

  opacity: 0;

  transition: all 0.5s ease;

}

div:hover > .invisi-link {

  opacity: 1;

}



.dropdown-menu {

  font-size: inherit !important;

}

.dropdown-menu a {

  padding: 8px 0;

}

.dropdown-menu a:hover {

  text-decoration: none;

}

.dropdown-item:focus,

.dropdown-item:hover {

  background: none;

}

.dropdown-menu h5 {

  border-bottom: none !important;

}

.dropdown-menu hr {

  border-top-color: #fff !important;

}

.dropdown-toggle::after {

  vertical-align: 0.15em !important;

}

@media (min-width: 992px) {

  .dropdown-toggle::after {

    display: none;

  }

  a.collapse-btn {

    display: none;

  }

  #search-box {

    position: absolute;

    background: #000;

    width: 100%;

    left: 0;

    top: 100%;

    height: 0;

    overflow: hidden;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

  }

  .search-box-toggle {

    display: flex !important;

    min-height: calc(38px + 2rem) !important;

    padding-top: 1rem;

    padding-bottom: 1rem;

  }

}

/*

main p > a:after {

  content: '';

  position: absolute;

  height: 1px;

  width: 100%;

  background: #000;

  bottom: -1px;

  left: 0;

}

main p > a:before {

  bottom: -2px;

  height: .13em;

}

*/



[type='button'],

[type='submit'],

button,

.jf-form-buttons {

  background: transparent;

}

input.btn:hover {

  background: #000 !important;

}

main .card a {

  color: #000;

}



.btn,

.jf-form-buttons {

  text-decoration: none !important;

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  border-radius: 0;

  border: 2px solid #000;

  text-transform: uppercase;

  color: inherit;

}

.btn:before,

.jf-form-buttons:before {

  content: '';

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0px;

  right: 0px;

  bottom: 0;

  height: 100%;

  background: #000;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.btn:hover,

.btn:focus,

.btn:active,

.jf-form-buttons:hover,

.jf-form-buttons:focus,

.jf-form-buttons:active {

  color: white !important;

}

.btn:hover:before,

.btn:focus:before,

.btn:active:before,

.jf-form-buttons:hover:before,

.jf-form-buttons:focus:before,

.jf-form-buttons:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}



.btn-white,

.black-bg .jf-form-buttons {

  color: #fff !important;

  border-color: #fff !important;

}

.btn-white:hover,

.black-bg .jf-form-buttons:hover {

  color: #000 !important;

}

.btn-white:before,

.black-bg .jf-form-buttons:before {

  background: #fff !important;

}

#content {

  margin-bottom: 0 !important;

}

p,

#content ul,

#content ol {

  font-size: 20px !important;

}

.leadinModal-description-body p {

  font-size: unset !important;

}

.arrow-link:after {

  content: '';

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E");

  padding-left: 1px;

  display: inline-block;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  width: 1em;

  height: 0.8em;

  background-repeat: no-repeat;

  margin-left: 9px;

  margin-bottom: -1px;

  background-size: contain;

}

/*

.arrow-link:hover:after {

  -webkit-animation-name: hvr-icon-right;

  animation-name: hvr-icon-right;

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}

@-webkit-keyframes hvr-icon-right {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(6px);

    transform: translateX(6px);

  }

}

@keyframes hvr-icon-down {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(6px);

    transform: translateX(6px);

  }

}

*/

.navbar {

  background: #ffffff;

  margin-top: -1px;

  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

}

.navbar ul.navbar-nav > li > a {

  font-weight: 100;

}

/* 2023 nav updates */

.navbar ul.navbar-nav#nav2023 > li > a {

  font-weight: 400;

}

.navbar #logo-box #wordmark {

  display: block;

  max-height: 35px;

}

.navbar #logo-box #logomark {

  display: none;

}

.navbar #logo-box a {

  display: block;

  height: inherit;

}

.navbar #logo-box a img {

  height: inherit;

}

.navbar.sticky.is-sticky {

  border-bottom: 1px solid #eee;

  transition: all 0.5s ease;

}

.is-sticky.hide-nav {

  top: -73px;

}

.hide-nav-no {

  top: 0 !important;

}

/*

.navbar.sticky.is-sticky .nav-item a {

  padding: 5px 20px;

}*/

.navbar.sticky.is-sticky #logo-box #wordmark {

  display: none;

}

.navbar.sticky.is-sticky #logo-box #logomark {

  display: block;

  /* max-height: 45px;*/

  max-height: 55px;

}

@media (max-width: 991px) {

  ul.navbar-nav {

    /* height: calc(100vh) !important;

    justify-content: center !important;*/

  }

  .full-height {

    height: calc(100vh + 73px);

    overflow: scroll;

  }

  .scroll-sub {

    overflow-y: scroll;

    height: 100vh;

    overflow-x: hidden;

    align-items: flex-start !important;

  }

  .no-scroll {

    overflow: hidden;

  }

}

#hero .slide-content h1 {

  color: #fff;

  font-size: 4.5em;

  line-height: 1;

}

#hero .slide-content span h1 {

  color: #fff;

  /*font-size: inherit !important;*/

  line-height: 1;

}

#hero .slide-content h3 {

  font-size: 2.8em;

  color: #fff;

  line-height: 1;

}

#hero .swiper-pagination-bullet {

  background: black;

}

#hero .swiper-pagination-bullet-active {

  background: white;

}

#hero.internal {

  padding-top: 0 !important;

}

.card {

  border-radius: 0;

  border: 0;

  color: #000;

  display: block;

}

.shadow {

  box-shadow: 0 0.2rem 1rem 0rem rgba(0, 0, 0, 0.1) !important;

}

.absolute-left {

  position: absolute;

  left: 0;

  height: 100%;

  padding: 10px 0;

  top: 0;

  overflow: hidden;

}

.absolute-left img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.absolute-right {

  position: absolute;

  right: 0;

  height: 100%;

  padding: 10px 0;

  top: 0;

  overflow: hidden;

}

.absolute-right img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.testimonials-nav {

  display: block;

  height: 25px;

  margin-top: 50px;

}

.testimonials-swiper .swiper-slide {

  width: 100%;

}

.testimonials-nav .swiper-button-next,

.testimonials-nav .swiper-button-prev {

  height: 25px;

  width: 25px;

  position: relative;

  background-size: unset;

  right: unset;

  left: unset;

}

.testimonials-nav .swiper-button-next {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E");

}

.testimonials-nav .swiper-button-prev {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E");

}

.testimonials-nav .swiper-pagination-progressbar {

  position: relative;

  width: 100%;

  height: 2px;

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  background: #000 !important;

}

.testimonial-text {

  font-size: 1.75em !important;

  font-weight: 800;

  line-height: 1.7;

}

.testimonial-text:before {

  position: absolute;

  top: -10%;

  left: -10%;

}

footer {

  background-color: white !important;

  color: #000;

}

footer a {

  color: #000 !important;

}

footer a:hover {

  opacity: 0.8;

}

#footer-social a.social-link {

  padding: 10px 15px;

}

#footer-social a.social-link:hover {

  color: #fff !important;

  background-color: #000 !important;

}

#footer-subscribe button.btn {

  border: none;

}

.grecaptcha-badge {

  opacity: 0;

}

iframe .hs-button {

  background: #000 !important;

  color: #fff !important;

}

.hs_submit div.actions {

  padding: 0 !important;

}

@media (max-width: 576px) {

  button.navbar-toggler {

    order: initial !important;

  }

  .links-block {

    order: 3 !important;

  }

}



@media (max-width: 991px) {

  .dropdown-menu {

    position: relative !important;

    border: none !important;

  }

}

#request-form.fancybox-content {

  width: 75vw;

  background: #000 !important;

}



#request-form #JotFormIFrame {

  width: 100%;

  border: none;

  height: calc(100% - 100px);

}

@media (max-width: 767px) {

  #request-form.fancybox-content {

    width: 90vw;

  }

}



.icon-knock-out {

  mask-image: url("/assets/1b78c24f924b-tamarack-icon-mask.svg");

  -webkit-mask-image: url("/assets/1b78c24f924b-tamarack-icon-mask.svg");

  -webkit-mask-size: cover;

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: center;

}



.block-behind:before {

  content: '';

  display: block;

  width: 100%;

  height: calc(100% + 30px);

  position: absolute;

  top: -15px;

  background: #61150e;

  z-index: -1;

  left: 15px;

  height: 100%;

  top: 15px;

}

.feature-blog-box {

  position: relative;

  height: 100%;

  background-position: center !important;

}

.feature-blog-box:before {

  content: '';

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.5);

  display: block;

  height: 100%;

  z-index: 0;

}



.square {

  position: relative;

  display: block;

  width: 100%;

  padding-bottom: 100%;

}



.square > .feature-blog-box {

  height: 100%;

  object-fit: cover;

  width: 100%;

  position: absolute !important;

  top: 0;

  left: 0;

}

@media (max-width: 1300px) and (min-width: 992px) {

  #canopy-feed .BlogTitle h2 {

    font-size: 1.5rem;

  }

}

@media (min-width: 576px) and (max-width: 650px) {

  #canopy-feed .BlogTitle h2 {

    font-size: 1.75rem;

  }

}

@media (max-width: 576px) {

  #canopy-feed .BlogTitle h2 {

    font-size: 1.25rem;

  }

  #canopy-feed .BlogText {

    font-size: 0.75em;

  }

  .dropdown-item {

    padding: 0;

    font-weight: 100;

  }

  .dropdown-menu {

    padding: 25px 0 !important;

  }

}

.navbar-nav a.collapse-btn:before {

  content: none !important;

}

.navbar-nav a.collapse-btn:active,

.navbar-nav a.collapse-btn:hover {

  color: #a4b142 !important;

}



#canopy-feed .BlogText {

  line-height: 1.4 !important;

}

#canopy-feed .square {

}



@media (max-width: 575px) {

  .no-container {

    width: 100vw;

    margin-left: -15px;

    margin-right: -15px;

  }

}

@media (min-width: 576px) {

  .no-container {

    width: 100vw;

    margin-left: calc(-100vw / 2 + 510px / 2);

    margin-right: calc(-100vw / 2 + 510px / 2);

  }

}

@media (min-width: 768px) {

  .no-container {

    width: 100vw;

    margin-left: calc(-100vw / 2 + 690px / 2);

    margin-right: calc(-100vw / 2 + 690px / 2);

  }

}



@media (min-width: 992px) {

  .no-container {

    width: 100vw;

    margin-left: calc(-100vw / 2 + 930px / 2);

    margin-right: calc(-100vw / 2 + 930px / 2);

  }

}



@media (min-width: 1200px) {

  .no-container {

    width: 100vw;

    margin-left: calc(-100vw / 2 + 1110px / 2);

    margin-right: calc(-100vw / 2 + 1110px / 2);

  }

}

@media (max-width: 576px) {

  section {

    text-align: left;

  }

}



.block-image-l {

  position: absolute;

  height: 75%;

  bottom: 0;

  width: 50vw;

  left: 0;

  object-fit: cover;

}

.block-image-r {

  position: absolute;

  height: 75%;

  bottom: 0;

  width: 50vw;

  object-fit: cover;

  right: 0;

}

.leadinModal-theme-bottom-right-corner .leadinModal .dyno-image {

  height: 166px;

  margin-left: -1.5em;

  margin-top: -1em;

  width: 120px !important;

}

#leadinModal-964371 .leadinModal .dyno-image {

  height: 164px;

  margin-left: -3.5em;

  margin-top: -3em;

  width: 140px !important;

  margin-bottom: -1em !important;

}

.dyno-image-inner {

  height: 100% !important;

  width: 100% !important;

}

.leadinModal-theme-bottom-right-corner .dyno-image-inner img {

  height: 100% !important;

  width: 100% !important;

  object-fit: cover;

  max-width: unset !important;

}

.leadin-button {

  border-radius: 0 !important;

  text-transform: uppercase !important;

  font-weight: 800 !important;

}



.table-striped tbody tr:nth-of-type(odd) {

  background-color: unset !important;

}

.table-striped tbody tr:nth-of-type(even) {

  background-color: rgba(0, 0, 0, 0.05);

}

.table td,

.table th {

  border-top: 2px solid #bfbfbf;

}

.table thead th {

  border-top: none !important;

}

.table tr:last-of-type td,

.table tr:last-of-type th {

  border-bottom: 2px solid #bfbfbf;

}