body {
font-family: 'Jost', sans-serif;
font-size: 1rem;
color: #232323;
font-weight: 300;
}

a {
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
  color: #111;
}

a:hover {
text-decoration: none;
color: #000;
}

h1, h2, h3, h4, h5, h6 {
color: #111;
font-weight: 400;
}

h1, h2, h3, #picandtext h4 {
font-family: 'Ropa Sans', sans-serif;
}

p, ul {
font-size: 1.1rem;
line-height: 1.6;
}

/* NAv */

.navbar-light .navbar-nav .nav-link {
    font-size: .88rem;
}
.navbar-nav li a {
text-transform: uppercase;
letter-spacing: 2px;
}

.navbar-brand img {
height: 40px;
width: auto;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
}
 
.navbar-light .navbar-toggler:focus {
    background: none;
    outline: 0;
}
 
.navbar-light .navbar-toggler span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background: #000;
    transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
 
 .navbar-light .navbar-nav .nav-link {
 padding: 0.8rem 1rem;
/* font-size: 1rem;*/
 color: rgba(0, 0, 0, 0.9);
 transition: 0.3s;
 }
 
  .navbar-light .navbar-nav .nav-link:hover {
background-color: #7d7d7b;
color: #fff;
 }
 /*
.navbar-light .navbar-toggler:hover span,
.navbar-light .navbar-toggler:focus span {
    background: #ccc;
}*/
 
/* rotate first span */
.navbar-light .navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(6px, 6px);
}
 
/* hide second span */
.navbar-light .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
}
 
/* rotate third span */
.navbar-light .navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(5px, -5px);
}
 
.navbar-light .navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
}

.loginbar i {
font-size: 1.48rem;
}


.loginbar a ion-icon {
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
  color: gray;
}

.loginbar a:hover ion-icon.fbicon {
color: #3578E5;
}


.loginbar a:hover ion-icon.liicon {
color: #2867b2;
}


.navbar form .input-group input  {
font-weight: 300;
}

.navbar form .input-group button {
font-size: .8rem;
}

.navbar input {
    padding-left: 40px;
    padding-right: 20px;
    }


.navbar form span.search-icon {
    position: absolute;
    z-index: 9;
    font-size: 20px;
    line-height: 38px;
    left: 10px;
    top: 0;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
background-color: #fff;
color: #111;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}

.site-header a:hover {
  color: #fff;
  text-decoration: none;
}


header.bgimage-fooldal {
  width:100%;
  min-height:300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
  position:relative;
  height: 45vh;
}

header .hero-text-fooldal {
display: none;
}

.heroarea h1 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 1;
    font-size: 2.2rem;
}

.heroarea p {
font-size: 1.48rem;
color: #fff;
}


.navareas .card {
border: none;
border-radius: 0;
background: #f5f4f2;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
.navareas .card:hover {
  background: #ebe9e4;
}

.navareas h5 {
font-weight: 300;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 2px;
}

  nav .dropdown-menu, .navbar-toolbar .dropdown-menu, .navbar .dropdown-menu {
    font-size: .9rem;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    box-shadow: 0 1.5rem 4rem rgba(22,28,45,.15);
    border: 0;
/*    display:block;*/
  }
  
    nav .dropdown-menu .dropdown-item, .navbar-toolbar .dropdown-menu .dropdown-item{
     font-weight: 300;
    }
  
 .navbar .dropdown-menu .dropdown-item  {
  padding: .4rem 1.5rem;
text-transform: initial;
color: #111;
letter-spacing: 1px;
font-weight: lighter;
  }




.iconsdesc img {
max-width: 50px;
margin-bottom: 1rem;
}

.iconsdesc h4 {
font-size: 1.26rem;
color: #6babb7;
font-weight: 600;
}

.iconsdesc p{
font-size: 1.1rem;
font-weight: 300;
color: #6c757d;
line-height: 1.3;
}

section h3, .intromain h3, .prodgrid h3 {
font-size: 1.4rem;
}

section h3, .intromain h3, .prodgrid h3, .pageintro h1, .aboutintro h1, .homeherotxt h1 {
  width   : auto;
  height  : auto;   
  position: relative;
  z-index : 1;
  padding-bottom: 1.4rem;
margin-bottom: 1.2rem;
}


.pageintro h1,.homeherotxt h1 {
font-size: 2.2rem;
}

.pageintro p {
font-size: 1.15rem;
margin-bottom: 0;
}

.pageintro img.vert {
max-height: 200px;
}

header.pageintro {
background-position: right center;
}

 .focus h2 {
 font-size: 1.8rem;
}
 
section h3:before, .aboutintro h1:before, .pageintro h1:before, .homeherotxt h1:before /*, .intromain h3:before, .prodgrid h3:before,  .pageintro h1:before,  */  {
  content : "";
  position: absolute;
left: 35%;
bottom: 0;
height: 1px;
width: 30%;
border-bottom:2px solid #9c9c9a;
}

section .graycont h3:before {
border-bottom:2px solid #8fa50d;
}


section.bigpicintro h1:before  {
border-bottom:2px solid #c6a664;
}

section.bigpicintro .areatesto p  {
font-size: 1.25rem;
}


/*
.page-template-tpl-line h1:before, .page-template-tpl-brand .pageintro h1:before, section.ctaprlab h3:before, .page-template-tpl-segment .pageintro h1:before, .pictxtmod h3:before,.about-text h3:before, .intromain h3:before, .page-template-default .pageintro h1:before, .tpl-search h1:before {
left: 0;
}
 */
 
 section.separl h3:before, .aboutintro.separl h1:before, .pageintro.separl h1:before, header.bgimage-fooldal.separl h1:before, .page-template-tpl-consbrand h3:before, .separl .homeherotxt h1:before {
 left: 0;
 }
 

 
.single-item .homeslide {
min-height: 280px;
height: 40vh;
}
 
.single-item .homeslide .btn {
font-size: .9rem;
}

.parapic h2 {
margin-bottom: 1rem;
line-height:1;
}

.minipar h4  {
letter-spacing:1px;
font-family: 'Ropa Sans', sans-serif;
text-transform: uppercase;
position: relative;
padding-bottom: 2rem;
}

.minipar h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 20%;
    border-bottom: 2px solid #9c9c9a;
    margin-bottom: .8rem;
}


