@charset "UTF-8";
/*! de-style.css v1.0.5 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*{
  box-sizing:border-box
}
:after,:before{
  box-sizing:inherit
}
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent
}
body{
  margin:0
}
main{
  display:block
}
address,blockquote,dl,figure,form,iframe,p,pre,table{
  margin:0
}
h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
  margin:0
}
ol,ul{
  margin:0;
  padding:0;
  list-style:none
}
dt{
  font-weight:700
}
dd{
  margin-left:0
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
  border:0;
  border-top:1px solid;
  margin:0;
  clear:both
}
pre{
  font-family:monospace,monospace;
  font-size:inherit
}
address{
  font-style:inherit
}
a{
  background-color:transparent;
  text-decoration:none;
  color:inherit
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
b,strong{
  font-weight:bolder
}
code,kbd,samp{
  font-family:monospace,monospace;
  font-size:inherit
}
small{
  font-size:80%
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub{
  bottom:-.25em
}
sup{
  top:-.5em
}
img{
  border-style:none
}
embed,iframe,object{
  border:0;
  vertical-align:bottom
}
button,input,optgroup,select,textarea{
  vertical-align:middle;
  color:inherit;
  font:inherit;
  border:0;
  background:0 0;
  padding:0;
  margin:0;
  outline:0
}
select{
  -webkit-appearance:none;
  appearance:none;
  border-radius:0
}
button,input{
  overflow:visible
}
button,select{
  text-transform:none
}
[type=button],[type=reset],[type=submit],button{
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none
}
[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{
  cursor:default
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
  border-style:none;
  padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
  outline:1px dotted ButtonText
}
fieldset{
  margin:0;
  padding:0;
  border:0;
  min-width:0
}
legend{
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}
progress{
  vertical-align:baseline
}
textarea{
  overflow:auto
}
[type=checkbox],[type=radio]{
  box-sizing:border-box;
  padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
  height:auto
}
[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}
:-ms-input-placeholder{
  font:inherit
}
::placeholder{
  font:inherit
}
label[for]{
  cursor:pointer
}
details{
  display:block
}
summary{
  display:list-item
}
table{
  border-collapse:collapse;
  border-spacing:0
}
caption{
  text-align:left
}
td,th{
  vertical-align:top
}
th{
  text-align:left;
  font-weight:700
}
[hidden],template{
  display:none
}
@font-face{
  font-family:icomoon;
  src:url(../fonts/icomoon/icomoon.eot?p09usj);
  src:url(../fonts/icomoon/icomoon.eot?p09usj#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf?p09usj) format("truetype"),url(../fonts/icomoon/icomoon.woff?p09usj) format("woff"),url(../fonts/icomoon/icomoon.svg?p09usj#icomoon) format("svg");
  font-weight:400;
  font-style:normal
}
[class*=" icon-"],[class^=icon-]{
  font-family:icomoon!important;
  speak:never;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.icon-cart:before{
  content:"\e900"
}
.icon-common:before{
  content:"\e901"
}
.icon-download:before{
  content:"\e902"
}
.icon-exit:before{
  content:"\e903"
}
.icon-facebook:before{
  content:"\e904"
}
.icon-heart-empty:before{
  content:"\e905"
}
.icon-heart-full:before{
  content:"\e906"
}
.icon-instagram:before{
  content:"\e907"
}
.icon-map:before{
  content:"\e908"
}
.icon-menu-arrow:before{
  content:"\e909"
}
.icon-print:before{
  content:"\e90a"
}
.icon-profile:before{
  content:"\e90b"
}
.icon-search:before{
  content:"\e90c"
}
.icon-share:before{
  content:"\e90d"
}
.icon-tos:before{
  content:"\e90e"
}
.icon-button-arrow:before{
  content:"\e90f"
}
.icon-cancel:before{
  content:"\e910"
}
.slick-loading .slick-list{
  background:#fff url(../../../fonts/ajax-loader.gif) 50% no-repeat
}
@font-face{
  font-family:slick;
  src:url(../../../fonts/slick/slick.eot);
  src:url(../../../fonts/slick/slick.eot?#iefix) format("embedded-opentype"),url(../../../fonts/slick/slick.woff) format("woff"),url(../../../fonts/slick/slick.ttf) format("truetype"),url(../../../fonts/slick/slick.svg#slick) format("svg");
  font-weight:400;
  font-style:normal
}
body{
  background-color:#171717;
  font-family:Montserrat,sans-serif
}
nav{
  padding-right:1rem
}
@media (min-width:560px) and (max-width:1240px){
  nav{
    padding-right:1.5rem
  }
}
@media (min-width:1240px){
  nav{
    padding-right:2.5rem
  }
}
.notification,footer{
  padding:0 1rem
}
@media (min-width:560px) and (max-width:1240px){
  .notification,footer{
    padding:0 1.5rem
  }
}
@media (min-width:1240px){
  .notification,footer{
    padding:0 2.5rem
  }
}
.heading{
  padding:1rem
}
@media (min-width:480px) and (max-width:1239px){
  .heading{
    padding:1rem 1.5rem
  }
}
@media (min-width:1240px){
  .heading{
    padding:1rem 2.5rem
  }
}
.section-padding,form,section{
  padding:1rem
}
@media (min-width:560px) and (max-width:1239px){
  .section-padding,form,section{
    padding:1.5rem
  }
}
@media (min-width:1240px){
  .section-padding,form,section{
    padding:2.5rem
  }
}
::selection{
  color:#fff;
  background-color:#008752
}
h1,.brand-title-wrapper{
  text-transform:uppercase;
  font-size:1.75rem;
  color:#fff;
  font-weight:300;
  font-family:"Roboto Condensed",sans-serif;
  line-height:2rem;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}
@media (max-width:1248px){
  h1{
    font-size:calc(1.15rem + .76923vw)
  }
}
h2{
  padding-bottom:1.5rem;
  margin-bottom:1.5rem;
  border-style:solid;
  border-width:0 0 1px;
  border-image:linear-gradient(90deg,#707070,transparent) 100% 1%
}
h2,h3,h4{
  line-height:2rem;
  font-family:Montserrat,sans-serif;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}
h3,h4{
  color:#fff
}
a{
  font-family:"Roboto Condensed",sans-serif;
  font-size:1rem
}
a,input,label,p,span,td{
  color:#fff;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}
a,input,label,p,span,td{
  font-size:.875rem;
  line-height:1.5rem;
  font-family:Montserrat,sans-serif
}
hr{
  width:2rem;
  background-color:#008752;
  border:none;
  height:2px;
  flex-shrink:0;
  margin:.5rem 1rem .5rem 0;
  display:inline-block
}
img{
  width:100%;
  height:100%;
  object-fit:cover;
  color:#838383
}
.inner-box{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}
.square-img{
  aspect-ratio: 1/1;
  max-width:5rem
}
body{
  display:-ms-grid;
  display:grid;
  -ms-grid-rows:4rem auto 5rem;
  grid-template-rows:4rem auto 5rem;
  -ms-grid-columns:100%;
  grid-template-columns:100%;
  grid-template-areas:"nav" "main" "footer"
}
@media (min-width:480px) and (max-width:1024px){
  body{
    -ms-grid-rows:5rem auto 5rem;
    grid-template-rows:5rem auto 5rem
  }
}
@media (min-width:1024px){
  body{
    -ms-grid-rows:6rem auto 5rem;
    grid-template-rows:6rem auto 5rem;
    grid-template-areas:"nav nav" "nav-sidebar main" ". footer"
  }
}
@media (min-width:1024px) and (max-width:1599px){
  body{
    -ms-grid-columns:14rem calc(100% - 14rem);
    grid-template-columns:14rem calc(100% - 14rem)
  }
}
@media (min-width:1600px) and (max-width:1900px){
  body{
    -ms-grid-columns:16rem calc(100% - 16rem);
    grid-template-columns:16rem calc(100% - 16rem)
  }
}
@media (min-width:1900px){
  body{
    -ms-grid-columns:18rem calc(100% - 18rem);
    grid-template-columns:18rem calc(100% - 18rem)
  }
}
body nav{
  -ms-grid-row:1;
  -ms-grid-column:1;
  grid-area:nav
}
body main{
  -ms-grid-row:2;
  -ms-grid-column:1;
  grid-area:main;
  position:relative;
  min-height:calc(100vh - 9rem)
}
@media (min-width:768px) and (max-width:1024px){
  body main{
    min-height:calc(100vh - 10rem)
  }
}
@media (min-width:1024px){
  body main{
    min-height:calc(100vh - 11rem)
  }
}
body footer{
  -ms-grid-row:3;
  -ms-grid-column:1;
  grid-area:footer
}
body #l-nav-sidebar{
  grid-area:nav-sidebar
}
@media (min-width:1024px){
  body nav{
    -ms-grid-row:1;
    -ms-grid-column:1;
    -ms-grid-column-span:2
  }
  body main{
    -ms-grid-row:2;
    -ms-grid-column:2
  }
  body footer{
    -ms-grid-row:3;
    -ms-grid-column:2
  }
  body #l-nav-sidebar{
    -ms-grid-row:2;
    -ms-grid-column:1
  }
}
.large-brand-heading{
  color:#008752;
  font-weight:400;
  text-transform:uppercase;
  font-size:1.625rem
}
@media (max-width:1248px){
  .large-brand-heading{
    font-size:calc(1.125rem + .64103vw)
  }
}
.regular-brand-heading{
  color:#008752;
  font-weight:400;
  text-transform:none;
  font-size:1.5rem
}
@media (max-width:1248px){
  .regular-brand-heading{
    font-size:calc(1.1rem + .51282vw)
  }
}
.regular-brand-heading span{
  font-size:1.375rem;
  color:#838383
}
@media (max-width:1248px){
  .regular-brand-heading span{
    font-size:calc(1.075rem + .38462vw)
  }
}
.regular-heading{
  color:#fff;
  font-weight:400;
  text-transform:none;
  font-size:1.5rem
}
@media (max-width:1248px){
  .regular-heading{
    font-size:calc(1.1rem + .51282vw)
  }
}
.regular-heading span{
  font-size:1.625rem;
  color:#008752
}
@media (max-width:1248px){
  .regular-heading span{
    font-size:calc(1.125rem + .64103vw)
  }
}
ul .inner{
  overflow:hidden;
  display:none
}
ul li .toggle-menu{
  width:100%;
  display:block
}
.accordion>li{
  border-bottom:1px solid #434343
}
.accordion>li>.toggle-menu{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:.9375rem;
  color:#838383;
  text-transform:uppercase;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  padding:2rem 1.5rem;
  cursor: pointer
}
.accordion>li>.toggle-menu:visited{
  color:#838383
}
.accordion>li>.toggle-menu:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
.accordion>li>.toggle-menu:active{
  color:#fff
}
.accordion>li>.toggle-menu i{
  color:#838383;
  font-size:1rem
}
.inner-first{
  margin-bottom:1.5rem;
  margin-top:-1rem
}
.inner-first>li>.toggle-menu{
  padding:.5rem 1.5rem;
  color:#555;
  text-transform:none;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  font-size:.875rem;
  font-weight:700;
  cursor: pointer
}
.inner-first>li>.toggle-menu:visited{
  color:#555
}
.inner-first>li>.toggle-menu:hover{
  color:#888;
  transition:color .3s ease-out
}
.inner-first>li>.toggle-menu:active{
  color:#fff
}
.inner-second>li>.toggle-menu{
  padding:.4rem .5rem .4rem 2.5rem;
  color:#fff;
  text-transform:lowercase;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  font-size:.875rem;
  cursor: pointer
}
.inner-second>li>.toggle-menu:visited{
  color:#fff
}
.inner-second>li>.toggle-menu:hover{
  color:#fff;
  transition:color .3s ease-out
}
.inner-second>li>.toggle-menu:active{
  color:#fff
}
.inner-third>li>.toggle-menu{
  padding:.3rem .5rem .3rem 3.5rem;
  color:#fff;
  text-transform:none;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  font-size:.875rem
}
.inner-third>li>.toggle-menu:visited{
  color:#fff
}
.inner-third>li>.toggle-menu:hover{
  color:#fff;
  transition:color .3s ease-out
}
.inner-third>li>.toggle-menu:active{
  color:#fff
}
.inner-third>li>.toggle-menu--active{
  color:#008752
}
.menu-item-first{
  background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
  background-size:6px 6px
}
.menu-item-first>.toggle-menu,.menu-item-first i{
  color:#008752!important
}
.menu-item-first i{
  transform:rotate(90deg)
}
.menu-item-second>.toggle-menu{
  color:#fff!important
}
.menu-item-third>.toggle-menu{
  color:#fff;
  position:relative
}
.menu-item-third>.toggle-menu:before{
  content:"";
  display:block;
  position:absolute;
  background:url(../img/layout/icons/arrow-main-menu.svg) no-repeat;
  left:1.6rem;
  height:1rem;
  width:2rem;
  background-size:25%;
  background-position:0
}
.scrolling-text{
  height:5rem;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background-image:linear-gradient(90deg,#008752 20%,hsla(0,0%,100%,0) 0);
  background-position:top;
  background-size:7px 2px;
  background-repeat:repeat-x
}
.scrolling-text>div{
  height:3.12rem!important
}
.scrolling-text .marquee{
  width:100%;
  overflow:hidden
}
.scrolling-text a{
  display:inline-block;
  color:#008752;
  text-transform:none;
  transition:color .3s ease-out;
  font-family:"Roboto Condensed",sans-serif;
  font-size:1.125rem;
  font-weight:300;
  height:3.12rem;
  line-height:3.12rem
}
.scrolling-text a:visited{
  color:#008752
}
.scrolling-text a:hover{
  color:#4dab86;
  transition:color .3s ease-out
}
.scrolling-text a:active{
  color:#fff
}
@media (max-width:1248px){
  .scrolling-text a{
    font-size:calc(1.025rem + .12821vw)
  }
}
.scrolling-text span{
  margin:0 1.5rem;
  color:#fff
}
.btn{
  border:1px solid #008752;
  display:inline-block;
  transition:all .3s ease-out
}
@media (max-width:479px){
  .btn{
    min-width:5rem
  }
}
.btn:hover{
  background-color:#008752
}
.btn:hover,.btn:hover i{
  transition:all .3s ease-out
}
.btn:hover i{
  color:#fff
}
.btn:active{
  background-color:#005f39
}
.btn a{
  display:inline-block;
  display:flex;
  align-items:center;
  font-size:1.125rem;
  font-weight:300;
  color:#fff;
  text-transform:uppercase;
  transition:color .3s ease-out;
  font-family:"Roboto Condensed",sans-serif;
  padding:1rem 1.5rem
}
@media (max-width:1248px){
  .btn a{
    font-size:calc(1.025rem + .12821vw)
  }
}
.btn a:visited{
  color:#fff
}
.btn a:hover{
  color:#fff;
  transition:color .3s ease-out
}
.btn a:active{
  color:#fff
}
.btn i{
  color:#008752;
  transition:all .3s ease-out
}
.mobile-btn{
  margin-left:1rem
}
.table-btn a{
  justify-content:center;
  padding:.5rem 1rem;
  text-align:center
}
.message-btn{
  min-width:8rem
}
.message-btn a{
  justify-content:center
}
.product-buttons{
  margin-top:1.5rem
}
.home-btn{
  margin-top:.5rem
}
@media (min-width:640px){
  .home-btn{
    margin-top:1rem
  }
}
.home-btn a{
  justify-content:space-between
}
.home-btn i{
  margin-left:1.5rem
}
.filled-btn a{
  background-color:#008752;
  transition:all .3s ease-out
}
.filled-btn a:hover{
  background-color:#007a4a;
  transition:all .3s ease-out
}
.filled-btn a:active{
  background-color:#006c42;
  transition:all .3s ease-out
}
.margin-left{
  margin-left:1rem
}
.margin-left-half{
  margin-left:.5rem
}
.btn-right{
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
.btn-reversed i{
  margin-left:0;
  margin-right:1.5rem;
  transform:rotate(180deg)
}
.btn.disabled{
  pointer-events:none;
  border-color:#555
}
.btn.disabled a,.btn.disabled i{
  color:#555
}
.profile-sidebar-container{
  padding:2.5rem
}
.profile-sidebar-container img{
  height:1.6rem;
  width:auto
}
.personal-profile-container{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-direction:column;
  min-height:calc(100vh - 4rem)
}
@media (min-width:768px) and (max-width:1024px){
  .personal-profile-container{
    min-height:calc(100vh - 5rem)
  }
}
@media (min-width:1024px){
  .personal-profile-container{
    min-height:calc(100vh - 6rem)
  }
}
.personal-profile-container .profile-items{
  width:100%;
  margin:3.5rem 0;
  padding-bottom:5rem;
  flex-grow:2
}
.personal-profile-container .profile-items a{
  border-bottom:1px solid #fff
}
.personal-profile-container .profile-exit{
  width:100%
}
.personal-profile-container .profile-exit a{
  border-top:1px solid #fff
}
.personal-profile-container p{
  color:#fff;
  font-weight:400;
  padding:.5rem 0;
  width:100%;
  font-size:.875rem;
  border-bottom:1px solid #fff
}
.personal-profile-container a{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  color:#fff;
  text-transform:uppercase;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  padding:1rem 0;
  font-size:.875rem
}
.personal-profile-container a:visited{
  color:#fff
}
.personal-profile-container a:hover{
  color:#fff;
  transition:color .3s ease-out
}
.personal-profile-container a:active{
  color:#fff
}
.personal-profile-container a i{
  margin-right:1rem;
  padding:0;
  color:#fff
}
.personal-profile-container .active-profile-setting{
  color:#008752!important;
  border-bottom:3px solid #008752!important
}
.personal-profile-container .active-profile-setting i{
  color:#008752
}
.login-register-container form{
  padding:0;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  flex-direction:column
}
.login-register-container form:first-child{
  margin-bottom:2.5rem
}
.login-register-container form h3{
  color:#fff;
  font-weight:400;
  text-transform:none;
  border-bottom:1px solid #fff;
  margin-bottom:2.5rem;
  font-size:1.25rem;
  width:100%;
  padding-bottom:.5rem
}
@media (max-width:1248px){
  .login-register-container form h3{
    font-size:calc(1.05rem + .25641vw)
  }
}
.login-register-container form p{
  color:#fff;
  font-weight:400;
  width:100%;
  font-size:.75rem;
  line-height:1.5rem
}
.login-register-container form .profile-type{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center
}
.login-register-container form label{
  color:#fff;
  font-size:.875rem;
  line-height:1.3rem
}
.login-register-container form input{
  height:2.4rem;
  border:1px solid #fff;
  color:#fff;
  width:100%;
  line-height:2.4rem;
  padding:0 1rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:.2rem;
  margin-bottom:1rem
}
.login-register-container form input:focus{
  border-color:#008752
}
.login-register-container form .forgotten-password{
  text-transform:lowercase;
  text-decoration:underline;
  font-size:.75rem;
  position:relative;
  top:-.5rem
}
.login-register-container form .btn-position{
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
.login-register-container form .btn-position .btn{
  margin-top:1rem
}
.login-register-container form .btn-position .btn a{
  padding:0 1rem
}
.checkbox{
  position:relative;
  padding-left:1.8rem;
  margin:1rem;
  cursor:pointer;
  font-size:1rem;
  font-family:"Roboto Condensed",sans-serif;
  font-weight:300;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  text-wrap: nowrap
}
.checkbox input[type=checkbox],.checkbox input[type=radio]{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}
.checkbox input[type=checkbox]:checked~.checkmark,.checkbox input[type=radio]:checked~.checkmark{
  border:.1rem solid #008752
}
.checkbox input:checked~.checkmark:after{
  display:block
}
.checkbox-container{
  display:block;
  position:relative;
  padding-left:1.8rem;
  margin:1.5rem 0;
  cursor:pointer;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.checkbox-container input[type=checkbox],.checkbox-container input[type=radio]{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0
}
.checkbox-container input[type=checkbox]:checked~.checkmark,.checkbox-container input[type=radio]:checked~.checkmark{
  border:.1rem solid #008752
}
.checkbox-container input:checked~.checkmark:after{
  display:block
}
.checkmark{
  position:absolute;
  left:0;
  height:1.2rem;
  width:1.2rem;
  border:.1rem solid #838383;
  top:50%;
  transform:translateY(-50%)
}
.checkmark:after{
  content:"";
  display:block;
  position:absolute;
  display:none;
  left:.35rem;
  top:.05rem;
  width:.4rem;
  height:.8rem;
  border:solid #008752;
  border-width:0 .2rem .2rem 0;
  transform:rotate(45deg)
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0
}
input[type=number]{
  -moz-appearance:textfield
}
.form-container textarea{
  border:1px solid #555;
  color:#fff;
  padding:.5rem;
  margin-top:1rem;
  resize:none;
  overflow-y:auto;
  width:100%;
  height:15rem;
  font-family:Montserrat,sans-serif;
  font-size:.875rem
}
.form-container input[type=email],.form-container input[type=number],.form-container input[type=text]{
  border-bottom:1px solid #555;
  height:3.2rem;
  max-width:35rem;
  width:100%;
  color:#fff;
  font-size:.875rem;
  line-height:3.2rem;
  font-family:Montserrat,sans-serif;
  display:block;
  margin-bottom:1.5rem;
  -webkit-user-select:text
}
.form-container input[type=button],.form-container input[type=submit]{
  height:3rem;
  border:1px solid #008752;
  font-size:1.125rem;
  line-height:3rem;
  color:#fff;
  font-weight:300;
  padding:0 1rem;
  transition:all .3s ease-out;
  font-family:"Roboto Condensed",sans-serif;
  text-transform:uppercase
}
@media (max-width:1248px){
  .form-container input[type=button],.form-container input[type=submit]{
    font-size:calc(1.025rem + .12821vw)
  }
}
@media (max-width:479px){
  .form-container input[type=button],.form-container input[type=submit]{
    width:100%
  }
}
.form-container input[type=button]:hover,.form-container input[type=submit]:hover{
  background-color:#008752;
  transition:all .3s ease-out
}
.form-container input[type=button]:active,.form-container input[type=submit]:active{
  background-color:#005f39
}
.form-container input:disabled{
  border-bottom:1px solid #3c3c3c
}
.form-container input:focus{
  border-bottom:1px solid #008752;
  outline:0
}
.form-container label,.form-container label p{
  color:#fff;
  font-weight:400;
  font-size:1rem
}
.form-container label p{
  display:inline-block
}
.required-field p{
  position:relative
}
.required-field p:after{
  content:"*";
  display:block;
  position:absolute;
  top:0;
  font-size:1.3rem;
  right:-.8rem;
  color:#008752
}
.submit-right-arrow{
  padding-right:1.5rem!important;
  padding-left:3.5rem!important;
  background:url(../img/layout/icons/left-arrow-green.svg) no-repeat;
  background-position:12% 50%;
  text-align:right
}
.submit-right-arrow:active,.submit-right-arrow:hover{
  background:url(../img/layout/icons/left-arrow-white.svg) no-repeat;
  background-position:12% 50%
}
.submit-left-arrow{
  padding-left:1.5rem!important;
  padding-right:3.5rem!important;
  background:url(../img/layout/icons/right-arrow-green.svg) no-repeat;
  background-position:90% 50%;
  text-align:left
}
.submit-left-arrow:active,.submit-left-arrow:hover{
  background:url(../img/layout/icons/right-arrow-white.svg) no-repeat;
  background-position:90% 50%
}
.submit-up-arrow{
  padding-left:1.5rem!important;
  padding-right:3.5rem!important;
  background:url(../img/layout/icons/up-arrow-green.svg) no-repeat;
  background-position:90% 50%;
  text-align:left
}
.submit-up-arrow:active,.submit-up-arrow:hover{
  background:url(../img/layout/icons/up-arrow-white.svg) no-repeat;
  background-position:90% 50%
}
.notification{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:3.8rem;
  position:absolute;
  bottom:0
}
@media (min-width:1600px){
  .notification{
    max-width:calc(100% - 25rem)
  }
}
.notification p{
  color:#fff;
  font-weight:300;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.notification a{
  border-radius:50%;
  width:2rem;
  height:2rem;
  display:flex;
  justify-content:center;
  align-items:center
}
.notification-info{
  background-color:#008752
}
.notification-info a{
  background-color:#66b797
}
.notification-info i{
  color:#008752;
  font-size:1rem;
  transition:color .3s ease-out
}
.notification-info i:visited{
  color:#008752
}
.notification-info i:hover{
  color:#4dab86;
  transition:color .3s ease-out
}
.notification-info i:active{
  color:#008752
}
.notification-alert{
  background-color:#ea4335
}
.notification-alert a{
  background-color:#f28e86
}
.notification-alert i{
  color:#ea4335;
  font-size:1rem;
  transition:color .3s ease-out
}
.notification-alert i:visited{
  color:#ea4335
}
.notification-alert i:hover{
  color:#f07b72;
  transition:color .3s ease-out
}
.notification-alert i:active{
  color:#008752
}
.gallery-wrapper{
  flex-flow:wrap
}
.floating-text-block{
  position:absolute;
  width:100%;
  height:1.8rem;
  bottom:0;
  left:0;
  background-color:black;
  opacity:70%
}
.floating-text{
  height:100%;
  position:relative;
  top:50%;
  transform:translateY(-50%)
}
.floating-text .marquee{
  width:100%;
  overflow:hidden
}
.floating-text a{
  display:inline-block;
  color:#008752;
  text-transform:none;
  transition:color .3s ease-out;
  font-family:"Roboto Condensed",sans-serif;
  font-size:1.3rem;
  font-weight:500
}
.floating-text a:visited{
  color:#008752
}
.floating-text a:hover{
  color:#4dab86;
  transition:color .3s ease-out
}
.floating-text a:active{
  color:#fff
}
.floating-text span{
  margin:0 1.5rem;
  color:#fff
}
.heading{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:-webkit-sticky;
  position:sticky;
  z-index:3;
  top:4rem;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px)
}
@media (min-width:480px) and (max-width:1024px){
  .heading{
    top:5rem
  }
}
@media (min-width:1024px){
  .heading{
    top:6rem
  }
}
.heading .cart-number{
  display:flex;
  justify-content:flex-start;
  align-items:baseline;
  flex-direction:column
}
@media (min-width:1024px){
  .heading .cart-number{
    flex-direction:row
  }
}
@media (min-width:1024px){
  .heading p{
    margin-left:.5rem
  }
}
.heading p span{
  color:#838383
}
.heading .btn{
  margin-left:1rem
}
.heading h1{
  flex-grow:2
}
.heading i{
  color:#fff;
  font-size:1.25rem;
  transition:color .3s ease-out;
  margin-left:1rem
}
.heading i:visited{
  color:#fff
}
.heading i:hover{
  color:#fff;
  transition:color .3s ease-out
}
.heading i:active{
  color:#008752
}
@media (min-width:768px){
  .heading i{
    margin-left:1.5rem
  }
}
.heading img{
  height:3rem;
  width:auto
}
@media (max-width:559px){
  .heading-text-checkbox{
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    flex-direction:column
  }
}
.heading-text-checkbox .checkbox-container{
  margin:0 0 0 1rem
}
@media (max-width:559px){
  .heading-text-checkbox .checkbox-container{
    margin:1rem 0 0
  }
}
.fixed-heading{
  position:fixed
}
@media (min-width:1024px) and (max-width:1600px){
  .fixed-heading{
    width:calc(100% - 14rem)
  }
}
@media (min-width:1600px) and (max-width:1900px){
  .fixed-heading{
    width:calc(100% - 16rem)
  }
}
@media (min-width:1900px){
  .fixed-heading{
    width:calc(100% - 18rem)
  }
}
.light-heading{
  background-color:rgba(35,135,82,.3);
  min-height:5rem
}
.dark-heading{
  background-color:rgba(0,0,0,.7);
  height:5rem
}
.solid-dark-heading{
  background-color:#000;
  min-height:5rem
}
.heading-border{
  border-style:solid;
  border-width:0 0 1px;
  border-image:linear-gradient(90deg,#707070,transparent) 100% 1%
}
.technical-table{
  width:calc(100% + 2rem);
  border-collapse:separate;
  border-spacing:1rem 0;
  position:relative;
  left:-1rem
}
.technical-table td{
  color:#fff;
  font-weight:400;
  font-size:1rem;
  margin:1rem;
  font-family:"Roboto Condensed",sans-serif
}
.technical-table a{
  color:#838383;  /* #fff */
  font-weight:400;
  font-size:1rem;
  font-family:"Roboto Condensed",sans-serif
}
.technical-table td:first-child{
  color:#838383
}
.technical-table td:first-child a{
  text-decoration:underline
}
.technical-table td:nth-child(odd){
  border-bottom:2px dotted #555;
  padding:.5rem
}
.technical-table td:nth-child(2){
  width:0;
  padding:0;
  border-right:1px solid #555
}
.technical-table td.inactive-field{
  color:#555
}
.table-product-left,.table-product-right{
  max-height:22rem;
  position:relative;
  overflow-x:hidden
}
.project-intro-section{
  text-align:center;
  max-width:50rem;
  margin:auto;
  padding-top:3rem;
  padding-bottom:3rem
}
.project-intro-section h2{
  display:inline-block;
  padding-left:1rem;
  padding-right:1rem
}
.project-intro-section p{
  color:#717171;
  font-weight:500
}
.product-table-container{
  margin:auto;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-direction:column
}
@media (min-width:1024px){
  .product-table-container{
    flex-direction:row
  }
}
@media (min-width:1600px){
  .product-table-container{
    max-width:75%
  }
}
.product-table-container .product-table-item{
  margin-bottom:1.5rem;
  width:100%
}
@media (min-width:1024px){
  .product-table-container .product-table-item{
    width:50%;
    margin-bottom:0
  }
}
.product-table-container .product-table-item .btn:first-child{
  margin-right:1rem
}
.product-table-container .product-table-item p{
  color:#717171;
  font-weight:500
}
@media (min-width:1024px){
  .product-table-container .product-table-item-left{
    border-style:solid;
    border-width:0 1px 0 0;
    border-image:linear-gradient(180deg,#707070,transparent) 1% 100%;
    padding-right:5%
  }
}
@media (min-width:1024px){
  .product-table-container .product-table-item-right{
    padding-left:5%
  }
}
.single-item-container{
  max-width:none
}
.single-item-container .message-btn{
  margin-bottom:1.5rem
}
.single-item-container .pattern-line{
  margin-top:0
}
@media (min-width:1600px){
  .common-item-container{
    padding-left:1rem;
    padding-right:1rem
  }
}
.slider-button{
  width:100%;
  display:flex;
  justify-content:center;
  padding:0 1rem
}
.slider-button .btn{
  margin:0
}
.single-product-container{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-direction:column
}
@media (min-width:560px){
  .single-product-container{
    border-style:solid;
    border-width:0 0 1px;
    border-image:linear-gradient(90deg,#707070,transparent) 100% 1%
  }
}
@media (min-width:1240px){
  .single-product-container{
    flex-direction:row
  }
}
.single-product-content{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  margin-bottom:1.5rem;
  flex-direction:column
}
@media (min-width:560px){
  .single-product-content{
    flex-direction:row
  }
}
@media (min-width:768px){
  .single-product-content{
    margin-bottom:1rem
  }
}
@media (min-width:1240px) and (max-width:1600px){
  .single-product-content{
    flex-direction:column
  }
}
@media (min-width:1240px){
  .single-product-content{
    margin-bottom:0;
    width:50%
  }
}
.single-product-content .single-product-photo{
  position:relative;
  width:100%;
  margin-right:1.5rem;
  margin-bottom:1.5rem
}
.single-product-content .single-product-photo:before{
  display:block;
  content:"";
  width:100%;
  padding-top:65%
}
@media (min-width:560px){
  .single-product-content .single-product-photo{
    width:50%;
    margin-bottom:0
  }
}
@media (min-width:768px) and (max-width:1240px){
  .single-product-content .single-product-photo{
    margin-bottom:1.5rem
  }
}
@media (min-width:768px){
  .single-product-content .single-product-photo{
    position:relative;
    max-width:17rem;
    width:90%
  }
  .single-product-content .single-product-photo:before{
    display:block;
    content:"";
    width:100%;
    padding-top:100%
  }
}
@media (min-width:1240px) and (max-width:1599px){
  .single-product-content .single-product-text{
    margin-top:1rem
  }
}
.single-product-content .single-product-text a{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-top:1rem
}
.single-product-content .single-product-text h3{
  color:#fff;
  font-weight:400;
  font-size:1rem;
  display:flex;
  align-items:center
}
.single-product-content .single-product-text h3 span{
  color:#838383;
  margin-left:.5rem
}
.single-product-content .single-product-text i{
  color:#838383;
  font-size:1.25rem;
  transition:color .3s ease-out;
  margin-left:1rem
}
.single-product-content .single-product-text i:visited{
  color:#838383
}
.single-product-content .single-product-text i:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
.single-product-content .single-product-text i:active{
  color:#008752
}
@media (max-width:560px){
  .single-product-content .single-product-text hr{
    display:none
  }
}
.single-product-table{
  width:50%;
  justify-content:flex-end
}
@media (min-width:1600px){
  .single-product-table{
    padding-left:5%;
    width:50%
  }
}
.table-quantity{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  font-weight:400;
  text-transform:none;
  text-wrap: nowrap
}
@media (min-width:768px){
  .table-quantity{
    justify-content:center
  }
}
.table-quantity:not(:first-child){
  margin-top:1.5rem
}
.table-quantity p{
  text-transform:none;
  font-weight:400
}
.table-price{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  text-wrap: nowrap
}
.table-price:not(:first-child){
  margin-top:2rem
}
.input-quantity{
  position:relative
}
.input-quantity input[type=button]{
  width:1.6rem;
  height:2rem;
  color:#8d8d8d
}
.input-quantity .quantity-field{
  height:2rem;
  text-align:center;
  color:#fff;
  border:1px solid #008752;
  width:2rem
}
.input-quantity .button-minus,.input-quantity .button-plus{
  font-size:1.4rem
}
.count{
  width:1.8rem
}
.count,.value,.single-price,.price{
  text-align:right;
  display:inline-block
}
.unit{
  width:1.2rem
}
.value{
  width:1.8rem
}
.single-price{
  width:4.2rem
}
.price{
  width:6rem
}
.unit{
  text-align:left;
  display:inline-block
}
.stock{
  width:1rem;
  height:1rem;
  border-radius:50%
}
.waiting-stock{
  border:1px solid #008752
}
.in-stock{
  background-color:#008752
}
.out-stock{
  background-color:#871f00
}
@media (min-width:768px) and (max-width:1600px){
  .calculator-table .table-quantity{
    justify-content:center
  }
}
@media (min-width:640px) and (max-width:1600px){
  .cart-table .table-quantity{
    justify-content:center
  }
}
.custom-select{
  position:relative;
  max-width:35rem;
  margin-bottom:1.5rem
}
.custom-select select{
  display:none
}
.select-selected{
  background:url(../img/layout/icons/down-arrow.svg) no-repeat;
  background-position:97% 50%
}
.select-items div,.select-selected{
  border-bottom:1px solid #555;
  cursor:pointer;
  height:3.2rem;
  line-height:3.2rem;
  color:#838383;
  font-weight:300;
  font-family:Montserrat,sans-serif;
  font-size:.875rem
}
.select-items{
  position:absolute;
  background-color:#838383;
  top:100%;
  left:0;
  right:0;
  z-index:6
}
.select-items div{
  color:#fff;
  padding-left:.4rem
}
.select-items div:last-child{
  border:none
}
.select-hide{
  display:none
}
.same-as-selected,.select-items div:hover{
  background-color:#008752;
  color:#fff
}
.pattern-line{
  width:100%;
  height:6.5rem;
  background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
  background-size:6px 6px;
  margin:1.5rem 0
}
.brand-list{
  display:none;
  background-color:rgba(0,0,0,.7);
  height:calc(100vh - 8rem);
  width:100%;
  position:absolute;
  top:5rem;
  left:0;
  z-index:4;
  overflow-y:auto
}
@media (min-width:480px) and (max-width:640px){
  .brand-list{
    height:calc(100vh - 8rem)
  }
}
@media (min-width:640px) and (max-width:1024px){
  .brand-list{
    height:calc(100vh - 9rem)
  }
}
@media (min-width:1024px){
  .brand-list{
    height:calc(100vh - 11rem)
  }
}
.brand-list-container{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap
}
.brand-list-container .brand-list-item{
  width:90%;
  padding:5.5rem;
  height:calc(23vh - 2rem);
  display:flex;
  justify-content:center;
  align-items:center
}
@media (min-width:460px) and (max-width:669px){
  .brand-list-container .brand-list-item{
    width:45%;
    height:calc(21vh - 2rem)
  }
}
@media (min-width:670px) and (max-width:1023px){
  .brand-list-container .brand-list-item{
    width:30%;
    height:calc(21vh - 2.2rem)
  }
}
@media (min-width:1024px) and (max-width:1299px){
  .brand-list-container .brand-list-item{
    width:25%;
    height:calc(21vh - 2.7rem)
  }
}
@media (min-width:1300px) and (max-width:1699px){
  .brand-list-container .brand-list-item{
    width:20%;
    height:calc(21vh - 2.7rem)
  }
}
@media (min-width:1700px){
  .brand-list-container .brand-list-item{
    width:15%;
    height:calc(21vh - 2.7rem)
  }
}
.brand-list-container .brand-list-item:hover{
  background-color:rgba(61,61,61,.7)
}
.brand-list-container .brand-list-item a{
  font-size:1rem;
  text-transform:uppercase;
  line-height:normal;
  font-weight:300
}
.brand-list-container .brand-list-item img{
  height:initial;
  width:10.5rem;
  max-height:7rem;
  margin-bottom:0.3rem
}
.heading-text-wrap{
  max-height:4rem
}
.blured-content{
  filter:blur(1rem)
}
.overflow-none{
  overflow:hidden
}
.brand-drop-icon{
  cursor:pointer
}
.icon-rotate .brand-drop-icon{
  transform:rotate(90deg);
  transition-duration:.3s
}
.icon-rotate .brand-drop-icon i{
  margin:0
}
.filter-search{
  position:-webkit-sticky;
  position:sticky;
  top:4rem;
  margin:0;
  z-index:4;
  background-color:#000
}
@media (min-width:480px){
  .filter-search{
    display:none
  }
}
.filter-search a{
  color:#008752;
  font-family:Montserrat,sans-serif
}
.modal{
  display:none;
  width:100%;
  background-color:transparent;
  position:static;
  padding:3.5rem 1rem
}
.modal .fancybox-close-small svg{
  color:#008752;
  width:3rem;
  height:3rem;
  right:1rem;
  top:-.5rem
}
.documents-modal{
  max-width:25rem;
  background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
  background-size:6px 6px;
  right:0;
  top:0;
  bottom:0;
  position:absolute
}
.documents-container h3{
  color:#fff;
  font-weight:400;
  text-transform:uppercase;
  border-bottom:1px solid #fff;
  margin-bottom:1.5rem;
  font-size:1.25rem
}
@media (max-width:1248px){
  .documents-container h3{
    font-size:calc(1.05rem + .25641vw)
  }
}
.documents-container a{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #fff;
  padding:1rem 0;
  color:#fff;
  text-transform:none;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  font-size:1rem
}
.documents-container a:visited{
  color:#fff
}
.documents-container a:hover{
  color:#fff;
  transition:color .3s ease-out
}
.documents-container a:active{
  color:#fff
}
.documents-container a i{
  color:#008752;
  font-size:1.5rem;
  transition:color .3s ease-out;
  padding:0
}
.documents-container a i:visited{
  color:#008752
}
.documents-container a i:hover{
  color:#4dab86;
  transition:color .3s ease-out
}
.documents-container a i:active{
  color:#008752
}
.videos-modal{
  padding:0;
  height:100%
}
.video-wrapper{
  display:flex;
  justify-content:space-between;
  height:100%
}
.more-videos-container{
  background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
  background-size:6px 6px;
  max-width:25rem;
  width:100%;
  height:100%
}
.more-videos-container h3{
  color:#fff;
  font-weight:400;
  text-transform:uppercase;
  border-bottom:1px solid #fff;
  margin-bottom:1.5rem;
  font-size:1.25rem
}
@media (max-width:1248px){
  .more-videos-container h3{
    font-size:calc(1.05rem + .25641vw)
  }
}
.more-videos{
  display:flex;
  flex-wrap:wrap
}
.video-icons{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.video-item{
  width:50%;
  padding:.7rem
}
.video-item a{
  display:block;
  margin-bottom:1rem
}
.video-item a,.video-item a img{
  width:100%;
  height:8rem
}
.video-container{
  width:calc(100% - 25rem);
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%
}
.video-container video{
  max-height:30rem
}
.cart-modal{
  max-width:35rem
}
.cart-modal-photo{
  position:relative
}
.cart-modal-photo:before{
  display:block;
  content:"";
  width:100%;
  padding-top:100%
}
.cart-modal-content{
  font-size:1rem;
  color:#838383;
  font-weight:400;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-direction:column;
  margin-top:3.5rem
}
@media (min-width:560px){
  .cart-modal-content{
    flex-direction:row;
    align-items:center
  }
}
.cart-modal-content .download-content{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin-top:1.5rem
}
@media (min-width:560px){
  .cart-modal-content .download-content{
    margin:0
  }
}
.cart-modal-content a{
  font-size:1rem;
  line-height:1.5rem;
  padding-left:1rem;
  border-left:1px solid #008752;
  display:flex;
  justify-content:center;
  align-items:center
}
.cart-modal-content a:first-child{
  border:none;
  padding-left:0
}
.cart-modal-content a i{
  margin-right:1rem;
  margin-left:.5rem;
  color:#838383;
  font-size:1.5rem;
  transition:color .3s ease-out
}
.cart-modal-content a i:visited{
  color:#838383
}
.cart-modal-content a i:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
.cart-modal-content a i:active{
  color:#008752
}
.cart-modal-content span{
  color:#fff;
  font-weight:700;
  margin-left:.5rem
}
.news-modal{
  display:none;
  max-width:60rem
}
.news-modal-photo{
  position:relative
}
.news-modal-photo:before{
  display:block;
  content:"";
  width:100%;
  padding-top:60%
}
.news-modal-content{
  margin-top:3.5rem
}
.news-modal-content .modal-image{
  border-style:solid;
  border-width:0 0 1px;
  border-image:linear-gradient(90deg,#707070,transparent) 100% 1%;
  margin-bottom:1.5rem
}
.news-modal-content .modal-image img{
  max-width:15rem;
  padding-bottom:1.5rem
}
.news-modal-content .modal-text{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start
}
.news-modal-content .modal-text p{
  font-size:1rem;
  color:#838383;
  font-weight:400
}
.news-modal-content .share-content{
  margin-top:3.5rem;
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
.news-modal-content .share-content .btn{
  margin:0 0 0 1.5rem
}
.news-modal-content .share-content>a>i{
  color:#fff;
  font-size:1.5rem;
  transition:color .3s ease-out;
  margin-left:1.5rem
}
.news-modal-content .share-content>a>i:visited{
  color:#fff
}
.news-modal-content .share-content>a>i:hover{
  color:#fff;
  transition:color .3s ease-out
}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited,.news-modal-content .share-content>a>i:active{
  color:#008752
}
.fancybox-caption{
  padding-left:1rem;
  padding-right:1rem
}
.fancybox-caption__body{
  padding-bottom:3.5rem;
  font-size:1rem;
  color:#838383;
  font-weight:400
}
.fancybox-caption__body span{
  color:#fff;
  font-weight:700;
  margin-left:.5rem
}
.gallery-samples-page .fancybox-caption__body{
  color:#fff
}
.gallery-samples-page .fancybox-caption__body span{
  color:#008752;
  margin-left:4rem
}
.fancybox-toolbar{
  right:1rem
}
.fancybox-toolbar .fancybox-button--play,.fancybox-toolbar .fancybox-button--thumbs,.fancybox-toolbar .fancybox-button--zoom{
  display:none!important
}
.fancybox-toolbar svg{
  width:2.5rem;
  height:2.5rem
}
.fancybox-button--arrow_right{
  background-color:transparent
}
.fancybox-button--arrow_right svg{
  right:1rem;
  width:2.5rem;
  height:2.5rem
}
.fancybox-button--arrow_left{
  background-color:transparent
}
.fancybox-button--arrow_left svg{
  width:2.5rem;
  height:2.5rem
}
.common-tooltip{
  position:relative;
  display:inline-block
}
.common-tooltip .tooltip-text{
  visibility:hidden;
  width:10rem;
  color:#fff;
  text-align:center;
  padding:.5rem 0;
  position:absolute;
  z-index:7;
  top:130%;
  left:50%;
  margin-left:-5rem;
  font-size:.875rem;
  line-height:1.3rem
}
.common-tooltip .tooltip-text:after{
  content:" ";
  position:absolute;
  bottom:100%;
  left:50%;
  margin-left:-7px;
  border-width:7px;
  border-style:solid
}
.common-tooltip:hover .tooltip-text{
  visibility:visible
}
.profile-tooltip .profile-tooltip-text{
  background-color:#008752
}
.profile-tooltip .profile-tooltip-text:after{
  border-color:transparent transparent #008752
}
.product-tooltip .product-tooltip-text{
  background-color:#838383
}
.product-tooltip .product-tooltip-text:after{
  border-color:transparent transparent #838383
}
.cart{
  position:relative
}
.notification-cart{
  background-color:#008752;
  color:#fff;
  border-radius:50%;
  width:1.1rem;
  height:1.1rem;
  position:absolute;
  top:-.4rem;
  right:.2rem;
  bottom:unset;
  left:unset;
  display:flex;
  justify-content:center;
  align-items:center
}
.notification-cart span{
  font-size:.625rem
}
.desktop-search-bar{
  display:flex;
  justify-content:flex-start;
  align-items:center
}
@media (max-width:359px){
  .desktop-search-bar{
    display:none
  }
}
.desktop-search-bar-form{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding:0 1rem 0 0;
  display:none
}
.desktop-search-bar-form input[type=submit],.desktop-search-bar-form input[type=text]{
  height:2.5rem;
  line-height:2.5rem;
  font-size:1rem
}
.desktop-search-bar-form input[type=text]{
  border-bottom-color:#008752;
  margin:0 1rem 0 0;
  max-width:none;
  min-width:3rem
}
.active-search-bar{
  display:flex;
  flex-grow:2
}
.active-search-btn i{
  color:#008752
}
.hidden-languages{
  display:none!important
}
.results-search-bar{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  position:-webkit-sticky;
  position:sticky;
  top:4rem;
  z-index:100000;
  background-color:#171717
}
@media (min-width:768px){
  .results-search-bar{
    top:5rem
  }
}
@media (min-width:1024px){
  .results-search-bar{
    display:none
  }
}
.results-search-bar i{
  color:#008752;
  font-size:1.3rem;
  padding-left:1rem
}
.results-search-bar-form{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding-left:.5rem;
  padding-right:1rem
}
.results-search-bar-form input[type=text]{
  max-width:none;
  height:2.5rem;
  line-height:2.5rem;
  font-size:1rem;
  border-bottom-color:#008752;
  margin:0
}
.results-search-bar-form input[type=submit]{
  background:url(../img/layout/icons/right-arrow-green.svg) no-repeat;
  border:none;
  height:2.5rem;
  position:absolute;
  background-position:100%;
  right:2rem
}
.results-search-bar-form input[type=submit]:hover{
  background:url(../img/layout/icons/right-arrow-white.svg) no-repeat;
  background-position:100%
}
.selected-items-container{
  width:100%;
  display:flex;
  align-items:center;
  background-color:#171717;
  flex-wrap:wrap;
  border-style:solid;
  border-width:0 0 1px;
  border-image:linear-gradient(180deg,#707070,transparent) 100% 1%;
  padding:.5rem
}
@media (min-width:560px) and (max-width:1240px){
  .selected-items-container{
    padding:.5rem 1rem
  }
}
@media (min-width:1240px){
  .selected-items-container{
    padding:1rem 2rem
  }
}
.selected-items-container .selected-item a{
  color:#fff;
  text-transform:none;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  padding:.5rem;
  display:flex;
  align-items:center
}
.selected-items-container .selected-item a:visited{
  color:#fff
}
.selected-items-container .selected-item a:hover{
  color:#fff;
  transition:color .3s ease-out
}
.selected-items-container .selected-item a:active{
  color:#fff
}
.selected-items-container .selected-item i{
  color:#838383;
  font-size:.5rem;
  transition:color .3s ease-out;
  margin-left:.5rem
}
.selected-items-container .selected-item i:visited{
  color:#838383
}
.selected-items-container .selected-item i:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
.selected-items-container .selected-item i:active{
  color:#008752
}
.selected-items-container .clear-items{
  flex-grow:2
}
.selected-items-container .clear-items a{
  color:#838383;
  text-transform:none;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  text-decoration:underline;
  display:block;
  text-align:right;
  padding:.5rem
}
.selected-items-container .clear-items a:visited{
  color:#838383
}
.selected-items-container .clear-items a:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
.selected-items-container .clear-items a:active{
  color:#fff
}
.product-filter-mobile{
  padding:0 1.5rem;
  border-top:1px solid #555
}
@media (min-width:480px){
  .product-filter-mobile{
    display:none
  }
}
.product-filter-mobile .toggle-menu{
  border-bottom:1px solid #555;
  padding:1.25rem 0!important;
  color:#fff!important
}
.product-filter-mobile .toggle-menu i{
  padding:0 1rem;
  transform:rotate(90deg)
}
.product-filter-mobile .inner{
  padding:0;
  margin:0!important
}
.product-filter-mobile .inner li{
  border-top:.5px solid #555
}
.product-filter-mobile .inner li:first-child{
  border:none
}
.product-filter-mobile .checkbox-container{
  padding-bottom:1rem;
  padding-top:1rem;
  margin:0
}
.product-filter-mobile .tonecard-search-bar .tonecard-search-bar-form{
  padding:1rem 0
}
.product-filter-mobile .tonecard-search-bar input[type=text]{
  font-family:Montserrat,sans-serif
}
.product-filter{
  position:-webkit-sticky;
  position:sticky;
  padding:0;
  z-index:3;
  top:4rem
}
@media (min-width:480px) and (max-width:1024px){
  .product-filter{
    top:5rem
  }
}
@media (min-width:1024px){
  .product-filter{
    top:6rem
  }
}
.product-filter .product-filter-dropdown{
  background-color:#000;
  padding:1rem;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap
}
@media (min-width:560px) and (max-width:1240px){
  .product-filter .product-filter-dropdown{
    padding:1rem 1.5rem
  }
}
@media (min-width:1240px){
  .product-filter .product-filter-dropdown{
    padding:1rem 2.5rem
  }
}
.product-filter .filter-section{
  padding:0;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap
}
@media (min-width:480px){
  .product-filter .filter-section{
    justify-content:flex-start
  }
}
@media (min-width:480px){
  .product-filter h1{
    display:none
  }
}
.product-filter .filter-btn{
  width:auto;
  background-color:#008752;
  border:1px solid #008752
}
@media (min-width:479px){
  .product-filter .filter-btn{
    display:none
  }
}
.product-filter .filter-btn:hover{
  background-color:transparent
}
.product-filter .filter-logo{
  margin-right:2rem
}
@media (max-width:479px){
  .product-filter .filter-logo{
    display:none
  }
}
.product-filter .filter-logo img{
  height:3rem;
  width:auto;
}
.filter-logo{
  max-height:5rem
}
.filter-logo img{
  vertical-align:middle;
  margin-right:1.5rem
}
@media (max-width:479px){
  .filter-logo img{
  margin-right:1rem
  }
}
.product-filter .filter-exit{
  text-align:right
}
@media (min-width:69rem){
  .product-filter .filter-exit{
    flex-grow:5
  }
}
@media (max-width:480px){
  .product-filter .filter-exit{
    display:none
  }
}
.product-filter .filter-exit i{
  color:#fff;
  font-size:1.25rem;
  transition:color .3s ease-out;
  margin:1rem 0 1rem 1rem
}
.product-filter .filter-exit i:visited{
  color:#fff
}
.product-filter .filter-exit i:hover{
  color:#fff;
  transition:color .3s ease-out
}
.product-filter .filter-exit i:active{
  color:#008752
}
@media (min-width:768px){
  .product-filter .filter-exit i{
    margin-left:1.5rem
  }
}
.dropdown{
  display:inline-block;
  position:relative
}
.dropdown ul.active{
  visibility:visible;
  transition:all .3s ease;
  transform:scaleY(1)
}
.dropdown-button{
  padding:.5rem 1.6rem .5rem 0;
  font-size:1rem;
  font-family:"Roboto Condensed",sans-serif;
  color:#fff;
  font-weight:300;
  text-transform:uppercase;
  border:none;
  border-bottom:1px solid #838383;
  cursor:pointer;
  background:url(../img/layout/icons/down-arrow-disabled.svg) no-repeat;
  background-position:100%;
  margin:.5rem 0 .5rem 0
}
.dropdown-button-right{
  margin-right:1rem
}
.gallery-heading-padding{
  padding-right:1rem
}
.dropdown-button:focus,.dropdown-button:hover{
  background-color:#008752;
  background:url(../img/layout/icons/down-arrow.svg) no-repeat;
  background-position:100%
}
.dropdown ul{
  visibility:hidden;
  transform-origin:top;
  transform:scaleY(0);
  background-color:#191919;
  position:absolute;
  left:0;
  top:100%;
  transition:all .3s ease;
  width:auto;
  z-index:6;
  padding:0 1.5rem
}
.dropdown ul li{
  border-top:1px solid #555
}
.dropdown ul li:first-child{
  border:none
}
.dropdown ul label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-top:.57rem;
  padding-bottom:.57rem;
  margin:0;
  font-size:.875rem;
  font-family:"Roboto Condensed",sans-serif
}
.dropdown-selection{
  max-width:280px;
  overflow-y:auto;
  max-height:360px
}
.tonecard-search-bar-form{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  position:relative;
  padding:0
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .tonecard-search-bar-form{
  display:-ms-inline-flexbox
  }
  .tonecard-search-bar-form input[type=text]{
  width:100%
  }
}
.tonecard-search-bar-form input[type=text]{
  margin:0;
  font-size:1rem;
  font-family:"Roboto Condensed",sans-serif;
  text-transform:uppercase;
  font-weight:300;
  color:#fff!important;
  max-width:6rem;
  -webkit-user-select:text;
  padding:0;
  height:2.2rem;
  line-height:2.2rem;
  border-bottom:1px solid #838383
}
.tonecard-search-bar-form input[type=text]:-ms-input-placeholder{
  color:#fff!important
}
.tonecard-search-bar-form input[type=text]::placeholder{
  color:#fff!important
}
.tonecard-search-bar-form input[type=submit]{
  border:none;
  background:url(../img/layout/icons/search-white.svg) no-repeat;
  background-position:100%;
  position:absolute;
  right:0;
  padding:0;
  width:2rem;
  height:2.2rem;
  bottom:0px
}
.tonecard-search-bar-form input[type=submit]:active,.tonecard-search-bar-form input[type=submit]:hover{
  background:url(../img/layout/icons/search-green.svg) no-repeat;
  background-position:100%;
  background-color:transparent
}
.filter-menu-mobile{
  display:none
}
.filter-menu-visible{
  display:block
}
.content-hidden{
  display:none!important
}
.spinner{
  width:2.6rem;
  height:2.6rem;
  position:relative;
  margin:6.25rem auto
}
.double-bounce1,.double-bounce2{
  width:100%;
  height:100%;
  border-radius:50%;
  background-color:#008752;
  opacity:.6;
  position:absolute;
  top:0;
  left:0;
  animation:sk-bounce 2s ease-in-out infinite
}
.double-bounce2{
  animation-delay:-1s
}
@keyframes sk-bounce{
  0%,to{
    transform:scale(0);
    -webkit-transform:scale(0)
  }
  50%{
    transform:scale(1);
    -webkit-transform:scale(1)
  }
}
.cart-info{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  margin-top:3.5rem
}
.cart-info .order-info{
  display:flex;
  justify-content:flex-end;
  border-bottom:1px solid #555;
  padding-bottom:1rem;
  flex-wrap:wrap
}
.cart-info .order-info p{
  color:#838383;
  font-weight:400;
  font-size:.9375rem;
  margin-left:1rem
}
@media (max-width:639px){
  .cart-info .order-info p:nth-child(3){
    margin-right:1rem
  }
}
@media (max-width:639px){
  .cart-info .order-info p:nth-child(4){
    display:none
  }
}
.cart-info .order-info .line-through-text{
  text-decoration:line-through;
  font-size:1.0625rem;
  padding:0 1rem
}
@media (max-width:1248px){
  .cart-info .order-info .line-through-text{
    font-size:calc(1.0125rem + .0641vw)
  }
}
.cart-info .order-info span{
  color:#fff;
  font-weight:700;
  margin-left:.5rem
}
.cart-info .total-price{
  margin-top:1.5rem
}
.cart-info .total-price p{
  color:#008752;
  font-weight:700;
  font-size:1.0625rem
}
@media (max-width:1248px){
  .cart-info .total-price p{
    font-size:calc(1.0125rem + .0641vw)
  }
}
.cart-info .total-price span{
  margin-left:1rem
}
.btn-row{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-top:1.5rem;
  flex-direction:column
}
@media (min-width:440px){
  .btn-row{
    flex-direction:row
  }
}
@media (min-width:1600px){
  .btn-row{
    margin-top:2.5rem
  }
}
@media (max-width:439px){
  .btn-row .btn{
    width:100%
  }
}
.table-color{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  width: 100%
}
.table-area{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.clear-all{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-direction:row
}
.clear-all>a{
  color:#838383;
  text-transform:lowercase;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  text-decoration:underline;
  font-size:1.125rem
}
.clear-all>a:visited{
  color:#838383
}
.clear-all>a:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
.clear-all>a:active{
  color:#fff
}
@media (max-width:1248px){
  .clear-all>a{
    font-size:calc(1.025rem + .12821vw)
  }
}
::-webkit-scrollbar{
  width:10px
}
::-webkit-scrollbar-track{
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  border-radius:10px
}
::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:#555;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)
}
::-webkit-scrollbar-thumb:window-inactive{
  background:#555
}
.gallery-filter{
  position:-webkit-sticky;
  position:sticky;
  padding:0;
  z-index:3;
  top:4rem
}
@media (min-width:480px) and (max-width:1024px){
  .gallery-filter{
    top:5rem
  }
}
@media (min-width:1024px){
  .gallery-filter{
    top:6rem
  }
}
nav{
  background-color:#191919;
  position:fixed;
  top:0;
  height:4rem;
  z-index:6;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-style:solid;
  border-width:0 0 1px;
  border-image:linear-gradient(90deg,#707070,transparent) 100% 1%
}
@media (min-width:480px) and (max-width:1024px){
  nav{
    height:5rem
  }
}
@media (min-width:1024px){
  nav{
    transform:none;
    left:0;
    height:6rem
  }
}
nav .logo{
  flex-grow:2
}
nav .logo img{
  width:auto;
  height:2.5rem
}
@media (max-width:479px){
  nav .logo img{
    height:3rem
  }
}
@media (min-width:480px) and (max-width:1023px){
  nav .logo img{
    height:3.5rem
  }
}
@media (min-width:1024px){
  nav .logo img{
    height:auto
  }
}
@media (min-width:1024px) and (max-width:1600px){
  nav .logo img{
    width:14rem
  }
}
@media (min-width:1600px) and (max-width:1899px){
  nav .logo img{
    width:16rem
  }
}
@media (min-width:1900px){
  nav .logo img{
    width:18rem
  }
}
nav a{
  text-transform:uppercase;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  cursor:pointer
}
nav a,nav a:visited{
  color:#838383
}
nav a:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
nav a:active{
  color:#fff
}
nav i{
  font-size:1.5rem;
  transition:color .3s ease-out;
  padding:.75rem
}
nav i,nav i:visited{
  color:#838383
}
nav i:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
nav i:active{
  color:#008752
}
.languages{
  margin-right:2.5rem;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
@media (max-width:1023px){
  .languages{
    display:none
  }
}
.languages li{
  padding:.75rem;
  font-size:1rem;
  font-weight:500;
  border-style:solid;
  border-width:0 0 0 1px;
  border-image:linear-gradient(180deg,#707070,transparent) 1% 100%
}
.languages li:first-child{
  border:none
}
.languages-sidebar{
  display:flex;
  justify-content:flex-end;
  align-items:center
}
@media (max-width:399px){
  .languages-sidebar{
    margin-top:1.6rem
  }
}
@media (min-width:560px){
  .languages-sidebar{
    margin-top:1.6rem
  }
}
.languages-sidebar li{
  padding:.75rem;
  font-size:1rem;
  font-weight:500;
  border-style:solid;
  border-width:0 0 0 1px;
  border-image:linear-gradient(180deg,#707070,transparent) 1% 100%
}
.languages-sidebar li a{
  font-family:Montserrat,sans-serif
}
.languages-sidebar li:first-child{
  border:none
}
.sidebar-search-bar{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding:0;
  position:relative;
  margin-right:1.5rem
}
@media (max-width:399px){
  .sidebar-search-bar{
    margin-right:0
  }
}
@media (min-width:560px){
  .sidebar-search-bar{
    margin-right:0
  }
}
.sidebar-search-bar input[type=submit]{
  height:2.5rem;
  width:2.5rem;
  line-height:2.5rem;
  font-size:1rem;
  position:absolute;
  top:0;
  right:0;
  background:url(../img/layout/icons/search-green.svg) no-repeat;
  background-size:60%;
  background-position:50%
}
.sidebar-search-bar input[type=text]{
  height:2.5rem;
  line-height:2.5rem;
  font-size:1rem;
  border:1px solid #008752!important;
  max-width:none;
  width:100%;
  padding-left:.5rem
}
.mobile-sidebar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-direction:row;
  padding:1.5rem
}
@media (min-width:1024px){
  .mobile-sidebar{
    display:none
  }
}
@media (max-width:399px){
  .mobile-sidebar{
    flex-direction:column
  }
}
@media (min-width:560px){
  .mobile-sidebar{
    flex-direction:column
  }
}
nav a.active-language{
  color:#fff
}
footer{
  background-color:#191919;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:2
}
footer p{
  color:#838383;
  font-weight:400
}
footer .social-links{
  display:flex
}
footer .social-links i{
  color:#838383;
  font-size:1.5rem;
  transition:color .3s ease-out;
  padding:.5rem
}
footer .social-links i:visited{
  color:#838383
}
footer .social-links i:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
footer .social-links i:active{
  color:#008752
}
.main-slider{
  margin-bottom:0!important
}
.main-slider .main-slider-item{
  height:calc(100vh - 13rem)
}
@media (min-width:768px) and (max-width:1024px){
  .main-slider .main-slider-item{
    height:calc(100vh - 15rem)
  }
}
@media (min-width:1024px){
  .main-slider .main-slider-item{
    height:calc(100vh - 17rem)
  }
}
.main-slider .slick-arrow,.main-slider .slick-dots{
  display:none!important
}
.main-slider-nav .main-slider-nav-item{
  height:9rem;
  position:relative;
  outline:0
}
@media (min-width:768px) and (max-width:1024px){
  .main-slider-nav .main-slider-nav-item{
    height:10rem
  }
}
@media (min-width:1024px){
  .main-slider-nav .main-slider-nav-item{
    height:11rem
  }
}
.main-slider-nav .main-slider-nav-item img{
  width:auto;
  height:auto;
  max-height:30%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  filter:brightness(0) invert(.25)
}
.main-slider-nav .main-slider-nav-item img:hover{
  filter:brightness(0) invert(.5);
  transition:color .3s ease-out
}
.main-slider-nav .slick-current{
  background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
  background-size:6px 6px;
  border-bottom:4px solid #008752
}
.main-slider-nav .slick-current img{
  filter:brightness(0) invert(.5)
}
.main-product-slider,.main-project-slider{
  margin-bottom:0
}
.main-product-slider .main-project-slider-item,.main-project-slider .main-project-slider-item{
  height:calc(100vh - 13rem)
}
@media (min-width:768px) and (max-width:1024px){
  .main-product-slider .main-project-slider-item,.main-project-slider .main-project-slider-item{
    height:calc(100vh - 15rem)
  }
}
@media (min-width:1024px){
  .main-product-slider .main-project-slider-item,.main-project-slider .main-project-slider-item{
    height:calc(100vh - 19rem)
  }
}
.main-product-slider .main-product-slider-item,.main-project-slider .main-product-slider-item{
  height:calc(100vh - 18.5rem)
}
@media (min-width:768px) and (max-width:1024px){
  .main-product-slider .main-product-slider-item,.main-project-slider .main-product-slider-item{
    height:calc(100vh - 20.5rem)
  }
}
@media (min-width:1024px){
  .main-product-slider .main-product-slider-item,.main-project-slider .main-product-slider-item{
    height:calc(100vh - 24.5rem)
  }
}
.main-product-slider .slick-prev,.main-project-slider .slick-prev{
  left:1.5rem;
  height:2.2rem;
  z-index:3
}
.main-product-slider .slick-next,.main-project-slider .slick-next{
  right:1.5rem;
  height:2.2rem
}
.main-product-slider .slick-dots,.main-project-slider .slick-dots{
  bottom:1rem;
  z-index:3
}
.main-product-slider .slick-dots li,.main-project-slider .slick-dots li{
  margin:0
}
.main-product-slider .slick-dots li:only-child,.main-project-slider .slick-dots li:only-child{
  display:none
}
.main-product-slider .slick-dots li button:before,.main-project-slider .slick-dots li button:before{
  color:#333;
  font-size:1rem;
  opacity:1
}
.main-product-slider .slick-dots li.slick-active button:before,.main-project-slider .slick-dots li.slick-active button:before{
  color:#fff
}
.object-slider{
  margin-top:2rem;
  margin-bottom:2rem
}
.object-slider .object-slider-item{
  position:relative;
  height:9rem;
  margin:0 1rem
}
@media (min-width:768px) and (max-width:1024px){
  .object-slider .object-slider-item{
    height:10rem
  }
}
@media (min-width:1024px){
  .object-slider .object-slider-item{
    height:11rem
  }
}
.object-slider .object-slider-item:hover hr{
  display:block
}
.object-slider .object-slider-item img{
  height:7rem
}
@media (min-width:768px) and (max-width:1024px){
  .object-slider .object-slider-item img{
    height:8rem
  }
}
@media (min-width:1024px){
  .object-slider .object-slider-item img{
    height:9rem;
    filter:brightness(70%);
    transition:color .3s ease-out
  }
  .object-slider .object-slider-item img:hover{
    filter:none;
    transition:color .3s ease-out
  }
}
.object-slider h3{
  font-size:.9375rem;
  color:#fff;
  font-weight:300;
  text-transform:uppercase;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:0;
  font-family:"Roboto Condensed",sans-serif
}
.object-slider hr{
  position:absolute;
  left:50%;
  bottom:0;
  margin:0;
  transform:translate(-50%);
  display:none
}
.object-slider .slick-next,.object-slider .slick-prev{
  top:40%
}
.common-gallery-slider{
  margin-top:2rem;
  margin-bottom:2rem
}
.common-gallery-slider .common-gallery-slider-item{
  position:relative;
  height:9rem;
  margin:0 1rem
}
@media (min-width:768px) and (max-width:1024px){
  .common-gallery-slider .common-gallery-slider-item{
    height:10rem
  }
}
@media (min-width:1024px){
  .common-gallery-slider .common-gallery-slider-item{
    height:11rem
  }
  .common-gallery-slider .common-gallery-slider-item:hover{
    background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
    background-size:6px 6px;
    border-bottom:4px solid #008752
  }
}
.common-gallery-slider .common-gallery-slider-item img{
  height:7rem
}
@media (min-width:768px) and (max-width:1024px){
  .common-gallery-slider .common-gallery-slider-item img{
    height:8rem
  }
}
@media (min-width:1024px){
  .common-gallery-slider .common-gallery-slider-item img{
    height:9rem
  }
}
.common-gallery-slider .slick-next,.common-gallery-slider .slick-prev{
  top:40%
}
.gallery-slider,.main-slider-nav{
  width:75%;
  margin-right:auto;
  margin-left:auto
}
@media (min-width:560px){
  .gallery-slider,.main-slider-nav{
    width:80%
  }
}
.gallery-slider .slick-arrow,.main-slider-nav .slick-arrow{
  height:1.6rem
}
@media (min-width:640px){
  .gallery-slider .slick-arrow,.main-slider-nav .slick-arrow{
    height:2.2rem
  }
}
.gallery-slider .slick-prev,.main-slider-nav .slick-prev{
  left:-2.5rem
}
@media (min-width:640px){
  .gallery-slider .slick-prev,.main-slider-nav .slick-prev{
    left:-3.2rem
  }
}
.gallery-slider .slick-next,.main-slider-nav .slick-next{
  right:-2.5rem
}
@media (min-width:640px){
  .gallery-slider .slick-next,.main-slider-nav .slick-next{
    right:-3.2rem
  }
}
.grid-wrapper{
  overflow:hidden;
  padding:1rem
}
@media (min-width:560px) and (max-width:1240px){
  .grid-wrapper{
    padding:1.5rem
  }
}
@media (min-width:1240px){
  .grid-wrapper{
    padding:2.5rem
  }
}
.grid-wrapper h2{
  margin-bottom:1rem
}
.grid-container{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  flex-wrap:wrap;
  margin:-1rem;
  border:0 solid #171717;
  border-width:1rem 0 0 1rem;
  width:auto
}
@media (min-width:560px) and (max-width:1240px){
  .grid-container{
    margin:-1.5rem;
    border-width:1.5rem 0 0 1.5rem
  }
}
@media (min-width:1240px){
  .grid-container{
    margin:-2.5rem;
    border-width:2.5rem 0 0 2.5rem
  }
}
.grid-container .grid-item{
  border:0 solid transparent;
  border-width:0 1rem 1rem 0;
  background-clip:padding-box
}
@media (min-width:560px) and (max-width:1240px){
  .grid-container .grid-item{
    border-width:0 1.5rem 1.5rem 0
  }
}
@media (min-width:1240px){
  .grid-container .grid-item{
    border-width:0 2.5rem 2.5rem 0
  }
}
.grid-container .grid-item .grid-photo{
  position:relative
}
.grid-container .grid-item .grid-photo:before{
  display:block;
  content:"";
  width:100%;
  padding-top:100%
}
@media (min-width:640px){
  .grid-container .grid-item .grid-photo{
    position:relative
  }
  .grid-container .grid-item .grid-photo:before{
    display:block;
    content:"";
    width:100%;
    padding-top:72.91667%
  }
}
.grid-container .grid-item .grid-content{
  margin:1rem 0 0;
  position:relative
}
.grid-container .grid-item .grid-content hr{
  visibility:hidden;
  opacity:0;
  transition:visibility 0s,opacity .3s linear;
  margin:0
}
@media (min-width:640px){
  .grid-container .grid-item .grid-content hr{
    top:25%
  }
}
.grid-container .grid-item .grid-content h3{
  color:#717171;
  font-weight:400;
  text-transform:none;
  font-size:1.125rem;
  max-height:3rem;
  overflow:hidden;
  line-height:1.5rem;
  transition:color .3s ease-out
}
@media (max-width:1248px){
  .grid-container .grid-item .grid-content h3{
    font-size:calc(1.025rem + .12821vw)
  }
}
.grid-container .grid-item .grid-content p{
  color:#717171;
  font-weight:400;
  height:6.5rem;
  display:table-row;
  font-size:.875rem
}
@media (min-width:640px){
  .grid-container .grid-item .grid-content p{
    height:3.3rem
  }
}
.grid-item{
  width:50%
}
@media (min-width:640px) and (max-width:1024px){
  .grid-item{
    width:33.33333%
  }
}
@media (min-width:1024px) and (max-width:1900px){
  .grid-item{
    width:25%
  }
}
@media (min-width:1900px) and (max-width:2329px){
  .grid-item{
    width:20%
  }
}
@media (min-width:2330px){
  .grid-item{
    width:16.666%
  }
}
.four-column-grid .grid-item{
  width:50%
}
@media (min-width:640px) and (max-width:1900px){
  .four-column-grid .grid-item{
    width:33.33333%
  }
}
@media (min-width:1900px){
  .four-column-grid .grid-item{
    width:25%
  }
}
.seven-column-grid .grid-item{
  width:50%
}
@media (min-width:560px) and (max-width:640px){
  .seven-column-grid .grid-item{
    width:33.33333%
  }
}
@media (min-width:640px) and (max-width:1240px){
  .seven-column-grid .grid-item{
    width:25%
  }
}
@media (min-width:1240px) and (max-width:1600px){
  .seven-column-grid .grid-item{
    width:20%
  }
}
@media (min-width:1600px) and (max-width:1900px){
  .seven-column-grid .grid-item{
    width:16.66667%
  }
}
@media (min-width:1900px){
  .seven-column-grid .grid-item{
    width:14.28571%
  }
}
.address-grid .grid-item{
  width:100%
}
@media (min-width:640px) and (max-width:1024px){
  .address-grid .grid-item{
    width:50%
  }
}
@media (min-width:1024px) and (max-width:1900px){
  .address-grid .grid-item{
    width:33.33333%
  }
}
@media (min-width:1900px){
  .address-grid .grid-item{
    width:25%
  }
}
.samples-container .grid-item .grid-content h3{
  font-size:1rem
}
.samples-container .grid-item .grid-content p{
  font-size:.875rem;
  color:#008752;
  height:1.5rem
}
.samples-container .grid-item .grid-content span{
  color:#008752
}
.tonecards-wrapper{
  border-style:solid;
  border-width:0 0 1px;
  border-image:linear-gradient(90deg,#707070,transparent) 100% 1%
}
.tonecards-wrapper .grid-item .grid-photo{
  position:relative
}
.tonecards-wrapper .grid-item .grid-photo:before{
  display:block;
  content:"";
  width:100%;
  padding-top:100%
}
.shop-container{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr;
  grid-template-columns:1fr;
  grid-gap:1.5rem;
  -ms-grid-rows:auto 1.5rem auto 1.5rem auto 1.5rem auto 1.5rem auto 1.5rem auto;
  grid-template-rows:auto auto auto auto auto auto;
  grid-template-areas:"shop-item1" "shop-item2" "shop-item3" "shop-item4" "shop-item5" "shop-item6"
}
@media (min-width:640px) and (max-width:1239px){
  .shop-container{
    -ms-grid-columns:1fr 1.5rem 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows:auto 1.5rem auto 1.5rem auto;
    grid-template-rows:auto auto auto;
    grid-template-areas:"shop-item1 shop-item2" "shop-item3 shop-item4" "shop-item5 shop-item6"
  }
}
@media (min-width:1240px){
  .shop-container{
    -ms-grid-columns:1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows:auto 1.5rem auto 1.5rem auto;
    grid-template-rows:auto auto auto;
    grid-template-areas:"shop-item1 shop-item1 shop-item1 shop-item1 shop-item1 shop-item1" "shop-item2 shop-item2 shop-item2 shop-item3 shop-item3 shop-item3" "shop-item4 shop-item4 shop-item5 shop-item5 shop-item6 shop-item6"
  }
}
.shop-container .shop-item1{
  -ms-grid-row:1;
  -ms-grid-column:1;
  position:relative;
  grid-area:shop-item1
}
.shop-container .shop-item1:before{
  display:block;
  content:"";
  width:100%;
  padding-top:70.83333%
}
@media (min-width:1240px){
  .shop-container .shop-item1{
    position:relative
  }
  .shop-container .shop-item1:before{
    display:block;
    content:"";
    width:100%;
    padding-top:39.86928%
  }
}
.shop-container .shop-item2{
  -ms-grid-row:3;
  -ms-grid-column:1;
  position:relative;
  grid-area:shop-item2
}
.shop-container .shop-item2:before{
  display:block;
  content:"";
  width:100%;
  padding-top:70.83333%
}
@media (min-width:1240px){
  .shop-container .shop-item2{
    position:relative
  }
  .shop-container .shop-item2:before{
    display:block;
    content:"";
    width:100%;
    padding-top:63.51351%
  }
}
.shop-container .shop-item3{
  -ms-grid-row:5;
  -ms-grid-column:1;
  position:relative;
  grid-area:shop-item3
}
.shop-container .shop-item3:before{
  display:block;
  content:"";
  width:100%;
  padding-top:70.83333%
}
@media (min-width:1240px){
  .shop-container .shop-item3{
    position:relative
  }
  .shop-container .shop-item3:before{
    display:block;
    content:"";
    width:100%;
    padding-top:63.51351%
  }
}
.shop-container .shop-item4{
  -ms-grid-row:7;
  -ms-grid-column:1;
  position:relative;
  grid-area:shop-item4
}
.shop-container .shop-item4:before{
  display:block;
  content:"";
  width:100%;
  padding-top:70.83333%
}
.shop-container .shop-item5{
  -ms-grid-row:9;
  -ms-grid-column:1;
  position:relative;
  grid-area:shop-item5
}
.shop-container .shop-item5:before{
  display:block;
  content:"";
  width:100%;
  padding-top:70.83333%
}
.shop-container .shop-item6{
  -ms-grid-row:11;
  -ms-grid-column:1;
  position:relative;
  grid-area:shop-item6
}
@media (min-width:640px) and (max-width:1239px){
  .shop-container .shop-item1{
    -ms-grid-row:1;
    -ms-grid-column:1
  }
  .shop-container .shop-item2{
    -ms-grid-row:1;
    -ms-grid-column:3
  }
  .shop-container .shop-item3{
    -ms-grid-row:3;
    -ms-grid-column:1
  }
  .shop-container .shop-item4{
    -ms-grid-row:3;
    -ms-grid-column:3
  }
  .shop-container .shop-item5{
    -ms-grid-row:5;
    -ms-grid-column:1
  }
  .shop-container .shop-item6{
    -ms-grid-row:5;
    -ms-grid-column:3
  }
}
@media (min-width:1240px){
  .shop-container .shop-item1{
    -ms-grid-row:1;
    -ms-grid-column:1;
    -ms-grid-column-span:11
  }
  .shop-container .shop-item2{
    -ms-grid-row:3;
    -ms-grid-column:1;
    -ms-grid-column-span:5
  }
  .shop-container .shop-item3{
    -ms-grid-row:3;
    -ms-grid-column:7;
    -ms-grid-column-span:5
  }
  .shop-container .shop-item4{
    -ms-grid-row:5;
    -ms-grid-column:1;
    -ms-grid-column-span:3
  }
  .shop-container .shop-item5{
    -ms-grid-row:5;
    -ms-grid-column:5;
    -ms-grid-column-span:3
  }
  .shop-container .shop-item6{
    -ms-grid-row:5;
    -ms-grid-column:9;
    -ms-grid-column-span:3
  }
}
.shop-container .shop-item6:before{
  display:block;
  content:"";
  width:100%;
  padding-top:70.83333%
}
.profile-sidebar-menu{
  position:fixed;
  background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
  background-size:6px 6px;
  margin:0;
  padding:0;
  right:0;
  bottom:0;
  transition:transform .2s linear;
  transform:translate3d(100%,0,0);
  top:4rem;
  width:100%;
  overflow:auto
}
@media (min-width:560px) and (max-width:1024px){
  .profile-sidebar-menu{
    width:19rem
  }
}
@media (min-width:768px) and (max-width:1024px){
  .profile-sidebar-menu{
    top:5rem
  }
}
@media (min-width:1024px){
  .profile-sidebar-menu{
    top:6rem;
    width:25rem
  }
}
.profile-sidebar-menu--open{
  transform:translateZ(0)
}
.profile-sidebar-menu-btn--on [class^=icon-]{
  color:#008752
}
@media (min-width:1600px){
  .profile-sidebar-profile{
    transform:translateZ(0)
  }
}
@media (min-width:1600px){
  .active-profile-icon i,.profile-sidebar-profile i{
    color:#008752
  }
}
.nav-sidebar-menu{
  background-color:#191919;
  margin:0;
  padding:0;
  z-index:5;
  position:fixed;
  right:0;
  bottom:0;
  top:4rem;
  width:100%;
  transform:translate3d(100%,0,0);
  border-top:1px solid #434343;
  transition:transform .2s linear;
  overflow:auto
}
@media (min-width:560px) and (max-width:1024px){
  .nav-sidebar-menu{
    width:19rem
  }
}
@media (min-width:480px) and (max-width:1024px){
  .nav-sidebar-menu{
    top:5rem
  }
}
@media (min-width:1024px){
  .nav-sidebar-menu{
    transform:none;
    border:none;
    left:0;
    top:6rem
  }
}
@media (min-width:1024px) and (max-width:1600px){
  .nav-sidebar-menu{
    width:14rem
  }
}
@media (min-width:1600px) and (max-width:1900px){
  .nav-sidebar-menu{
    width:16rem
  }
}
@media (min-width:1900px){
  .nav-sidebar-menu{
    width:18rem
  }
}
.nav-sidebar-menu-btn{
  padding:.75rem 0 .75rem .75rem
}
@media (min-width:1024px){
  .nav-sidebar-menu-btn{
    display:none
  }
}
.nav-sidebar-menu-btn .burger{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-direction:column;
  height:1.3rem;
  cursor:pointer
}
.nav-sidebar-menu-btn .burger li{
  background-color:#838383;
  height:.2rem;
  width:1.8rem;
  transition:all .3s ease-in-out
}
.nav-sidebar-menu-btn--on .burger li:first-child{
  transform:translate3d(0,.55rem,0) rotate(135deg)
}
.nav-sidebar-menu-btn--on .burger li:last-child{
  transform:translate3d(0,-.55rem,0) rotate(-135deg)
}
.nav-sidebar-menu-btn--on .burger li:nth-child(2){
  opacity:0
}
.nav-sidebar-menu--open{
  transform:translateZ(0)
}
.message-page{
  background-color:#000;
  height:100vh;
  display:flex;
  justify-content:center;
  flex-direction:column;
  z-index:8
}
.message-content{
  max-width:45rem;
  margin:1rem
}
.message-content h1{
  color:#fff;
  font-weight:700;
  text-transform:uppercase;
  font-family:Montserrat,sans-serif;
  font-size:1.125rem;
  border:1px solid #008752;
  padding:1rem 2.5rem;
  text-align:center
}
@media (max-width:1248px){
  .message-content h1{
    font-size:calc(1.025rem + .12821vw)
  }
}
.message-choices{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:2.5rem
}
@media (max-width:479px){
  .message-choices{
    flex-direction:column;
    margin:0
  }
}
.message-not-found{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}
.message-not-found h1{
  color:#008752;
  font-weight:400;
  text-transform:uppercase;
  font-family:Montserrat,sans-serif;
  font-size:2.875rem;
  text-align:center;
  border-bottom:1px solid #838383;
  padding-bottom:1.5rem;
  margin:1.5rem
}
@media (max-width:1248px){
  .message-not-found h1{
    font-size:calc(1.375rem + 1.92308vw)
  }
}
.message-not-found p{
  color:#008752;
  font-weight:300;
  font-size:2.125rem;
  text-align:center;
  margin:0 1.5rem 1.5rem
}
@media (max-width:1248px){
  .message-not-found p{
    font-size:calc(1.225rem + 1.15385vw)
  }
}
.message-not-found .btn{
  margin:1rem 1.5rem
}
.table-container{
  max-width:110rem
}
@media (max-width:767px){
  .table-container .form-background{
    display:none
  }
}
.main-table thead{
  color:#fff;
  font-weight:700;
  text-transform:uppercase;
  text-align:center;
  font-size:1.125rem
}
@media (max-width:1248px){
  .main-table thead{
    font-size:calc(1.025rem + .12821vw)
  }
}
.main-table tbody{
  color:#fff;
  font-weight:400;
  font-size:1rem
}
.main-table td{
  vertical-align:middle;
  margin:1rem
}
.main-table h3{
  margin:1.4rem 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.main-table .bordered-cell div{
  border:2px solid #555;
  padding:.5rem
}
.main-table .table-link a{
  color:#fff;
  text-transform:lowercase;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  border-bottom:1px solid #008752
}
.main-table .table-link a:visited{
  color:#fff
}
.main-table .table-link a:hover{
  color:#fff;
  transition:color .3s ease-out
}
.main-table .table-link a:active{
  color:#fff
}
.main-table a i{
  color:#008752;
  font-size:1.4rem;
  transition:color .3s ease-out
}
.main-table a i:visited{
  color:#008752
}
.main-table a i:hover{
  color:#4dab86;
  transition:color .3s ease-out
}
.main-table a i:active{
  color:#008752
}
.main-table i{
  font-size:1.4rem;
  color:#008752
}
.main-table .no-border-cell{
  border:none
}
.main-table .top-border-cell{
  border-top:1px solid #555
}
.main-table .flexed-row{
  display:flex;
  align-items:center;
  margin-left:0
}
.main-table .image-row{
  padding:0
}
.main-table .btn-cell{
  padding-left:0;
  padding-right:0;
  border-bottom:none
}
.main-table .btn-cell .btn:not(:first-child){
  margin-top:1rem
}
.main-desktop-table{
  width:calc(100% + 2rem);
  border-collapse:separate;
  border-spacing:1rem 0;
  position:relative;
  left:-1rem
}
.main-desktop-table tbody{
  text-align:center
}
.main-desktop-table td{
  border-bottom:2px dotted #555
}
.main-desktop-table td:nth-child(2n){
  width:0;
  border:none;
  border-right:1px solid #555;
  padding:0
}
.main-desktop-table .fixed-cell>span{
  display:inline-block;
  max-width:6rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  height:2rem;
  margin-bottom:.5rem;
  line-height:2rem
}
@media (min-width:1400px){
  .main-desktop-table .fixed-cell>span{
    max-width:8rem
  }
}
.main-desktop-table .logo-cell{
  margin-bottom:1rem;
  height:2rem;
  width:6rem
}
@media (min-width:1400px){
  .main-desktop-table .logo-cell{
    width:8rem
  }
}
.main-desktop-table .logo-cell img{
  object-fit:contain
}
.main-desktop-table .fixed-cell{
  width:6rem;
  padding:1.5rem 0
}
@media (min-width:1400px){
  .main-desktop-table .fixed-cell{
    width:8rem
  }
}
.main-desktop-table .image-cell{
  position:relative
  /*width:6rem*/
}
.main-desktop-table .image-cell:before{
  display:block;
  content:"";
  width:100%;
  padding-top:100%
}
@media (min-width:1400px){
  .main-desktop-table .image-cell{
    /*width:8rem*/
  }
}
.main-tablet-table{
  width:100%
}
.main-tablet-table i{
  margin-right:1rem
}
.main-tablet-table .no-padding-row td{
  padding-top:0;
  padding-bottom:0
}
.main-tablet-table .left-padding{
  padding-left:1rem
}
.main-tablet-table .right-padding{
  padding-right:1rem
}
.main-tablet-table td{
  border-bottom:1px solid #555
}
.main-tablet-table .bold-text{
  color:#fff;
  font-weight:700;
  text-transform:uppercase
}
.main-tablet-table .fixed-cell>span{
  font-weight:400;
  font-size:1rem;
  text-transform:none;
  margin:0
}
.main-tablet-table .logo-cell{
  display:flex;
  justify-content:flex-end
}
.main-tablet-table .logo-cell img{
  width:7rem
}
.main-tablet-table .fixed-cell{
  width:50%
}
.main-tablet-table .fixed-cell .image-cell{
  width:calc(100% - 1rem);
  position:relative;
  float:right
}
.main-tablet-table .fixed-cell .image-cell:before{
  display:block;
  content:"";
  width:100%;
  padding-top:50%
}
.main-tablet-table .fixed-cell:first-child .image-cell{
  float:left
}
.main-mobile-table{
  width:100%
}
.main-mobile-table .bottom-border{
  border-bottom:1px solid #555
}
.main-mobile-table .divider{
  padding-top:2rem;
  padding-bottom:0;
  border-top:1px solid #555
}
.main-mobile-table .brand-name{
  color:#fff;
  font-weight:700;
  text-transform:uppercase
}
.main-mobile-table i{
  margin-right:1rem
}
.main-mobile-table .fixed-cell>span{
  display:inline-block;
  max-width:7rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  height:2rem;
  margin-bottom:1rem;
  line-height:2rem
}
.main-mobile-table .bold-text{
  color:#fff;
  font-weight:700;
  text-transform:uppercase
}
.main-mobile-table .btn{
  display:block
}
.main-mobile-table .logo-cell{
  display:flex;
  justify-content:flex-end
}
.main-mobile-table .logo-cell img{
  width:7rem
}
.main-mobile-table .image-cell{
  position:relative;
  width:100%
}
.main-mobile-table .image-cell:before{
  display:block;
  content:"";
  width:100%;
  padding-top:50%
}
.room-size{
  min-width:12rem;
  text-wrap: nowrap
}
.room-size span{
  text-transform:lowercase;
  font-weight:400
}
.room-size input[type=number]{
  width:3.4rem;
  border:1px solid #008752;
  height:2rem;
  line-height:2rem;
  margin:0 .5rem
}
.room-size input[type=number],.room-size input[type=text]{
  text-align:right;
  color:#fff;
  padding:0 .5rem;
  font-weight:400
}
.room-size input[type=text]{
  border-bottom:1px solid #008752;
  max-width:9rem
}
@media (min-width:1350px) and (max-width:1599px){
  .room-size input[type=text]{
    max-width:9rem
  }
}
.sum{
  min-width:9rem;
  text-wrap: nowrap
}
.sum span{
  text-transform:lowercase;
  font-weight:400
}
.sum input[type=number]{
  width:5.2rem;
  border:1px solid #008752;
  height:2rem;
  line-height:2rem;
  margin:0 .5rem;
  text-align:right;
  color:#fff;
  padding:0 .5rem;
  font-weight:400
}
.product-color{
  max-width:4rem
}
.right-align-cell{
  text-align:right
}
.left-align-cell{
  text-align:left
}
@media (max-width:1350px){
  .calculator-main .form-background,.cart-main .form-background,.order-single-main .form-background{
    display:none
  }
}
@media (min-width:1350px){
  .calculator-main .pattern-line,.cart-main .pattern-line,.order-single-main .pattern-line{
    display:none
  }
}
@media (max-width:1349px){
  .calculator-main .main-desktop-table,.cart-main .main-desktop-table,.order-single-main .main-desktop-table{
    display:none
  }
}
@media (min-width:1350px){
  .calculator-main .main-tablet-table,.cart-main .main-tablet-table,.order-single-main .main-tablet-table{
    display:none
  }
}
@media (max-width:639px){
  .calculator-main .main-tablet-table,.cart-main .main-tablet-table,.order-single-main .main-tablet-table{
    display:none
  }
}
@media (min-width:640px){
  .calculator-main .main-mobile-table,.cart-main .main-mobile-table,.order-single-main .main-mobile-table{
    display:none
  }
}
@media (min-width:768px){
  .add-to-cart-main .pattern-line,.favourites-main .pattern-line,.instrument-single-main .pattern-line,.orders-main .pattern-line,.paint-single-main .pattern-line{
    display:none
  }
}
@media (max-width:767px){
  .add-to-cart-main .main-desktop-table,.favourites-main .main-desktop-table,.instrument-single-main .main-desktop-table,.orders-main .main-desktop-table,.paint-single-main .main-desktop-table{
    display:none
  }
}
@media (min-width:768px){
  .add-to-cart-main .main-mobile-table,.favourites-main .main-mobile-table,.instrument-single-main .main-mobile-table,.orders-main .main-mobile-table,.paint-single-main .main-mobile-table{
    display:none
  }
}
.add-to-cart-table td,.favourites-table td,.instrument-single-table td,.paint-single-table td{
  padding:1rem 0
}
@media (min-width:768px){
  .add-to-cart-table td,.favourites-table td,.instrument-single-table td,.paint-single-table td{
    padding:.5rem
  }
}
.calculator-table td,.cart-table td,.order-single-table td{
  padding:1rem 0
}
@media (min-width:768px){
  .calculator-table td,.cart-table td,.order-single-table td{
    padding:1rem 0
  }
}
.orders-table td{
  padding:1rem .5rem
}
.calculator-main .main-tablet-table .fixed-width-cell{
  width:24%
}
.calculator-main .main-tablet-table .margin-cell{
  width:4%;
  min-width:1rem;
}
.calculator-main .btn{
  display:block
}
.favourites-table.main-desktop-table{
  max-width:80rem
}
.sticky-td{
  background-color:#008752;
  position:-webkit-sticky;
  position:sticky;
  padding:.5rem 1rem;
  top:8rem;
  margin-bottom:1.5rem;
  color:#fff;
  font-weight:700;
  text-transform:uppercase;
  font-size:1.125rem;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:3;
  width:calc(100% + 2rem);
  margin-left:-1rem;
  margin-top:-1rem
}
@media (max-width:1248px){
  .sticky-td{
    font-size:calc(1.025rem + .12821vw)
  }
}
@media (min-width:640px) and (max-width:768px){
  .sticky-td{
    top:8.8rem
  }
}
@media (min-width:768px) and (max-width:1024px){
  .sticky-td{
    top:9.8rem
  }
}
@media (min-width:1024px) and (max-width:1350px){
  .sticky-td{
    top:10.8rem
  }
}
@media (min-width:1350px){
  .sticky-td{
    display:none
  }
}
@media (min-width:560px) and (max-width:1240px){
  .sticky-td{
    padding:.5rem 1.5rem;
    width:calc(100% + 3rem);
    margin-left:-1.5rem;
    margin-top:-1.5rem
  }
}
@media (min-width:1240px){
  .sticky-td{
    padding:.5rem 2.5rem;
    width:calc(100% + 5rem);
    margin-left:-2.5rem;
    margin-top:-2.5rem
  }
}
.sticky-td .room-size{
  min-width:0
}
.sticky-td .room-size input{
  border-color:#fff
}
.main-table .orders-sorting i{
  transform:rotate(90deg);
  display:inline-block;
  margin-left:.5rem;
  color:#838383;
  font-size:1rem;
  transition:color .3s ease-out
}
.main-table .orders-sorting i:visited{
  color:#838383
}
.main-table .orders-sorting i:hover{
  color:#a8a8a8;
  transition:color .3s ease-out
}
.main-table .orders-sorting i:active{
  color:#008752
}
.main-table .active-sort i{
  transform:rotate(270deg);
  display:inline-block;
  color:#008752;
  font-size:1rem;
  transition:color .3s ease-out
}
.main-table .active-sort i:visited{
  color:#008752
}
.main-table .active-sort i:hover{
  color:#4dab86;
  transition:color .3s ease-out
}
.main-table .active-sort i:active{
  color:#008752
}
.form-background{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100vh;
  width:100vw;
  position:fixed;
  z-index:-1
}
.form-container{
  position:relative;
  max-width:70rem
}
.form-container .form-section{
  padding:1rem 0
}
@media (min-width:480px){
  .form-container .form-section{
    padding:1.5rem 0
  }
}
.form-container h3{
  font-size:1.25rem;
  color:#fff;
  font-weight:700;
  text-transform:none;
  border-bottom:2px solid #555;
  padding-bottom:1rem;
  margin-bottom:1rem
}
@media (max-width:1248px){
  .form-container h3{
    font-size:calc(1.05rem + .25641vw)
  }
}
.form-container h3:not(:first-of-type){
  margin-top:2.5rem
}
.form-container p{
  padding:.5rem 0
}
.form-container p.form-texts,.form-container p span{
  color:#838383
}
.form-container a{
  color:#008752;
  text-transform:lowercase;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif;
  border-bottom:1px solid #008752
}
.form-container a:visited{
  color:#008752
}
.form-container a:hover{
  color:#4dab86;
  transition:color .3s ease-out
}
.form-container a:active{
  color:#fff
}
.submit-section{
  display:flex;
  justify-content:flex-end;
  max-width:35rem
}
@media (min-width:480px){
  .profile-info-form .submit-section{
    position:absolute;
    top:5.5rem;
    right:1rem
  }
}
@media (min-width:560px) and (max-width:1240px){
  .profile-info-form .submit-section{
    right:1.5rem
  }
}
@media (min-width:1240px){
  .profile-info-form .submit-section{
    right:2.5rem
  }
}
.payment-method{
  width:100%;
  flex-wrap:wrap
}
.input-section,.payment-method{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:35rem
}
@media (max-width:479px){
  .input-section{
    flex-direction:column
  }
}
.input-section>*{
  width:calc(50% - 1rem)
}
@media (max-width:479px){
  .input-section>*{
    width:100%
  }
}
.input-section .tos-accept{
  width:100%
}
#password-edit:checked~.change-password{
  display:block
}
#password-edit:checked~.checkmark{
  top:0;
  transform:none;
  margin:.75rem 0
}
.change-password{
  display:none;
  margin:2.5rem 0
}
.password-section .checkbox-container{
  padding:0
}
.password-section .checkbox-container>p{
  padding-left:1.8rem
}
.onclick-select{
  display:flex;
  justify-content:space-between;
  width:100%;
  align-items:center;
  padding-right:0;
  height:3rem;
  margin-bottom:0
}
.onclick-select>div{
  width:60%
}
.onclick-select-item{
  display:none;
  position:relative;
  z-index:6
}
.onclick-select-item--show{
  display:block
}
@media (min-width:350px){
  .edit-address-form .input-section{
    flex-direction:row
  }
  .edit-address-form .input-section .button-section{
    padding-right:.5rem
  }
  .edit-address-form .input-section .submit-section{
    padding-left:.5rem
  }
}
.overlay{
  transition:visibility 0s,opacity .3s linear;
  visibility:hidden;
  opacity:0
}
.overlay a{
  height:100%;
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
  overflow:visible
}
.overlay a img{
  width:2.5rem;
  height:2.5rem;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  top:80%
}
@media (min-width:400px) and (max-width:768px){
  .overlay a img{
    width:3rem;
    height:3rem
  }
}
@media (min-width:768px) and (max-width:1024px){
  .overlay a img{
    width:3.2rem;
    height:3.2rem
  }
}
@media (min-width:1024px){
  .overlay a img{
    width:3.5rem;
    height:3.5rem
  }
}
.overlay a p{
  display:inline-block;
  font-size:1.5rem;
  padding:0.7rem 1rem;
  border-bottom:.06rem solid #fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-60%);
  color:#fff;
  font-weight:300;
  text-transform:uppercase;
  font-family:"Roboto Condensed",sans-serif;
  z-index:3;
  overflow:hidden;
  white-space:nowrap
}
@media (max-width:1248px){
  .overlay a p{
    font-size:calc(1.1rem + .51282vw)
  }
}
.image-cell .overlay a img{
  top:50%
}
.overlay-gradient a{
  background-image:linear-gradient(0deg,#242424,transparent)
}
.overlay-gradient a p{
  top:75%;
  max-width:100%;
  text-wrap:wrap;
  text-align:center
}
.overlay-solid a{
  background-color:rgba(0,67,41,.8)
}
.full-width-anchor .overlay a,.image-cell .overlay a{
  width:100%
}
.half-width-anchor .overlay a{
  width:50%
}
.half-width-anchor .overlay a:first-child img{
  left:50%
}
@media (min-width:640px){
  .half-width-anchor .overlay a:first-child img{
    left:70%
  }
}
.half-width-anchor .overlay a:nth-child(2){
  margin-left:auto
}
.half-width-anchor .overlay a:nth-child(2) img{
  left:50%
}
@media (min-width:640px){
  .half-width-anchor .overlay a:nth-child(2) img{
    left:30%
  }
}
.third-width-anchor .overlay a{
  width:33.33333%
}
.third-width-anchor .overlay a:first-child img{
  left:60%
}
.third-width-anchor .overlay a:nth-child(2){
  margin:auto
}
.third-width-anchor .overlay a:nth-child(3){
  margin-left:auto
}
.third-width-anchor .overlay a:nth-child(3) img{
  left:40%
}
@media (max-width:1024px){
  .overlay{
    visibility:visible;
    opacity:1
  }
  .overlay a{
    background:0 0
  }
}
@media (min-width:1024px){
  .grid-item:hover .overlay,.image-cell:hover .overlay,.last-news-photo:hover .overlay,.shop-item:hover .overlay,.single-product-photo:hover .overlay,.table-color:hover .overlay,.table-product:hover .overlay{
    visibility:visible;
    opacity:1
  }
}
@media (min-width:1024px){
  .grid-container .grid-item:hover .grid-content h3{
    color:#fff;
    transition:color .3s ease-out
  }
  .grid-container .grid-item:hover .grid-content hr{
    visibility:visible;
    opacity:1
  }
}
@media (max-width:1024px){
  .grid-container .grid-item .grid-content h3{
    color:#fff;
    transition:color .3s ease-out
  }
  .grid-container .grid-item .grid-content hr{
    visibility:visible;
    opacity:1
  }
}
.intro-section{
  padding-top:7.5rem;
  padding-bottom:7.5rem;
  position:relative
}
.intro-section .intro-content{
  margin:auto
}
@media (min-width:1024px){
  .intro-section .intro-content{
    max-width:75%
  }
}
.intro-section .intro-content p{
  color:#717171;
  font-weight:500
}
@media (min-width:1024px){
  .intro-section .intro-content p{
    line-height:1.8rem
  }
}
@media (min-width:1600px){
  .intro-section .intro-content p{
    max-width:70%
  }
}
.intro-section img{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1
}
.last-news-section{
  margin:auto;
  width:100%
}
@media (min-width:1600px){
  .last-news-section{
    max-width:75%
  }
}
.last-news-section .last-news-container{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-direction:column
}
@media (min-width:640px){
  .last-news-section .last-news-container{
    flex-direction:row
  }
}
.last-news-section .last-news-container .last-news-item{
  width:100%;
  margin-top:1rem
}
@media (min-width:640px){
  .last-news-section .last-news-container .last-news-item{
    width:calc(50% - 1rem);
    margin-top:0
  }
}
.last-news-section .last-news-container .last-news-item .last-news-content{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  margin:1rem 0
}
.last-news-section .last-news-container .last-news-item .last-news-content p{
  color:#717171;
  font-weight:500;
  height:5rem;
  overflow:hidden
}
.last-news-section .last-news-container .last-news-item .last-news-photo{
  position:relative
}
.last-news-section .last-news-container .last-news-item .last-news-photo:before{
  display:block;
  content:"";
  width:100%;
  padding-top:63.15789%
}
.services-section{
  padding:0;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  max-width:110rem
}
@media (min-width:1240px){
  .services-section{
    margin-top:2.5rem;
    margin-bottom:2.5rem
  }
}
.services-section .services-item{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}
@media (min-width:1240px){
  .services-section .services-item{
    flex-direction:row
  }
}
.services-section .services-item .services-photo{
  position:relative;
  width:100%
}
.services-section .services-item .services-photo:before{
  display:block;
  content:"";
  width:100%;
  padding-top:63.41463%
}
@media (min-width:1240px){
  .services-section .services-item .services-photo{
    width:50%
  }
}
.services-section .services-item .services-content{
  width:100%;
  padding:1.5rem 2.5rem
}
@media (min-width:1240px){
  .services-section .services-item .services-content{
    width:50%
  }
}
@media (min-width:1240px) and (max-width:1900px){
  .services-section .services-item .services-content{
    padding:1rem 1.5rem
  }
}
@media (min-width:1900px){
  .services-section .services-item .services-content{
    padding:1rem 1rem 1rem 6rem
  }
}
.services-section .services-item .services-content .services-text{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start
}
.services-section .services-item .services-content .services-text p{
  color:#717171;
  font-weight:500
}
@media (min-width:1240px){
  .services-section .services-item:nth-child(2n) .services-photo{
    order:1
  }
}
@media (min-width:1240px){
  .services-section .services-item:nth-child(2n) .services-content{
    order:0
  }
}
.description-section{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  flex-direction:column;
  max-width:105rem
}
@media (min-width:768px){
  .description-section{
    flex-direction:row
  }
}
.description-section .description-content{
  width:100%;
  margin-top:1.5rem
}
@media (min-width:768px){
  .description-section .description-content{
    width:70%;
    margin:0 0 0 2.5rem
  }
}
.description-section .description-text{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start
}
.description-section .description-text p{
  color:#717171;
  font-weight:500
}
.description-section .description-photo{
  width:100%
}
@media (min-width:768px) and (max-width:70rem){
  .description-section .description-photo{
    width:50%
  }
}
@media (min-width:70rem){
  .description-section .description-photo{
    width:30rem
  }
}
.description-section .description-photo figure{
  position:relative
}
.description-section .description-photo figure:before{
  display:block;
  content:"";
  width:100%;
  padding-top:70.83333%
}
.address-section h2{
  margin-bottom:0
}
.address-section .address-tabs{
  background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
  background-size:6px 6px;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap
}
.address-section .address-tabs li{
  padding:2.5rem 0;
  margin:0 1rem
}
.address-section .address-tabs .active-tab{
  border-bottom:4px solid #008752
}
.address-section .address-tabs a{
  font-size:1.25rem;
  font-weight:700;
  color:#fff;
  text-transform:none;
  transition:color .3s ease-out;
  font-family:Montserrat,sans-serif
}
@media (max-width:1248px){
  .address-section .address-tabs a{
    font-size:calc(1.05rem + .25641vw)
  }
}
.address-section .address-tabs a:visited{
  color:#fff
}
.address-section .address-tabs a:hover{
  color:#fff;
  transition:color .3s ease-out
}
.address-section .address-tabs a:active{
  color:#fff
}
.address-tab-container{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  flex-direction:column;
  max-width:70rem
}
@media (min-width:768px){
  .address-tab-container{
    flex-direction:row
  }
}
.address-tab-container .address-tab-content{
  width:100%;
  margin-top:1.5rem
}
@media (min-width:768px){
  .address-tab-container .address-tab-content{
    width:50%;
    margin:0 0 0 2.5rem
  }
}
.address-tab-container .address-tab-text{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start
}
.address-tab-container .address-tab-photo{
  width:100%
}
@media (min-width:768px) and (max-width:70rem){
  .address-tab-container .address-tab-photo{
    width:50%
  }
}
@media (min-width:70rem){
  .address-tab-container .address-tab-photo{
    width:30rem
  }
}
.address-tab-container .address-tab-photo figure{
  position:relative
}
.address-tab-container .address-tab-photo figure:before{
  display:block;
  content:"";
  width:100%;
  padding-top:70.83333%
}
.fancybox-slide--iframe .fancybox-content{
  width:1200px;
  height:800px;
  max-width:95%;
  max-height:85%;
  margin:0
}
.contact-section,.position-section{
  width:100%;
  max-width:70rem
}
.contact-section .input-section,.contact-section .submit-section,.contact-section input,.position-section .input-section,.position-section .submit-section,.position-section input{
  max-width:none!important
}
.contact-section .form-section,.position-section .form-section{
  margin:1.5rem 0
}
.parners-section{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap
}
.parners-section a{
  display:block;
  padding:1.5rem;
  height:9rem;
  display:flex;
  justify-content:center;
  align-items:center;
  width:50%
}
@media (min-width:480px) and (max-width:768px){
  .parners-section a{
    height:10rem;
    padding:2.5rem
  }
}
@media (min-width:768px) and (max-width:1600px){
  .parners-section a{
    width:25%;
    height:12rem;
    padding:2.5rem
  }
}
@media (min-width:1600px){
  .parners-section a{
    width:20%;
    height:14rem;
    padding:2.5rem
  }
}
.parners-section a:hover{
  border-bottom:4px solid #008752;
  background-image:linear-gradient(#171717 50%,transparent 0),linear-gradient(90deg,#212121 50%,#171717 0);
  background-size:6px 6px;
  margin-bottom:-4px
}
.parners-section img{
  height:auto;
  width:auto;
  max-width:10rem
}
.recaptcha-section{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-direction:column
}
@media (min-width:480px){
  .recaptcha-section{
    flex-direction:row
  }
}
.recaptcha-section #g-recaptcha{
  transform:scale(.77);
  margin-top:1.5rem
}
@media (min-width:480px){
  .recaptcha-section #g-recaptcha{
    margin:0
  }
}
.recaptcha-section .submit-section{
  padding:0;
  width:100%
}
@media (min-width:480px){
  .recaptcha-section .submit-section{
    width:auto
  }
}
.company-positions{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-style:solid;
  border-width:0 0 1px;
  border-image:linear-gradient(90deg,#707070,transparent) 100% 1%;
  padding-bottom:1.5rem;
  flex-wrap:wrap
}
.career-section a{
  font-family:Montserrat,sans-serif;
  transition:color .3s ease-out
}
.career-section a:hover{
  border-bottom:2px solid #008752;
  transition:color .3s ease-out
}
.search-results-container{
  padding:0
}
.search-results-container .search-results-item:hover{
  background-color:#242424
}
.search-results-container .search-results-item>a{
  position:relative;
  z-index:3;
  height:100%;
  top:0;
  left:0;
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  flex-flow:row wrap;
  padding:0 1rem 1rem;
  max-width:70rem
}
@media (min-width:1600px){
  .search-results-container .search-results-item>a{
    padding:0 1.5rem 1.5rem
  }
}
.search-results-container .search-results-item .search-results-heading{
  flex:1 100%
}
.search-results-container .search-results-item .search-results-heading h3{
  color:#fff;
  font-weight:700;
  text-transform:none;
  border-top:1px solid #838383;
  font-size:1.25rem;
  padding:1rem 0;
  display:inline-block;
  width:100%
}
@media (max-width:1248px){
  .search-results-container .search-results-item .search-results-heading h3{
    font-size:calc(1.05rem + .25641vw)
  }
}
@media (min-width:1024px){
  .search-results-container .search-results-item .search-results-heading h3{
    width:90%
  }
}
.search-results-container .search-results-item:nth-child(2) .search-results-heading h3{
  border-top:none
}
.search-results-container .search-results-item .search-results-photo{
  position:relative;
  flex-basis:100%;
  margin-bottom:1rem
}
.search-results-container .search-results-item .search-results-photo:before{
  display:block;
  content:"";
  width:100%;
  padding-top:100%
}
@media (min-width:560px) and (max-width:1240px){
  .search-results-container .search-results-item .search-results-photo{
    flex-basis:25%;
    margin-right:1rem;
    margin-bottom:0
  }
}
@media (min-width:1240px){
  .search-results-container .search-results-item .search-results-photo{
    flex-basis:15%;
    margin-right:1rem;
    margin-bottom:0
  }
}
.search-results-container .search-results-item .search-results-content{
  flex-basis:100%;
  overflow:hidden;
  position:relative;
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center
}
@media (min-width:560px){
  .search-results-container .search-results-item .search-results-content{
    flex-basis:calc(75% - 1rem)
  }
}
@media (min-width:1240px){
  .search-results-container .search-results-item .search-results-content{
    flex-basis:calc(85% - 1rem)
  }
}
.search-results-container .search-results-item .search-results-content p{
  color:#717171
}
@media (max-width:767px){
  .add-to-cart-main .heading .btn{
    background-color:#008752
  }
}
.add-to-cart-main .single-product-container{
  border:none
}
.add-to-cart-main .single-product-container:nth-child(2){
  background-color:#1f1f1f
}
.add-to-cart-heading{
  padding-bottom:0
}
.add-to-cart-heading h2{
  margin-bottom:0;
  padding-top:1.5rem
}
.address-container{
  max-width:70rem
}
.address-grid h3{
  border-bottom:2px dotted #555;
  margin-top:1rem;
  margin-bottom:1rem;
  padding-bottom:1rem;
  font-size:1.125rem;
  color:#fff;
  font-weight:700;
  text-transform:none
}
@media (max-width:1248px){
  .address-grid h3{
    font-size:calc(1.025rem + .12821vw)
  }
}
.address-grid h4{
  font-size:1rem;
  color:#838383;
  font-weight:400;
  text-transform:none;
  margin-bottom:1.5rem
}
.address-grid ul{
  min-height:6rem
}
.address-grid li{
  font-size:.875rem;
  color:#fff;
  font-weight:400;
  padding:.5rem 0
}
.address-grid li span{
  width:.6rem;
  height:.6rem;
  display:inline-block;
  border-radius:50%;
  margin-right:.5rem;
  background-color:#008752
}
.address-grid .btn{
  margin-top:1.5rem
}
.address-heading{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  border-bottom:2px solid #555;
  padding-bottom:1rem;
  margin-bottom:2.5rem;
  flex-direction:column
}
@media (min-width:480px){
  .address-heading{
    flex-direction:row;
    align-items:center
  }
}
.address-heading h3{
  font-size:1.125rem;
  color:#fff;
  font-weight:700;
  text-transform:none
}
@media (max-width:1248px){
  .address-heading h3{
    font-size:calc(1.025rem + .12821vw)
  }
}
@media (min-width:768px) and (max-width:1024px){
  .order-sidebar{
    position:-webkit-sticky;
    position:sticky;
    top:10rem
  }
}
@media (min-width:1024px){
  .order-sidebar{
    position:-webkit-sticky;
    position:sticky;
    top:11.5rem
  }
}
.order-sidebar>div{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.5rem 0
}
.order-sidebar .order-sidebar-head{
  border-bottom:1px solid #838383
}
.order-sidebar .order-sidebar-result{
  border-bottom:1px solid #555;
  border-top:1px solid #555
}
.order-sidebar h4{
  color:#fff;
  font-weight:700;
  text-transform:uppercase;
  font-size:1rem
}
.complete-order-form{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  max-width:80rem;
  flex-direction:column
}
@media (min-width:768px){
  .complete-order-form{
    flex-direction:row
  }
}
.complete-order-form .order-main-content{
  flex-grow:2;
  width:100%
}
@media (min-width:768px){
  .complete-order-form .order-main-content{
    margin-right:2.5rem
  }
}
.complete-order-form .order-sidebar{
  width:100%;
  margin-top:2.5rem
}
@media (min-width:768px){
  .complete-order-form .order-sidebar{
    max-width:18rem;
    margin:0
  }
}
.complete-order-form .submit-section{
  max-width:none
}
.complete-order-form .submit-section .btn{
  text-align:left
}
.brand-background{
  background-color:#008752;
  padding:.5rem 1rem!important;
  color:#fff
}
.slick-loading .slick-list{
  background:#fff url(../fonts/ajax-loader.gif) 50% no-repeat
}
@font-face{
  font-family:slick;
  src:url(../fonts/slick/slick.eot);
  src:url(../fonts/slick/slick.eot?#iefix) format("embedded-opentype"),url(../fonts/slick/slick.woff) format("woff"),url(../fonts/slick/slick.ttf) format("truetype"),url(../fonts/slick/slick.svg#slick) format("svg");
  font-weight:400;
  font-style:normal
}
.slick-next,.slick-prev{
  position:absolute;
  display:block;
  height:20px;
  width:20px;
  line-height:0;
  font-size:0;
  cursor:pointer;
  top:50%;
  transform:translateY(-50%);
  padding:0;
  border:none
}
.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{
  background:0 0;
  color:transparent;
  outline:0
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
  opacity:1
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{
  opacity:.25
}
.slick-next:before,.slick-prev:before{
  font-family:slick;
  font-size:20px;
  line-height:1;
  color:#fff;
  opacity:.75;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.slick-prev{
  left:-25px
}
[dir=rtl] .slick-prev{
  left:auto;
  right:-25px
}
.slick-prev:before{
  content:"←"
}
[dir=rtl] .slick-prev:before{
  content:"→"
}
.slick-next{
  right:-25px
}
[dir=rtl] .slick-next{
  left:-25px;
  right:auto
}
.slick-next:before{
  content:"→"
}
[dir=rtl] .slick-next:before{
  content:"←"
}
.slick-dotted.slick-slider{
  margin-bottom:30px
}
.slick-dots{
  position:absolute;
  bottom:-25px;
  list-style:none;
  display:block;
  text-align:center;
  padding:0;
  margin:0;
  width:100%
}
.slick-dots li{
  position:relative;
  display:inline-block;
  margin:0 5px;
  padding:0
}
.slick-dots li,.slick-dots li button{
  height:20px;
  width:20px;
  cursor:pointer
}
.slick-dots li button{
  border:0;
  background:0 0;
  display:block;
  outline:0;
  line-height:0;
  font-size:0;
  color:transparent;
  padding:5px
}
.slick-dots li button:focus,.slick-dots li button:hover{
  outline:0
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{
  opacity:1
}
.slick-dots li button:before{
  position:absolute;
  top:0;
  left:0;
  content:"•";
  width:20px;
  height:20px;
  font-family:slick;
  font-size:6px;
  line-height:20px;
  text-align:center;
  color:#000;
  opacity:.25;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
  color:#000;
  opacity:.75
}
.slick-slider{
  box-sizing:border-box;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider{
  position:relative;
  display:block
}
.slick-list{
  overflow:hidden;
  margin:0;
  padding:0
}
.slick-list:focus{
  outline:0
}
.slick-list.dragging{
  cursor:pointer
}
.slick-slider .slick-list,.slick-slider .slick-track{
  transform:translateZ(0)
}
.slick-track{
  position:relative;
  left:0;
  top:0;
  display:block
}
.slick-track:after,.slick-track:before{
  content:"";
  display:table
}
.slick-track:after{
  clear:both
}
.slick-loading .slick-track{
  visibility:hidden
}
.slick-slide{
  float:left;
  height:100%;
  min-height:1px;
  display:none
}
[dir=rtl] .slick-slide{
  float:right
}
.slick-slide img{
  display:block
}
.slick-slide.slick-loading img{
  display:none
}
.slick-slide.dragging img{
  pointer-events:none
}
.slick-initialized .slick-slide{
  display:block
}
.slick-loading .slick-slide{
  visibility:hidden
}
.slick-vertical .slick-slide{
  display:block;
  height:auto;
  border:1px solid transparent
}
.slick-arrow.slick-hidden{
  display:none
}

.brand-logo{
  aspect-ratio:7/1;
  padding-top:4px;
  background-color:#717171
}
.brand-logo-img{
  object-fit:contain
}
.brand-img{
  object-fit:cover;
  aspect-ratio:3/2.5
}
.slidercontainer{
  display:inline-block;
  width:90%;
  margin-top:1rem
}
.slider-round{
  -webkit-appearance:none;
  width:100%;
  height:4px;
  border-radius:4px;
  background:#d3d3d3;
  outline:none;
  opacity:0.7;
  -webkit-transition:.2s;
  transition:opacity .2s
}
.slider-round:hover{
  opacity:1
}
.slider-round::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#008752;
  cursor:pointer
}
.slider-round::-moz-range-thumb{
  -moz-appearance:none;
  appearance:none;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#008752;
  cursor:pointer
}