.homeherocont h2 {
width: auto;
height: auto;
position: relative;
z-index: 1;
padding-bottom: 1rem;
line-height: 1.1;
letter-spacing: 3px;
color: #3967c0;
}
.fucsia {
color: #c2048d;
}

.homeherocont h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 20%;
    border-bottom: 2px solid #666;
}


.homeherocont::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.homeherocont p {
line-height: 1.6rem;
}

.homeswitchbg .homeswitchbgimg {
height:50vh;
background-size:cover;background-position:top center;
}



 .homeslide .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
     background: linear-gradient(to bottom,rgba(0,0,0,0) 31%,rgba(0,0,0,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#99000000',GradientType=0);
}
 
 
 header.gradhead .overlay {
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
   background: linear-gradient(to bottom,rgba(0,0,0,0) 31%,rgba(0,0,0,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#99000000',GradientType=0);
 }
 
 
  header.flat .overlay {
background: #333;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0.5;
 }
 
 
  .homeslide .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
     background: linear-gradient(to bottom,rgba(0,0,0,0) 31%,rgba(0,0,0,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#99000000',GradientType=0);
}


.whitecont:before {
 content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.6;
   background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}


.graycont:before {
 content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.9;
   background-color: #81827e;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}



 
 section.brandshub .img-as-bg {
/*position: absolute;*/
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
 }
 
 section.brandshub .section-inner {
 min-height: 260px;
 }




.overlay-text, .overlay-text-r, .overlaytext, .overlaytext-r {
padding:25px;
} 
 
 .right-0 {
    right: 0 !important;
}

 .left-0 {
    left: 0 !important;
}
 
 
 
 
.brandshub .overlay-text img, .brandshub .overlay-text-r img, .brandshub .overlaytext img, .brandshub .overlaytext-r img{
width: auto;
}
.brandshub .overlay-text .horiz img, .brandshub .overlay-text-r .horiz img, .brandshub .overlaytext .horiz img, .brandshub .overlaytext-r .horiz img{
height: 50px;
}


.brandshub .overlay-text .sqr img, .brandshub .overlay-text-r .sqr img,.brandshub .overlaytext .sqr img, .brandshub .overlaytext-r .sqr img{
height: 75px;
}

.brandshub .overlay-text .vert img, .brandshub .overlay-text-r .vert img,.brandshub .overlaytext .vert img, .brandshub .overlaytext-r .vert img{
height: 95px;
}

.overlay-text h2, .overlay-text-r h2, .overlaytext h2, .overlaytext-r h2 {
letter-spacing: 2px;
}

.overlay-text.bg-black p, .overlay-text-r.bg-black p, .overlaytext-r.bg-black p, .overlaytext.bg-black p {
color: #fff;
}


.overlay-text p, .overlay-text-r p, .overlaytext p, .overlaytext-r p {
line-height: 1.68;
}

.ctaintro {
margin-top: 2rem;
}

.ctaintro h5 {
color: #fff;
}


/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
}


.modal-content{
    border: 0;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}


.depthmodal .modal-header .modal-title {
letter-spacing: 2px;
color: #111;
}
.depthmodal .modal-body {
padding: 0 2rem 2rem 2rem;
}

.depthmodal .modal-body h5 {
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Ropa Sans', sans-serif;
}

.depthmodal .modal-content .modal-header {
background-color: #fff;
border-bottom: none;
align-items: center;
min-height: 6.25rem;
padding: 0.9375rem 1.875rem;
}

.depthmodal .modal-body p, .depthmodal .modal-body ul {
color: gray;
}
.depthmodal .modal-body ul {
margin-bottom: 2rem;
  list-style: none;
  padding: 0;
}



.depthmodal .modal-body ul, .ctaprlab ul, .altdetails ul {
    padding-left: 1.3em;
  }

.depthmodal .modal-body ul li, .ctaprlab ul li, .altdetails ul li, .oystaccordion .card-body ul li  {
  list-style-type: none;
  }

.depthmodal .modal-body ul li {
margin-bottom: .4rem;
}


.depthmodal .modal-body ul li:before, .ctaprlab ul li:before, .altdetails ul li:before, .oystaccordion .card-body ul li:before {
display: inline-block;
content: url("data:image/svg+xml,<svg width='1em' height='1em' fill='none' stroke='dimgray' xmlns='http://www.w3.org/2000/svg' class='ionicon s-ion-icon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144' class='ionicon-fill-none'></path></svg>");
  margin-left: -1.3em; 
  width: 1.3em; 

}


.megabackground {
background-position: 100% 5%; background-repeat: no-repeat !important; background-size: contain;
}


/* PRODUCTS PAGES */


.brandnav .active {
background-color: #777;
}

.brandnav .nav-link {
color: #fff;
font-weight: 400;
}

.product-card {
    padding-top: .875rem;
    padding-bottom: .875rem;
    border: 0;
    transition: all 0.15s ease-in-out;
}

.product-card, .hovershad, .overlay-text-r.hovershad, .overlay-text.hovershad, .overlaytext.hovershad {
    transition: all 0.15s ease-in-out;
}

.product-meta {
color: 677788;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Ropa Sans', sans-serif;
font-size: 1.2rem;
line-height: 1.2;
}

.product-card .product-title {
font-size: 1rem;
}

.product-title > a {
    transition: color 0.25s ease-in-out;
    text-decoration: none !important;
    color: #111;
    font-weight: 300;
}
/*
.product-card .card-img-top{
max-width: 200px;
margin: 0 auto;
display: block;
}
*/
.image-grid h3 button {
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 0;
font-size: 1.6rem;
border-bottom: 2px #000 solid;
padding-top: 0;
padding-bottom: 0;padding-left: 0;
}

.image-grid h3 button small {
font-size: 55%;
text-transform: lowercase;
letter-spacing: 1px;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}


.image-grid ul .list-group-item {
text-transform: uppercase;
padding: 0.65rem 1.15rem;
font-size: 1rem;
/*padding-left: 0;*/
}

.image-grid ul .list-group-item small {
display:block;
text-transform: none;
color: #989898;
font-size: 95%;
font-weight: 300;
}

.image-grid ul .list-group-item img {
height: 54px;
width: auto;
-moz-border-radius:1.8rem;
 -webkit-border-radius:1.8rem;
 border-radius:1.8rem;
 margin-right: 1rem;
 
}
.image-grid img {
width: 100%;
}

.altdetails ul li{
font-weight: 300;
    margin-bottom: 1rem;
}

.altdetails h4 {
font-size: 1.28rem;
}

.proddet .zoomer {
position: absolute;
font-size: 2rem;
color: lightgray;
display: none;
}

.proddet .badge {
font-weight: 300;
}
.proddet .badge-secondary {
background-color: #9c9c9a;
}

.proddet a {
margin-bottom: 2rem;
}


.proddet .lightbox a img {
border: 2px solid #f7f7f7;
padding: 1rem;
}

.proddet h6 {
text-transform: uppercase;
letter-spacing: 2px;
font-size: .9rem;
}


.prodgrid .card img  {
max-height: 200px;
width: auto;
margin: 0 auto;
display: block;
}


.prodgrid h5, .blog h4{
font-family: 'Ropa Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2rem;
color: gray;
}


.prodheader h1 {
text-transform: uppercase;
letter-spacing: 3px;
}

.prodheader h2, .page-template-tpl-consbrand h2 {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.46rem;
}

.page-template-tpl-consbrand h2 {
color: #f083a3;
}

.prodheader img {
display: inline-block;
  max-width:150px;
  max-height:70px;
  width: auto;
  height: auto;
}


.proddet h1, .page-template-tpl-consbrand h3 {
font-size: 2rem;
/*letter-spacing: -1px;*/
}

.page-template-tpl-consbrand h3 {
text-transform: inherit;
letter-spacing: 1px;
}


.proddet p, .proddet ul li, .proddet ol li {
font-size: 1.2rem;
margin-bottom: .4rem;
}

 .proddet ul, .proddet ol {
 padding-left: 1.1rem;
 }

.proddet hr {
   border: 0;
            height: 1px;
            background-color: #c68179;
            width: 66px;
            margin-left: 0px;}
}


.proddet h6 {
font-family: 'Ropa Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.2rem;
}


.proddet h5 {
font-weight: 300;
}


.proddet h2 {
text-transform: uppercase;
font-family: 'Jost', sans-serif;
font-size: 1.42rem;
}

.proddet .lightbox img {
width: 100%;
/*height: auto;*/
margin: 0 auto;
display: block;
border: 2px solid #f7f7f7;
}

.proddet .nuancesrpt img {
max-width: 48px;
height: auto;
}

.proddet .nuancesrpt h6 {
letter-spacing: initial;
}

.floatboxtxt p {
font-size: 1.15rem;
}

.floatboxtxt p:last-child {
margin-bottom: 0;
}

.bg-black .floatboxtxt p, .bg-black .floatboxtxt h5, .graybckg .floatboxtxt h5 {
color: #fff;
}

 .floatboxtxt h3 {
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 1px;
}

 .floatboxtxt h5 {
margin-top: 2rem;
 margin-bottom: 0;
 }


.leadsection p {
font-size: 1.15rem;
text-align: center;
}

/*
.techbox .row {
background-color: #d0d0cf21;
}*/

.techbox h3 {
color: #fff;
}


.ctaprefoot h3 {
font-weight: 300;
font-size: 1.6rem;
}

.ctaprefoot img {
max-width: 40px;
height: auto;
margin-bottom: 1rem;
}

.accordion .btn-link:hover {
text-decoration: none;
}

    
      
      
      
      /* accordion */

.oystaccordion .card {
    overflow: visible;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.oystaccordion .card i, .oystaccordion .card ion-icon  {
    float: right;
}

.oystaccordion .card .card-header a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
      
      .accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px;
padding: .45rem 1.15rem;
}

      
      .accordion .card-header h5 {
font-weight: 300;
}


.oystaccordion .card:first-of-type, .oystaccordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0;
}

      .oystaccordion .card .card-header {
    padding: 1.2rem 1.2rem;
    background: transparent;
    border-bottom: 0;
}
.oystaccordion .card .card-header a {
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
      
/*

.btn[aria-expanded="false"]:after {
display: inline-block;
    display: inline-block;
    font: normal normal normal 14px/1 mfg_labs_iconsetregular;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f005";
  font-weight: normal;
  transform: rotate(180deg) ;
  transition: all linear 0.25s;
  float: right;
  }   
  
.btn:not(.collapsed):after {
  transform: rotate(0deg) ;
}

*/


/* ACCORDION ANIM */
.accordion-head i{
    font-size: 2.5em;
    float: right;
}

.accordion-head > .collapsed > i:before{
    content: "\f105";
}




/* FOOTER */
footer {
background-color: #7d7d7b;
color: #fff;
padding-bottom: 9rem;
padding-top: 3rem;
}

footer li {
line-height: 2;
font-size: 1rem;
}

footer li a{
color: #f8f9fa;
}

footer li a:hover{
color: #fff;
}

footer img {
margin-bottom: 1rem;
}

footer h5 {
font-family: 'Ropa Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 1rem;
color: #535353;
}

footer .socialfoot {
font-size: 2rem;
border-top: solid 1px #90908f;
}

footer .socialfoot a {
color: #bbbbbb; 
}


footer .socialfoot a:hover {
color: #fff; 
}

.bottomCTA {
    display: none;
    position: fixed;
    bottom: 1rem;
    right: 5%;
    left: 5%;
    width: 70%;
    height: auto;
    border-radius: 0;
    z-index: 999;
    background-color: #c6a664 !important;
    border-top: 0;
    border-right: 0;
    border-left:0;
    border-bottom: 2px solid #8F743D;
      -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.bottomCTA:hover { 
    background-color: #dcba74 !important;
}


.bottomCTA h4 {
font-size: 1.2rem;
color: #fff;
}

/* COMMON */
section, header {
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 0 !important;
}

.about-text-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about-text {
    padding: 4rem 2rem;
}

.about-image-column {
    position: relative;
    min-height: 400px;
}


  a.btn ion-icon{
/*      padding-top: .1rem !important;*/
font-size: 1.2rem;
      margin-bottom: -.3rem;
      }
      
       .btn-lg {
    font-size: 1.05rem;
    }
    
    .vh-35 {
    height: 35vh !important;
}

    
    .vh-45 {
    height: 45vh !important;
}

      
      .img-shifted {
    position: relative;
    overflow: hidden;
}
.img-shifted.shift-left {
/*width:100%;*/
 float:right;
    width: calc(100vw + 50% - 5px + 2rem);
}

.z-index-1 {
    z-index: 1 !important;
}

.zindex-100 {

z-index: 6;}

.bg-cover {
    background-size: cover;
}

img.bg-image {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
     flex-shrink: 0;
}

.min-350 .col-md-4 {
min-height: 200px;
}
 
 .text-nowrap {
    white-space: nowrap !important;
}
 

.bg-contain, .bg-cover {
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.rotate.up {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

 #breadcrumbs {font-size: 95%; color: #8e908f;margin:1em 0 1em 0;}
#breadcrumbs a {display: inline; border: none; padding: 0; text-transform: none;}

.ctaprlab li {
padding: 0.45rem 1.15rem;
padding-left: 0;
font-size: .96rem;
}


.ctaprlab li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
border-top-width: 1px;
}


.ctaprlab li:before {
 /*   content: "\f006";
font-family: 'mfg_labs_iconsetregular';
    display: inline-block;
    font-weight: normal;
    margin-left: -1.3em;
    width: 1.3em;*/
color: #9c9c9a;
}



/*
.h-100 {
min-height: 900px;
}*/


/* gravity form appearance */

.gform_wrapper select {
	display: block;
	box-sizing: border-box;
	max-width: 100%;
	box-shadow: inset 0px 0px 0px 1px #CCCCCC;
	margin: 0;
	padding: .6em 1.4em .5em .8em !important;
	border-radius: 0;
	line-height: 1.3;
	font-size: inherit;
 	font-family: sans-serif;
 	font-weight: 300;
/* 	background-color: #f8f8f8;*/
	-moz-appearance: none;
 	-webkit-appearance: none;
 	background-repeat: no-repeat, repeat;
 	transition: all ease .5s;
border: none;
	background:#fff url(../images/inpbg.png) no-repeat 98% center;
}




.gform_wrapper select::-ms-expand {
	display: none;
}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
font-weight: inherit !important;
}

.gform_wrapper select:focus {
	box-shadow: inset 0px 0px 0px 3px #515253;
	color: #222;
	outline: none;
	transition: all ease .5s;
}

.gform_wrapper select option, .gform_wrapper textarea {
	font-weight: normal;
}

.gform_wrapper li.hidden_label input {
margin-top: 0 !important;
}



.validation_message {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}

.validation_message hr {
  border-top-color: #c1e2b3;
}

.validation_message .alert-link {
  color: #2b542c;
}


.gfield_required {
  color: #a94442;
}


.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*="gfield_date_"].ginput_container label, .gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*="gfield_date_"].ginput_container label, .gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label, .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
text-transform: uppercase;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper select {
font-weight: 300;
}

.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
width: 100% !important;
}

.gfield_error .ginput_container {
  margin-bottom: 10px;
}


.ginput_container_consent label.gfield_consent_label {
font-size: .9rem;
}


.gform_button {
  display: inline-block;
  font-weight: normal;
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.6rem 1rem;
  font-size: 1.06rem !important;
  border-radius: 0rem;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.gform_button:focus, .btn.focus, .focus.gform_button, .gform_button:active:focus .gform_button:active.focus, .active.gform_button:focus, .active.focus.gform_button {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.gform_button:focus, .gform_button:hover {
  text-decoration: none;
}

.focus.gform_button {
  text-decoration: none;
}

.gform_button:active, .active.gform_button {
  background-image: none;
  outline: 0;
}

.disabled.gform_button, .gform_button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

a.btn.disabled, a.disabled.gform_button,
fieldset[disabled] a.btn,
fieldset[disabled] a.gform_button {
  pointer-events: none;
}


/* 404 */

.error404 .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.error404 .image[class*="-overlay"]::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, 0.25);
}

.error404 .viewport {
    position: relative;
    overflow: hidden;
}

.error-text {
    font-size: 10rem;
    font-weight: 700;
    line-height: 10rem;
    margin-bottom: .25em;
}


.single-item .slider-arrow {
position: absolute;
top: 49%;
font-size: 1.4rem;
}


.single-item .slider-arrow ion-icon {
margin-bottom: -.2rem;
color: #fff;
}



.single-item .NextArrow, .single-item .PrevArrow, .logocarousel .NextArrow, .logocarousel .PrevArrow{
  position:absolute;
  top:50%;  margin-top:-15.5px;
  text-align:center;

  z-index:5;  width:30px;
  height:30px;
  border:0 none;
}

.single-item .NextArrow, .single-item .PrevArrow {
  background:rgba(0,0,0,.40);  color:#FFF;
}

.single-item .NextArrow, .logocarousel .NextArrow{
  right:0px;
}


.single-item .PrevArrow, .logocarousel .PrevArrow{
  left:0px;
}


.single-item .PrevArrow,.single-item .NextArrow{
font-size: 1.4rem;
}

.single-item .slick-dots{
  position:absolute;
  height:5px;
  background:rgba(255,255,255,.20);
  bottom:0px;
  width:100%;
  left:0px;
  padding:0px;
  margin:0px;
  list-style-type:none;
}





@media (min-width: 544px) {
/*.form-inline .gform_fields input, .gform_fields .form-inline input, .form-inline .gform_fields select, .gform_fields .form-inline select, .form-inline .gform_fields textarea, .gform_fields .form-inline textarea {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .input-group .gform_fields input, .gform_fields
  .form-inline .input-group input,
  .form-inline .input-group .gform_fields select, .gform_fields
  .form-inline .input-group select,
  .form-inline .input-group .gform_fields textarea, .gform_fields
  .form-inline .input-group textarea {
    width: auto;
  }
 .formarea .form-inline .ginput_complex .ginput_left, .formarea .form-inline .input-group > .form-control, .formarea .form-inline .gform_fields .input-group > input, .formarea .gform_fields .form-inline .input-group > input, .formarea .form-inline .gform_fields .input-group > select, .formarea .gform_fields .form-inline .input-group > select, .formarea .form-inline .gform_fields .input-group > textarea, .formarea .gform_fields .form-inline .input-group > textarea, .formarea .gform_wrapper .ginput_complex .ginput_left {
    width: 100%;
  }

  .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_radio .form-inline li, .form-inline .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_checkbox .form-inline li {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
*/

}

.gform_footer {
text-align: center;
}


/* hover effect */

.orange-overlay {
    background-color: rgba(232,132,84,.7);
}

.gray-overlay {
    background-color: rgba(20,20,20,.2);
    height: 100%;
      -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.green-overlay {
    background-color: rgba(116,154,82,.7);
}

.gray-overlay:hover {
    background-color: rgba(255,255,255,.1);
}

.product {
  position: relative;
  overflow: hidden;
}
.product-text {
  color: #ffffff;
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
}

.bigbox .product-text h4 {
font-size: 1.3rem;
font-weight: 400;
color: #fff;
}

.product-text div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.grow-line {
  display: block;
  margin: auto;
  height: 3px;
  width: 0px !important;
  background: #ffffff;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.grow-hover {
  width: 100px !important;
}
.product-text a.white-link {
  padding-bottom: 5px;
  border-bottom: 2px #ffffff solid;
}
.product-text a.white-link:hover {
  text-decoration: none;
  color: #edeef0 !important;
  border-bottom: 2px #edeef0 solid;
}

.product img {
  float: left;
  -moz-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}


.img-zoom {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


.fill {
  width: 100%;
}
/*
.lightbox {
border: 2px solid #f7f7f7;
}
*/

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

.w-50 {
    width: 50% !important;
}
.mb-7, .my-7 {
    margin-bottom: 6.5rem !important;
}

.mb-n7, .my-n7 {
    margin-bottom: -6rem !important;
}

.mt-n15, .my-n15 {
    margin-top: -15rem !important;
}

.mb-n15, .my-n15 {
    margin-bottom: -15rem !important;
}

.mt-n18, .my-n18 {
    margin-top: -20rem !important;
}

.mb-n18, .my-n18 {
    margin-bottom: -20rem !important;
}


.pb-12, .py-12 {
    padding-bottom: 13rem !important;
}

.pt-12, .py-12 {
    padding-top: 13rem !important;
}

.pt-15, .py-15 {
    padding-top: 16rem !important;
}

.pb-15, .py-15 {
    padding-bottom: 16rem !important;
}


.pt-17, .py-17 {
    padding-top: 19rem !important;
}

.pb-17, .py-17 {
    padding-bottom: 19rem !important;
}

.mb-8, .my-8 {
    margin-bottom: 8.5rem !important;
}

.vspace-300 {
min-height: 300px;
}


/* Slider */

.brandarea .row{
overflow: hidden;
}

.logocarousel .slick-slide {
  margin: auto  30px;
}

.logocarousel {
  overflow: inherit;
 /* border-top: 1px solid #353535;
  border-bottom: 1px solid #353535;*/
}

/*
.logocarousel .slick-slide img {
  width: 100%;
}*/

.logocarousel .slick-track:before,
.logocarousel .slick-track:after {
  display: table;
  content: '';
}

.logocarousel .slick-track:after {
  clear: both;
}

.logocarousel .slick-track {
  padding: 1rem 0;
-ms-flex-line-pack: center !important;
align-content: center !important;
display: -ms-flexbox !important;
display: flex !important;
}

.logocarousel .slick-loading .slick-track {
  visibility: hidden;

}

.logocarousel .slick-slide.slick-loading img {
  display: none;
}

.logocarousel .slick-slide.dragging img {
  pointer-events: none;
}

.logocarousel .slick-loading .slick-slide {
  visibility: hidden;
}

.logocarousel .slick-slide img {
margin-left: auto;
margin-right: auto;
width: auto;
}

.logocarousel .slick-slide img.horiz {
height: 50px;
}

.logocarousel .slick-slide img.sqr {
height: 85px;
}

.logocarousel .slick-slide img.vert {
height: 105px;
}

/*
.logocarousel .slick-arrow {
  position: absolute;
  top: 50%;
  border: none;
  width: 2rem;
  height: 1.5rem;
  text-indent: -10000px;
  margin-top: -16px;
  z-index: 99;
}

.logocarousel .slick-arrow.slick-next {
  right: -40px;
  transform: rotate(180deg);
}
*/

.logogroup div img, .logogroup div #collapseExample img {
width: auto;
}
.logogroup div img.horiz, .logogroup div .horiz img {
height: 45px;
}

.logogroup div img.sqr, .logogroup div .sqr img {
height: 70px;
}
.logogroup div img.vert, .logogroup div .vert img {
height: 95px;
}

.logogroup div #collapseExample img.horiz, .logogroup div #collapseExample .horiz img {
height: 30px;
}

.logogroup div #collapseExample img.sqr, .logogroup div #collapseExample .sqr img {
height: 50px;
}

.logogroup div #collapseExample img.vert, .logogroup div #collapseExample .vert img  {
height: 75px;
}

.logogroup .shadow, .overbox .shadow, .accordion .card.shadow-lg {
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05) !important;
}


.slick-arrow.slick-prev {
  left: -40px;
}

/* Media Queries */

@media (max-width: 768px) {
  .logocarousel .slick-arrow {
    width: 1rem;
    height: 1rem;
  }
} 


/*
.logocarousel .slick-track {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    display: -ms-flexbox !important;
display: flex !important;
}
.logocarousel .slick-slide {
max-width: 110px;
height: auto;
margin: auto 1.2rem;
}

.logocarousel .next-arrow{
  right: 10px;
}

.logocarousel button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.logocarousel .slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
*/

.prodslide .slick-track {
-ms-flex-align: end !important;
align-items: flex-end !important;
    display: -ms-flexbox !important;
display: flex !important;
}


.focus {
font-weight: 300;
}

section h3, .intromain h3, .prodgrid h3,  .pageintro h1, .aboutintro h1 {
letter-spacing: 4px;
text-transform: uppercase;
}



.view {
    position: relative;
    overflow: hidden;
    cursor: default;
}

.view img,
.view video {
 position:relative;
 display:block
}

.overlay .mask {
 /*! opacity:0; */-webkit-transition:all .4s ease-in-out;
 transition:all .4s ease-in-out
}

.overlay .mask:hover {
 opacity:1
}

.zoom img,
.zoom video {
 -webkit-transition:all .2s linear;
 transition:all .2s linear
}

.zoom:hover img,
.zoom:hover video {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}

.overlay .mask {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.view .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}


.view h3 {
text-align: center;
display: block;
margin: 0 auto;
}




.blog .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.085);
    border-radius: .4375rem;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.blog .card-footer {
    padding: .875rem 1.15rem;
    background-color: rgba(0,0,0,0);
    border-top: 1px solid rgba(0,0,0,0.085);
}


.blog .blog-entry-title > a {
    color: #373f50;
    text-decoration: none !important;
    line-height: 1.3;
}

.blog .blog-entry-meta-link {
    display: inline-block;
    color: #7d879c !important;
    font-weight: normal;
}

.blog .blog-entry-thumb > img {
    display: block;
    width: 100%;
}



.btn {
border-radius: 0;
letter-spacing: .25em;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.btn.btn-hoveranim {
border-color: #111;
color: #111;
position: relative;
overflow: hidden;
z-index: 1;
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out;
background-color: transparent;
text-transform: uppercase;
}

.btn.btn-hoveranim:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #111;
  z-index: -1;
  -webkit-transition: width 150ms ease-in-out;
  transition: width 150ms ease-in-out;
}
.btn.btn-hoveranim:hover {
  color: #fff;
}
.btn.btn-hoveranim:hover:after {
  width: 110%;
}


.btn.btn-hoveranim.btn-light {
border-color: #fff !important;
color: #fff ;
}

.btn.btn-hoveranim.btn-light:after {
  background: #fff;
}
.btn.btn-hoveranim.btn-light:hover {
  color: #111;
}



.btn.btn-hoveranim.btn-success {
border-color: #00DF91 !important;
color: #00DF91 ;
}

.btn.btn-hoveranim.btn-success:after {
  background: #00DF91;
}
.btn.btn-hoveranim.btn-success:hover {
  color: #fff;
}



.btn.btn-hoveranim.btn-secondary {
border-color: #6c757d !important;
color: #6c757d ;
}

.btn.btn-hoveranim.btn-secondary:after {
  background: #6c757d;
}
.btn.btn-hoveranim.btn-secondary:hover {
  color: #fff;
}



.btn-privgreen {
background-color: #6b8c8f;
color: #fff;
text-transform: uppercase;
}
.btn-privgreen:hover {
background-color: #f0f4f4;
color: #6b8c8f;
}


/* COLORS */

.bg-oystcolor {
background-color: #c68179;
}


.bg-privgreen {
background-color: #f0f4f4;
}

.bg-oystcare {
background-color: #deb987;
}

.bg-goldsand {
background-color: #c6a664;
}

.bg-dahliapink {
background-color: #f083a3;
}

.bg-oysttechnic {
background-color: #b8bbbc;
}

.bg-beige {
background-color: #f5f4f2 !important;
}

.bg-beige-faded {
background-color: rgb(245, 244, 242,0.5) !important;
}

.bg-oystergray {
background-color: #7d7d7b !important;
}


.bg-perlacolor {
background-color: #557a86 !important;
}


.bg-perlacolor-faded {
background-color: #eef2f3 !important;
}


.bg-primary {
background-color: rgb(26, 86, 176) !important;
}

.bg-primary-faded {
background-color: rgb(26, 86, 176,0.1) !important;
}

.bg-black {
background-color: #000 !important;
}
.graybckg {
background-color: #81827e;
}


.text-beige {
color: #f5f4f2;
}
.text-goldsand {
color: #c6a664;
}
.text-bluegreen {
color: #5CA18F;
}
.text-privgreen {
color: #6b8c8f;
}


.product-meta:hover {
    color: #4b566b;
}

/*
 * Extra utilities
 */
 
 img {
 max-width: 100%;
height: auto;
 }
 
 .font-size-xs {
    font-size: .75rem !important;
}
 

 .font-size-sm {
    font-size: .985rem !important;
}
 
 .rounded-lg {
    border-radius: .4375rem !important;
}

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}

.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}

.row-eq-height > [class^=col]:last-of-type div {
  margin: 10px;
}

.row-eq-height > [class^=col]:last-of-type div:first-of-type {
  margin-top: 0;
}

.row-eq-height > [class^=col]:last-of-type div:last-of-type {
  margin-bottom: 0;
}

.row-eq-height > [class^=col]:first-of-type .focusmain {
  flex-grow: 1;
}


.mt-n13, .my-n13 {
    margin-top: -8rem !important;
}
.mb-10, .my-10 {
    margin-bottom: 4rem !important;
}

 /*facebook chat */
 .fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:999;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:'x';font-family:sans-serif}




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

header.pageintro {
min-height: 200px;
}

}


@media (min-width: 576px) {

.img-shifted.shift-left {
    width: calc(100vw + 50% - 270px + 2rem);
}


 .proddet .lightbox img {
display: block;
max-width: 340px;
/*max-height: 360px;
  max-width:410px;
  max-height:480px;*/
 /* width: auto;*/
 /* height: auto;*/
}
}


@media (min-width: 768px) {


 .navbar-light .nav-link {
 padding: 0.5rem 1rem;
 }
 .navbar form .input-group button {
font-size: .9rem;
}

 
.heroarea h1 {
font-size: 2.6rem;
}


.homeherocont::before {
    opacity: .6;
    }
 
 .homeswitchbg {
height:65vh;
position: relative;
}

.homeswitchbg .homeswitchbgimg {
    position:absolute;
    /*background-image:url(<?php echo get_stylesheet_directory_uri(); ?>/images/model-side-big.jpg); */
    background-size:cover;background-position:center center;
    left: 0;
height: 100%;
}

 
 section.newhero {
 height: 75vh;
 }

header.bgimage-fooldal {
min-height: 520px;
height: 65vh;
}

header .hero-text-fooldal {
display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.single-item .slider-arrow {
font-size: 2rem;
}

.loginbar {
border-right: 1px solid lightgray;
}


.loginbar ion-icon {
padding-top: .4rem;
  font-size: 24px;
}

    .vh-md-40 {
    height: 40vh !important;
}

   .vh-md-45 {
    height: 45vh !important;
}

.img-shifted.shift-left {
    width: calc(100vw + 50% - 340px + 6rem);
}

.proddet h1, .page-template-tpl-consbrand h3 {
font-size: 2.2rem;
}

 section.brandshub .section-inner {
 min-height: 400px;
 }
 


.proddet .nuancesrpt img {
max-width: 68px;
}

 /* COMMON */ 
 
 section, header {
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 0 !important;
}

.slick-track {
    margin:auto;
}

 /*
.logocarousel .slick-slide {
margin: auto 2rem;
}

.logocarousel .slick-slide {
max-width: 130px;
height: auto;
margin: auto 1.8rem;
}

.logocarousel .prev-arrow{
  left: -40px;
  width: 0;
  height: 0;
}
.logocarousel .next-arrow{
  right: -40px;
  width: 0;
  height: 0;
}
*/

.min-350 .col-md-4 {
min-height: 350px;
}
 
 .focus p{
 font-size: 1.22rem;
 }
 
 .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }

.offset-desktop-1 {
    margin-left: 6.25%;
}
.bigbox .product-text h4 {
font-size: 1.5rem;
}

.bottomCTA {
    bottom: 2rem;
    right: 2rem;
    width: 190px;
    left: auto;
}


.overlay-text, .overlay-text-r, .overlaytext, .overlaytext-r {
 /* align-self: flex-start;
transform: translateX(-30%) translateY(15%);
*/  
  padding:35px;
  background-color: #ffffff;
z-index: 4;
margin-bottom: 0;
}


 .position-absolute-md {
position:absolute; 
 }
 
  .position-relative-md {
position:relative; 
 }

.focus .overlay-text {
transform: translateX(-20%) translateY(5%);
  padding:25px;
}


/* PRODUCTS PAGES */
.product-card {
    padding-bottom: 0;
}


.mb-md-0, .my-md-0 {
    margin-bottom: 0 !important;
}


.mt-md-n10, .my-md-n10 {
    margin-top: -10rem !important;
}

footer {
padding-bottom: 5rem;
padding-top: 5rem;
}


.bordr {
border-right: 1px solid #dee2e6;
}

.bordl {
border-left: 1px solid #dee2e6;
}




}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}



@media (min-width: 992px) {

p, ul {
line-height: 1.64;
}

 .navbar-light .navbar-nav .nav-link {
/*font-size: 1rem;*/
}

.navbar.bg-white {
padding: 1rem 1rem;
}
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
.navbar-brand img {
height: 60px;
width: auto;
}


.loginbar i {
font-size: 1.68rem;
}

.homeswitchbg {
height:85vh;
}


.homeherocont h2 {
    font-size: 2.4rem;
}

.homeherocont p {
    font-size: 1.14rem;
}


.heroarea h1 {
font-size: 3.8rem;
}

.heroarea p {
max-width: 65%;
}

.homeherotxt {
max-width: 440px;
}
.homeherotxt h1 {
font-size: 2.32rem;
line-height: 1.1;
}

.single-item .homeslide {
height: 58vh;
}

.single-item .homeslide .btn {
font-size: 1.16rem;
}

.col-lg-4.navareas {
padding-left: 0 !important;
}


header.picback {
min-height: 480px;
}

header h1, .pageintro h1 {
font-size: 2.48rem;
}

section h3, .prodgrid h3, .pageintro h1, .aboutintro h1 {
margin-bottom: 1.6rem;
}

section h3, .intromain h3, .prodgrid h3 {
font-size: 1.72rem;
}

.ctaprlab h3 {
font-size: 2.1rem;
}

.leadsection p {
font-size: 1.2rem;
}

.altdetails ul li {
margin-bottom: 1.38rem;
}

 .hovershad:not(.card-static), .overlay-text-r.hovershad:not(.card-static), .overlay-text.hovershad:not(.card-static), .overlaytext.hovershad:not(.card-static) {
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0,0,0,0.1);
}

 .hovershad:hover:not(.card-static), .overlay-text-r.hovershad:hover:not(.card-static), .overlay-text.hovershad:hover:not(.card-static), .overlaytext.hovershad:hover:not(.card-static) {
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0,0,0,0.2);
    z-index: 10;
}

.floatboxtxt p {
    font-size: 1.2rem;
}

section.brandshub .section-inner {
position: absolute;
top: 0;
height: 100%;
z-index: -2;
display: flex;
justify-content: center;
align-items: center;
}


.overlay-text {
transform: translateX(-40%) translateY(5%);
}
.overlay-text-r {
transform: translateX(40%) translateY(5%);
}



.hover-translate-y-n10:hover {
  transform: translateY(-10px) !important; }

.brandshub .overlay-text .sqr img, .brandshub .overlay-text-r .sqr img,.brandshub .overlaytext .sqr img, .brandshub .overlaytext-r .sqr img{
height: 90px;
}


.brandshub .overlay-text .horiz img, .brandshub .overlay-text-r .horiz img,.brandshub .overlaytext .horiz img, .brandshub .overlaytext-r .horiz img{height: 70px;
}


.brandshub .overlay-text .vert img, .brandshub .overlay-text-r .vert img,.brandshub .overlaytext .vert img, .brandshub .overlaytext-r .vert img{
height: 130px;
}


.overlay-text.hover-translate-y-n10:hover {
  -webkit-transform: translateX(-40%) translateY(2%) !important;
      -ms-transform: translateX(-40%) translateY(2%) !important;
          transform: translateX(-40%) translateY(2%) !important;
}
.overlay-text-r.hover-translate-y-n10:hover {
  -webkit-transform: translateX(40%) translateY(2%) !important;
      -ms-transform: translateX(40%) translateY(2%) !important;
          transform: translateX(40%) translateY(2%) !important;
}

.focus .overlay-text.hover-translate-y-n10:hover {
  -webkit-transform: translateX(-20%) translateY(2%) !important;
      -ms-transform: translateX(-20%) translateY(2%) !important;
          transform: translateX(-20%) translateY(2%) !important;
}

.image-grid h3 button {
font-size: 1.8rem;
}

.intromain h3 {
font-size: 2.2rem;
}

.intromain p {
font-size: 1.3rem;
}

.iconsdesc img {
max-width: 70px;
}
.iconsdesc h4 {
font-size: 1.32rem;
}

#brandsquares .card {
min-height: 200px;
}

#brandsquares .card img{
width: 180px;
height: auto;
}

.logogroup div img.horiz {
height: 60px;
}

.logogroup div img.sqr {
height: 85px;
}
.logogroup div img.vert {
height: 120px;
}

.logogroup div #collapseExample img.horiz {
height: 35px;
}

.logogroup div #collapseExample img.sqr {
height: 60px;
}

.logogroup div #collapseExample img.vert {
height: 95px;
}


.img-shifted.shift-left {
    width: calc(90vw + 50% - 490px + 2rem);
}

.prodheader h1 {
font-size: 3.2rem;
}

.prodheader img {
  max-width:210px;
  max-height:80px;
}

.prodgrid .card img  {
max-height: 240px;
}

 .proddet .lightbox img {
 max-width:410px;
/*  max-height:480px;*/
}

.bigbox .product-text h4 {
font-size: 1.9rem;
}

.overlay-text h2, .overlay-text-r h2 {
font-size: 2.2rem;
}

.depthmodal .modal-header .modal-title {
font-size: 2rem;
}

.parapic h2 {
font-size: 3.6rem;
}


.minipar h4  {
font-size: 1.7rem;
}

.minipar h4  {
font-size: 1.7rem;
letter-spacing:1px;
font-family: 'Ropa Sans', sans-serif;
text-transform: uppercase;
position: relative;
}

.minipar h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 20%;
    border-bottom: 2px solid #9c9c9a;
}

.minipar p, .parapic p  {
font-size: 1.15rem;
}


/* accordion */

      .accordion .card-header h5 {
font-size: 1.32rem;
}

      .accordion > .card > .card-header {
padding: .60rem 1.15rem;
}

.oystaccordion .card .card-header {
    padding: 1.2rem 1.2rem;
}

.single-item .NextArrow, .logocarousel .NextArrow {
  width:40px;
  height:40px;
  margin-top:-20.5px;
}


.single-item .PrevArrow, .logocarousel .PrevArrow {
  width:40px;
  height:40px;
  margin-top:-20.5px;
}

.single-item .PrevArrow,.single-item .NextArrow{
font-size: 1.4rem;
}

.proddet .nuancesrpt img {
max-width: 68px;
}

/*
.colover {
width: 205rem !important;
margin-left: -20rem !important;
margin-right: 5rem !important;
}*/



 /* COMMON */ 
 /*
 .wow {
   visibility: hidden;
}*/
 
.about-text {
    padding: 7rem;
    max-width: 640px;
}
.about-image-column {
    min-height: 600px;
}

.container {
  max-width: 960px;
}

.mt-lg-n6, .my-lg-n6 {
    margin-top: -5rem !important;
}

    .mb-lg-n6, .my-lg-n6 {
    margin-bottom: -5rem !important;
}


.mt-lg-n7, .my-lg-n7 {
    margin-top: -7.5rem !important;
}

    .mb-lg-n7, .my-lg-n7 {
    margin-bottom: -7.5rem !important;
}


.mt-lg-n10, .my-lg-n10 {
    margin-top: -11rem !important;
}

.mb-lg-n10, .my-lg-n10 {
    margin-bottom: -11rem !important;
}

.mt-lg-n15, .my-lg-n15 {
    margin-top: -15rem !important;
}

.mb-lg-n15, .my-lg-n15 {
    margin-bottom: -15rem !important;
}


.mt-lg-6, .my-lg-6 {
    margin-top: 6.5rem !important;
}

.mb-lg-6, .my-lg-6 {
    margin-bottom: 6.5rem !important;
}





.ml-lg-n8 {
margin-left: -8rem !important; 
}

.mr-lg-n8 {
margin-right: -8rem !important; 
}



.pb-lg-6, .py-lg-6 {
    padding-bottom: 6.5rem !important;
}
.pt-lg-6, .py-lg-6 {
    padding-top: 6.5rem !important;
}



.pb-lg-10, .py-lg-10 {
    padding-bottom: 10rem !important;
}
.pt-lg-10, .py-lg-10 {
    padding-top: 10rem !important;
}

.pb-lg-15, .py-lg-15 {
    padding-bottom: 19rem !important;
}
.pt-lg-15, .py-lg-15 {
    padding-top: 19rem !important;
}

.vh-lg-60 {
    height: 60vh !important;
}


.vh-lg-75 {
    height: 75vh !important;
}


   .btn-lg {
    font-size: 1.1rem;
    }


  .bottomCTA {
      bottom: 7.5rem;
  /*  right: 8rem;*/
    }
     

  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }

}
/*
@media all and (min-width:991px) {  
	.dropdown:after{
			content: ''; 
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    transition: opacity .15s ease-in-out;
		    opacity: 0;
		    visibility:hidden;
		   background-color: rgba(0,0,0,.5);
		    pointer-events: none;
		}

	.dropdown:hover .nav-link{
			position:relative;
			z-index:12;
		}

	.dropdown:hover:after{
			z-index:10; opacity:1; 
			visibility:visible;
			position: fixed;
	}
}

*/


/* DROPDOWN ANIM */
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}


@media (min-width: 1200px) {

 section, header {
padding-top: 80px;
padding-bottom: 80px;
}

header.picback {
min-height: 540px;
}

.single-item .homeslide {
height: 70vh;
}

section h3:before /*, .intromain h3:before, .prodgrid h3:before, .iconsdesc h3:before, .brandsarea h3:before */ {
left: 45%;
width: 10%;
}


.overlay-text {
transform: translateX(-40%) translateY(5%);
  padding:35px;
}
.overlay-text-r {
transform: translateX(40%) translateY(5%);
  padding:35px;
}
.focus .overlay-text {
transform: translateX(-20%) translateY(5%);
  padding:35px;
}


.proddet h1, .page-template-tpl-consbrand h3 {
font-size: 2.6rem;
}

.overlay-text-r,.overlay-text {
  padding:35px;
}

.img-shifted.shift-right {
    width: calc(100% + 50vw - 570px + 2rem);
}

.img-shifted.shift-left {
    width: calc(85vw + 10% - 400px + 2rem);
}


.pb-xl-13, .py-xl-13 {
    padding-bottom: 13rem !important;
}
.pt-xl-13, .py-xl-13 {
    padding-top: 13rem !important;
}




.pb-xl-15, .py-xl-15 {
    padding-bottom: 17rem !important;
}
.pt-xl-15, .py-xl-15 {
    padding-top: 17rem !important;
}


.mt-xl-9, .my-xl-9 {
    margin-top: 9.5rem !important;
}

.mb-xl-9, .my-xl-9 {
    margin-bottom: 9.5rem !important;
}


/*
.colover, .colover-r {
width: 205rem !important;
}

.colover {
margin-left: -20rem !important;
margin-right: 5rem !important;
}

.colover-r {
margin-right: -20rem !important;
margin-left: 5rem !important;
}
*/
}


@media (min-width: 1280px) {
.newhero .container {
    max-width: 1220px;
}

}
@media (min-width: 1400px) {
 section, header {
padding-top: 100px;
padding-bottom: 100px;
}


    .container { max-width: 1200px; } 
/* .hero-text-fooldal .container, .pageintro .container { max-width: 960px; } */


 .proddet .lightbox img {
  max-width:680px;
/*  max-height:540px;*/
}

}
@media (min-width: 1440px) {
.newhero .container {
    max-width: 1260px;
}
}


.overflow-hidden { overflow: hidden; }