/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button:focus,
a:focus { 
  outline: none;
  outline:0;
}
* {
  box-sizing: border-box;
}

:root {
  color-scheme: light dark; /* both supported */
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

input[type="text"],
input[type="email"],
/* input[type="button"], */
input[type="password"],
input[type="number"],
input[type="submit"]  {
    -webkit-appearance: none !important;
    /* -webkit-border-radius:0 !important; 
    border-radius:0 !important; */
}

input[type="text"]:focus,
textarea:focus {
    -webkit-text-size-adjust: 100%;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/* ==========================================================================
Styles
========================================================================== */

html, body {
  background: #fff;
}

body {
  margin: 0;
  font-family: 'objektiv-mk1', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 100%;
  color: #333F4C;
  line-height: 1.5em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: common-ligatures;
  text-rendering: optimizelegibility;
}  


body {
  opacity: 1;
  transition: .6s opacity;
}

body.fade {
  opacity: 0;
  transition: none;
}

header, main, section, article, footer {
  position: relative;
}

/* ==========================================================================
Typography
========================================================================== */

h1,.h1, h2, h3, h4, h5, h6 {
  font-weight: normal;  
  line-height: 1em;
}

h1,
.h1,
.section-header h2 {
  font-size: 2.625em; /* 42px - Black */
  font-weight: 900;
}

h1.hero-title,
p.hero-title { 
  font-size: 3.8125em!important; /* Hero Title - 61px - Black */
  font-weight: 900!important;
  line-height: 1em!important;
}

h2 {
  font-size: 1.5em; /* 24px - Black */
  font-weight: 900;
  margin-bottom: .75em;
}

h3 {
  font-size: 1.25em; /* 20px - Bold */
  font-weight: 700;
  margin-bottom: .75em;
}

h4 {
  font-size: 1.125em; /* 18px - Bold */
  font-weight: 700;
  margin-bottom: .75em;
}

p {
  font-size: 1em; /* 16px/24px - Medium - Light */
  font-weight: 300;
}

p {
  font-size: 1em; /* 16px/24px - Regular - Dark */
  font-weight: 400;
  margin-bottom: 2em;
}

@media screen and (max-width: 770px) {
  p {
    font-size: .875em;
    line-height: 1.45em;
  }
}

p:last-of-type {
  margin-bottom: 0;
}

.text-entry p:last-of-type {
  margin-bottom: 2em;
}

.text-entry .column-half {
  float: left;
  width: 50%;
  margin-bottom: 2em;
}

.text-entry .column-half p {
  display: none;
}

@media screen and (max-width: 770px) { 
  .text-entry .column-half {
    float: none;
    width: 100%;
  }
}


b, strong {
  font-weight: 700;
}

em {
  font-style: italic ;
}

a, a:active, a:focus, a:hover  {
  color: inherit;
  text-decoration: none;
}

a.download-btn,
a.more-btn {
  padding: 10px 0;
  margin: 0 0 15px;
  text-align: center;
  color: #fff;
  background-color: #333F4C;
  text-transform: uppercase;
  border: 2px solid #FF8104;
  font-weight: 900;
}

a.more-btn {
  display: block;
  width: 210px;
  margin: 0 auto;
  padding: 20px 0;
  font-size: 1.125em;
  line-height: 1;
  font-weight: 900;
}

a.download-btn {
  display: flex;
  justify-content: space-between;
  width: 300px;
}

a.download-btn span {
  width: 240px;
  padding: 10px 0;
  line-height: 1.15;
}

a.download-btn img {
  margin-right: 25px;
  object-fit: initial;
}

.text-entry li:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-bottom: 1px;
  background-color: #FF8104;
  border-radius: 100%;
}

/* HOME */

.team-name {
  font-size: 1.5em; /* 24px - Bold */
  font-weight: 700;
}

.job-title {
  font-size: 1.5em; /* 24px - Medium */
  font-weight: 500;
}

.carousel-nav.is-active {
  font-size: 1em; /* 16px - Black */
  font-weight: 900;
}

.carousel-nav.is-disabled {
  font-size: 1em; /* 16px - Bold */
  font-weight: 700;
}

/* PLP */

.plp .cat-title {
  font-size: 1.25em; /* 20px - Black */
  font-weight: 900;
}

.plp .cat-content {
  font-size: 1em; /* 16px/24px - Bold */
  font-weight: 700;
}

/* PDP */

.pdp .tab.is-active .tab-title {
  font-size: 1.5em; /* 24px - Black */
  font-weight: 900;
}

.pdp .tab.is-active .tab-content {
  font-size: 1.5em; /* 24px - Bold */
  font-weight: 700;
}


/* ==========================================================================
Colors
========================================================================== */

/* Texts */
.text-white {color: #fff;}
.text-light-blue {color: #BFC5D5;}

/* Backgrounds */
.bg-white {background-color: #fff;}
.bg-grey {background-color: #707070;}
.bg-orange {background-color: #FF8104;}
.bg-green {background-color: #4A772B;}
.bg-dark-blue {background-color: #333F4C;}

/* ==========================================================================
Medias
========================================================================== */

img, video {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* ==========================================================================
General Layout
========================================================================== */

main {
  overflow-x: hidden;
}

.container {
  width: 100%;
}

.content {
  width: 90%;
  max-width: 1920px;
  margin: 0 auto;
}

.section-header {
  text-align: center;
  padding: 50px 0;
}

.section-header p {
  max-width: 700px;
  padding: 50px 0 25px;
  margin: 0 auto;
}

@media screen and (max-width: 770px) {
  
  .section-header {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .section-header h1,
   .section-header h2 {
    font-size: 1.5em;
  }
  
  .section-header p {
    font-size: .875em;
  }
  
  .section-header p br {
    display: none;
  }
}

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.space-between {
  justify-content: space-between;
}

.align-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

/* Columns */

.one-half {width: 50%;}

.is-desktop {display: block;}
.is-mobile {display: none;}

@media screen and (max-width: 770px) {
 .is-desktop {display: none;}
 .is-mobile {display: block;}
}

.page-header {
  margin-top: 70px;
  background-size: cover !important;
  padding: 165px 0;
}

@media screen and (max-width: 770px) {
  .page-header {
    margin-top: 0; 
    width: 100%;
    padding: 80px 0 !important;
  }
}

.page-content {
  padding: 70px 0;
}

@media screen and (max-width: 770px) {
  .page-content {
    padding: 35px 0;
  }
}

/* ==========================================================================
Header
========================================================================== */

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /*z-index: 20000;*/
  z-index: 99999999 !important;
}

.header-wrapper {
  position: relative;
  z-index: 1;
}

.header .header-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
   max-width: 1600px;
  height: 70px;
  padding: 0;
}

.header nav {
  font-size: .775em;
  text-transform: uppercase;
}

.logo {
  display: flex;
  align-items: center;
}

.logo-text {
  font-size: 1em;
  text-transform: uppercase;
  margin-left: 20px;
  margin-top: 3px;
  font-weight: 900;
}

@media screen and (min-width: 771px) {
  .logo img{
	height: auto;
	width: 42px;
	object-fit: initial;
  }
  .logo{
    margin-right: 20px;
  }
}

@media screen and (max-width: 770px) {
  
  .header {
    position: relative;
  }
  
  .header .header-content {
    height: 92px;
    flex-direction: row-reverse;
    padding: 20px 0;
    justify-content: space-between;
  }
  
  .header nav,
  .desktop-logo {
    display: none;
  }
  
 .logo {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -57px;
  }
  
  .logo img {
    height: auto;
    width: 42px;
    object-fit: initial;
    margin: 0 auto 10px;
  }

  .logo-text {
    font-size: .9375em;
    margin-left: 0;
  }
  
}

.header nav li {
  display: inline-block;
  margin: 0 2.5em;
}

.header nav li a {
  padding: 5px 1px;
}

.header nav .small-sub-menu li a:hover,
.header nav .mega-sub-menu li a:hover{
  color: #FF8104;
}
.header nav li.is-current a {
  border-bottom: 2px solid #FF8104;
}


@media screen and (min-width: 771px){
  .header nav,
  .header nav > ul,
  .header nav > ul > li{
    height: 100%;
  }

  .header nav > ul > li > a{
    padding: 0px 2em;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .header nav li {
    margin: 0;
  }

  .header nav li.has-mega-menu .mega-sub-menu{
    width: 90%;
  }

  .header nav li.has-mega-menu .mega-sub-menu > li{
    flex: 1 1 0px;
    padding: 0 10px;
  }

  .has-mega-menu.has-small-menu .mega-menu-container{
    position: absolute;
    background: transparent;
    top: 55px;
  }

/*  .header nav li.has-mega-menu:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: -2em;
    width: 0;
    height: 0;
    opacity: 0;
    border-bottom: 2em solid transparent;
    border-left: 2em solid transparent;
  }

  .header nav li.has-mega-menu:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: -2em;
    width: 0;
    height: 0;
    opacity: 0;
    border-bottom: 2em solid transparent;
    border-right: 2em solid transparent;
  }
*/
}
/* Mega Menu */

.header nav li.has-mega-menu {
  position: relative;
}

.mega-menu-container {
  background: #fff;
  color: #333F4C;
  padding: 15px 0 100px;
  text-transform: none;
  letter-spacing: 0;
  position: absolute;
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) .15s;
}

@media screen and (max-width: 770px) {
  .header .mega-menu-container {
    display: none;
  }
  .mega-menu-container {
    /*display: none;
    background: transparent;*/
  }
}

.mega-menu-container > .mega-sub-menu {
  margin: 0 auto;
  max-width: 1280px;
  display: flex;
  justify-content: center;
}


.page-template-template-timeline .mega-menu-container > .mega-sub-menu  {
  display: flex;
}

.mega-menu.is-open {
  transform: translateY(0%);
}

.mega-menu-link-container {
  display: flex;
  height: 75px;
  flex-direction: column;
  justify-content: flex-end;
}

.header nav .mega-menu-link-container a {
  display: block;
  padding: 14px 0;
  font-size: 1.2em;
  font-weight: 900;
  margin-bottom: 14px;
  border-bottom: 1px solid #FF8104;
}

.mega-menu-container > .mega-sub-menu > li .mega-menu-link-container a {
  padding-right: 100px;
}

.mega-menu-container > .mega-sub-menu > li:last-of-type .mega-menu-link-container a {
  padding-right: 0;
}

.mega-sub-menu li,
.mega-sub-menu > .menu-item-has-children > .mega-sub-menu li {
  display: block !important;
  margin: 0 !important;
}

@media screen and (min-width: 771px){
  .mega-menu-container {
    transition: opacity .4s ease;
    display: block!important;
    opacity: 0;
    pointer-events: none;
  }

  .header nav li.has-mega-menu:hover > .mega-menu-container {
    display: block!important;
    opacity: 1;
    transition: opacity .4s ease;
    pointer-events: initial;
  }
}

/* Small Dropdown Menu*/

.has-small-menu {
  position: relative;
}

.small-sub-menu {
  position: absolute;
  background: #fff;
  text-transform: none;
  color: #333F4C;
  width: 150%;
  left: 0;
  padding: 10px 0;
  
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
}

.has-small-menu:hover .small-sub-menu {
  opacity: 1;
  visibility: visible;
  transition: all .4s ease;
}

.header nav .small-sub-menu li {
  display: block;
}

.header nav .small-sub-menu li a {
  display: block;
  padding: 5px 20px;
}

@media screen and (max-width: 770px) {
      
  .has-small-menu {
    position: initial;
  }
  
  .small-sub-menu {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 10000;
    transition: none;
  }
  
  #mobile-nav nav.first-level-small-menu {
    transform: translateX(-100%);
  }
  
  #mobile-nav nav.first-level-small-menu .small-sub-menu {
    opacity: 1;
    visibility: visible;
    transition: none;
  }
  
  #mobile-nav nav ul.small-sub-menu li {
    padding: 0 15px !important;
  }
  
  #mobile-nav nav ul.small-sub-menu li a {
    display: block;
    text-align: left;
    font-weight: 700 !important;
    font-size: 1em !important;
    padding: 1em 0!important;
  }
  
   #mobile-nav nav ul.small-sub-menu li a .chevron {
    float: right;
    width: 22px;
    height: 22px;
    background: url(../img/ico-arrow-right.svg) no-repeat center;
    -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
    transition: all .3s cubic-bezier(.83,.01,.29,1);
  }
}



/* Mobile Nav */

#mobile-nav,
#mobile-search {
  display: none;
}

#menu-main-nav .mega-menu-container .back-btn,
#menu-main-nav .small-sub-menu .back-btn {
  display: none !important;
}

@media screen and (max-width: 770px) { 
  
  body.is-open {
    overflow: hidden;
    max-height: 100vh;
  }
  
  .nav-trigger .close-btn {display: none;}
  .nav-trigger .open-btn {display: block;}
  
  .is-open .nav-trigger .open-btn {display: none;}
  .is-open .nav-trigger .close-btn {display: block;}
  
  #mobile-nav {
    display: block;
    background: #fff;
    width: 100vw;
    height: calc(100% - 90px);
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 2000000;
    opacity: 0; 
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
    transition: all .3s cubic-bezier(.83,.01,.29,1);
    overflow: scroll;
    overflow-x: hidden;
    padding-bottom: 130px;
  }
  
  #mobile-nav .back-btn {
    display: none;
  }

  body.is-open  #mobile-nav {
    opacity: 1;
    visibility: visible;
  }
  
  .mega-menu-container .back-btn, 
  #mobile-nav .back-btn {
    display: block;
  }
  
  #mobile-nav nav {
    text-align: center;
    -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
    transition: all .3s cubic-bezier(.83,.01,.29,1);
    transform: translateX(0%);
  }
  
  #mobile-nav nav.first-level {
    transform: translateX(-100%);
  }
  
  #mobile-nav nav.first-level.second-level {
    transform: translateX(-200%);
  }
  
  #mobile-nav nav ul:first-of-type li {
    padding: 0 15%;
  }
  
  #mobile-nav nav ul:first-of-type li > a {
    display: block;
    font-size: 1.375em;
    font-weight: 900;
    padding: 39px 0;
    border-bottom: 1px solid #FF8104;
  }
  
  .post-type-archive #mobile-nav {
    display: block;
  }

  #mobile-nav .mega-menu-container {
    /* background: #fafafa; */
    position: absolute;
    position: fixed;
    left: 100%;
    top: 30px;
    right: auto;
    width: 100%  !important;
    height: 100vh;
  }

  #mobile-nav .mega-menu-container li a {
    text-align: left;
    font-size: 1em;
    font-weight: 700;
    padding: 15px 0;
  }
  
  #mobile-nav .mega-sub-menu {
    display: block;
    width: 100vw !important;
    text-align: left;
    margin: 0 !important;
    position: absolute;
    top: 0;
    right: auto;
    width: 100%  !important;
    height: 100vh;

  }
  
  #mobile-nav .mega-sub-menu li {
    padding: 0 15px !important;
  }
  
  #mobile-nav .mega-sub-menu li a {
    display: block;
    font-weight: 700 !important;
    font-size: 1em !important;
    padding: 1em 0!important;
  }
  
  .mega-menu-container .menu-item-has-children .mega-sub-menu {
    position: absolute;
    top: 90px;
    left: 100%;
    bottom: 0;
    right: auto;
    
    /* background: gold; */
    width: 100%;
    
    display: none;
  }
    
  #mobile-nav .mega-sub-menu li span {
    float: right;
    width: 22px;
    height: 22px;
    background: url(../img/ico-arrow-right.svg) no-repeat center;
    -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
    transition: all .3s cubic-bezier(.83,.01,.29,1);
  }
  
  #mobile-nav .mega-sub-menu li.back-btn span,
  #mobile-nav .small-sub-menu li.back-btn span {
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important;
  }
    
  .mega-sub-menu li {
    display: block !important;
    margin: 0 !important;
    width: 100%;
  }
    
  .mega-menu-link-container {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #FF8104;
  }
  
  .mega-menu-link-container br {
    display: none;
  }
  
  #mobile-nav .mega-sub-menu .back-btn a,
  #mobile-nav .small-sub-menu .back-btn a {
    font-size: 1em !important;
    font-weight: 900 !important;
  } 
}

@media screen and (max-width: 770px) { 
  
  body.is-search {
    overflow: hidden;
    max-height: 100vh;
  }
  
  #mobile-search {
    display:block;
    background: #fff;
    width: 100%;
    height: calc(100% - 90px);
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 2000000;
    opacity: 0; 
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
    transition: all .3s cubic-bezier(.83,.01,.29,1);
  }
  

  body.is-search  #mobile-search {
    opacity: 1;
    visibility: visible;
  }
}

/* ==========================================================================
Footer
========================================================================== */

footer {
  padding: 90px 0;
  overflow: hidden;
}

footer::after {
  content: "";
  position: absolute;
  top: -10%;
  bottom: 0;
  left: -30%;
  width: 100%;
  background-image: url(../img/bg-footer.svg);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: top left;
  pointer-events: none;
}

@media screen and (max-width: 770px) {
  footer {
    padding: 45px 0;
  }
}

footer .content {
  max-width: 1360px;
}

footer .col-one {
  width: 40%;
}

footer .col-one > div {
  padding: 0 25%;
}

.footer-logo {
  padding: 0 10% 30px;
}

.footer-logo > div {
  position: relative;
}

.footer-logo img {
  position: absolute;
  display: block;
  width: 120px;
  height: 110px;
  left: -280px;
  top: -40px;
  transform: translateX(100%);
  z-index: 1;
}

.footer-logo span {
  color: #fff;
  font-size: 1.9375em; /* 31px */
  font-weight: 900;
  text-transform: uppercase;
}

@media screen and (max-width: 770px) {
  .footer-logo {
    position: relative;
    padding: 0 0 30px 70px;
  }
  
  .footer-logo img {
    width: 55px;
    height: 55px;
    left: -55px;
    top: -15px;
  }
  
  .footer-logo span {
    padding-left: 70px;
    font-size: .875em;
  }
}

.footer-legals {
  margin: 2em 0;
}

.footer-social {
  margin-top: 7.5em;
}

.footer-social h4 {
  display: block;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 15px;
}

.footer-social a {
  display: inline-block;
  width: 60px;
  height: 60px;
  padding: 15px 20px;
}

.footer-social a:last-of-type {
  margin-left: -6px;
}

.footer-social a img {
  display: inline-block;
  vertical-align: middle;  
}

footer .col-two {
  width: 60%;
}

@media screen and (max-width: 770px) {
  .footer-columns {
    display: block;
  }
  
  footer .col-one, footer .col-two {
    width: 100%;
  }
  
  footer .col-one > div {
    padding: 0;
  }
  
  .footer-social {
    margin: 15px 0 60px;
  }
}

.footer-companies h4,
.footer-companies h5 {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.footer-companies h5 {
  font-weight: 900;
}

.footer-row {
  border-bottom: 2px solid;
}

.footer-row:first-of-type {
  margin-bottom: 2em;
}

.footer-row .flex > span {
  display: block;
  width: 25%;
  font-size: .875em;
  line-height: 1.45em;
  padding: 1em 0;
}

@media screen and (max-width: 770px) {
  
  .footer-companies h5 {
    margin-top: 12px;
}
  
  .footer-row {
    padding: 7px 0 7px!important;
}
  
  .footer-row .flex {
    flex-wrap: wrap;
  }
  
  .footer-row .flex > span {
    width: 33.333%;
    font-size: .75em;
    margin: 7px 0;
  }
}

.footer-row .footer-trigger,
.footer-row .footer-trigger:hover {
  border-bottom: none;
}

.footer-row .footer-trigger {
  display: flex;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: .5em;
  cursor: pointer;
}

.footer-row .footer-trigger.is-open .chevron {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1) .1s;
}

.footer-row .footer-trigger .chevron {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: transform .65s cubic-bezier(0.19, 1, 0.22, 1) .1s;
}

.footer-row .footer-trigger h5 {
  float: left;
  margin-bottom: 0;
}

.footer-row .list-content {
  margin: 0;
}

.footer-row .list-content .flex {
  flex-wrap: wrap;
}

/* ==========================================================================
Homepage
========================================================================== */

.homepage section {
  min-height: 100vh;
}

.homepage .section-one {
  min-height: 750px;
  background: transparent linear-gradient(180deg, #FFFFFF00 0%, #48545CB5 59%, #333F4C 100%) 0% 0% no-repeat;
}

#home-slider .slider-container {
  height: 100vh;
}

.home-slider .slick-slide:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333f4c+0,333f4c+100&0+0,1+100 */
  background: -moz-linear-gradient(top,  rgba(51,63,76,0) 0%, rgba(51,63,76,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(51,63,76,0) 0%,rgba(51,63,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(51,63,76,0) 0%,rgba(51,63,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333f4c', endColorstr='#333f4c',GradientType=0 ); /* IE6-9 */
}

.home-slider .slick-slide {
  float: left;
  height: 100vh;
  background-size: cover !important;
}

.home-slider .slick-slide .slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  position: relative;
  z-index: 1000000;
}

.home-slider .slick-slide .slide-content > div {
  width: 50%;
  max-width: 1280px;
  margin: 0 0 0 16%;
}

.home-slider .slick-slide .slide-content > div .hero-title {
  margin-bottom: 0.7em;
  margin-top: .9em;
}

.home-slider .slick-slide .slide-content > div p {
  max-width: 540px;
  font-size: 1.2em;
    line-height: 1.6em;

}

@media screen and (max-width: 770px) {
  

  .home-slider .slick-slide .slide-content > div h1{
    margin-top: 2.5em;
    margin-bottom: 3em;
  }
  /* .homepage section, */
  .homepage .section-one,
  #home-slider .slider-container,
  .home-slider .slick-slide,
  .home-slider .slick-slide .slide-content {
    min-height: auto;
    height: 560px;
  }
  
  .home-slider .slick-slide .slide-content > div {
    width: 80%;
    margin: 0 auto 100px;
  }
  
  .hero-title {
    font-size: 2.625em;
    line-height: 1.25em;
  }
  
  .home-slider .slick-slide .slide-content > div p {
    max-width: none;
    font-size: 1em;
  }
}

/* Progress Bar */

.progressBarContainer {
  position: absolute;
  bottom: 50px;
  width: 90%;
  max-width:1460px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);;
  display: flex;
  justify-content: space-between;
  counter-reset: figure;
  z-index: 10000;
}

.progressBarContainer .item {
  display: block;
  padding: 0;
  cursor: pointer;
  color: white;
  width: 24%;
}

.progressBarContainer .item > div {
  position: relative;
  padding: 10px 0 10px 60px;
}

.progressBarContainer .item h3 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 2px;
}

.progressBarContainer .item h3::before {
  counter-increment: figure;
  content: counter(figure, decimal-leading-zero) ". ";
  position: absolute;
  left: 25px;
}

.progressBarContainer div:last-child {
  margin-right: 0;
}

.progressBarContainer div span.progressBar {
  width: 100%;
  height: 4px;
  background-color: rgba(255, 129, 4, .35);
  display: block;
}

.progressBarContainer div span.progressBar .inProgress {
  background-color: rgba(255, 129, 4, 1);
  width: 0%;
  height: 4px;
}


.panel-content li{
  margin-bottom: 0.2em;
}
.panel-content li:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-bottom: 1px;
  background-color: #FF8104;
  border-radius: 100%;
} 

@media screen and (max-width: 770px) {
  
  .progressBarContainer .item {
    width: 22%;
  }
  
  .progressBarContainer .item h3,
  .progressBarContainer .item span {
    display: none;
  }
  
  .progressBarContainer {
    bottom: 35px;
    }
}

/* */


  .btn-container {
    display: inline-block;
    position: relative;
    width: 78px;
    height: 78px;
    border: 2px solid #FF8104;
    border-radius: 100%;
    margin: 0 10px;
    position: relative;
    background-size: cover !important;
    
    -webkit-transition: all .2s cubic-bezier(.83,.01,.29,1);
    transition: all .2s cubic-bezier(.83,.01,.29,1);
  }
  
  .bridge-btn {background: #f5f5f5 url('../img/thumb_bridge.jpg') no-repeat center;}
  .warehouse-btn {background: #f5f5f5 url('../img/thumb_warehouse.jpg') no-repeat center;}
  .house-btn {background: #f5f5f5 url('../img/thumb_house.jpg') no-repeat center;}
    
  .btn-container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FF8104;
    border-radius: 100%;
    
    z-index: -1;
    
    -webkit-transition: all .2s cubic-bezier(.83,.01,.29,1);
    transition: all .2s cubic-bezier(.83,.01,.29,1);
  }
  
  .btn-container.is-active:before {
    transform: scale(1.1);
  }
  
  .btn-container a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 78px;
    text-align: center;
    border-radius: 100%;
    text-indent: -99999px;
  }
  
  .btn-container h5 {
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 140%;
    transform: translateX(-50%);
    text-align: center;
  }
  
  .btn-container.is-active h5 {
    bottom: -32px;
    font-weight: 900;
  }
  
  .btn.two, .btn.three,
  .one-is-active, .two-is-active, .three-is-active {
    display: none;
  }
  
  /* .controls .is-active{
    background: green;
  } */
  
  /* Panels */
  
  .panels {
    position: relative;
    max-width: 500px;
    width: 100%;
    z-index: 1;
    /*background: #fff;*/
  }
  
  .panels .panel {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.83,.01,.29,1);
    transition: all .6s cubic-bezier(.83,.01,.29,1);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
  }
  
  .panels .panel.is-visible {
    opacity: 1;
    visibility: visible;
  }
    
  .panel-content {
    padding: 30px;
  }
  
  .panel-content .h1 {
    margin-bottom: 1em;
  }
    
  .panel-content h2,
  .panel-content h3,
  .panel-content p,
  .panel-content ul,
  .panel-content .more-btn {
    margin: 1em 0;
  }
  
  .panel-content a {
    text-decoration: underline;
  }
  
  .panel-content .more-btn {
    text-decoration: none;
    margin-top: 2em;
  }

  /* */

  .video-section{
    /*background: #000;*/
    background: #fff;
  }
  .video-section__unavailable{
    display: none;
  }
  .video-section__unavailable__inner{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgb(255 255 255 / 85%);
    backdrop-filter: blur(5px);
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 50px;
  }
  
  .video-container {
    position: relative;
    margin: 150px 0 50px;
  }
  
  .video-container video {
    width: 100%;
  }

  .video-container .controls{
    /*color: #fff;*/
  }
  
  .dots-container, .section-3 {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
  }
  
  .dots-container .dot {
    display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 100%;
    border: 4px solid #FF8104;
    position: absolute;
    margin-top: -14px;
    margin-left: -14px;
    
    cursor: pointer;
    z-index: 1;
  }
      
  .dots-container .dot:after {
    content: "";
    position: absolute;
    background: #FF8104;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 100%;
    opacity: 0;
    z-index: -2;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
  }
  
  .dots-container .dot:hover:after{
      content: "";
      animation: sonarWave 1.6s linear infinite;
    }
    
   .dots-container .dot.is-active:after {
      content: "";
      animation: sonarWave 1.6s linear infinite;
      /* animation-iteration-count: 3; */
    }

    .dots-container .dot.is-active{
      background: #FF8104;
    }
    
    @keyframes sonarWave {
      from {
        opacity: 0.4;
      }
      to {
        transform: scale(5);
        opacity: 0;
      }
    }
  
  .dots-section .dot {
    top: 50%;
    left: 50%;
    text-indent: -9999px;
  }

  .video-zoom{
    transform: translateY(40px);
  } 


  @media screen and (min-width: 1240px) {
    .video-zoom{
      transform: scale(1.15)translateY(40px);
    } 
  }

  @media screen and (min-width: 1440px) {
    .video-zoom{
      transform: scale(1.25)translateY(30px);
    } 
  }
  
  
  /* Section 1 */
  
  .dots-section.section-1 .dot.dot-1 {
    top: 66.5%;
    left: 38%;
  }
  
  .dots-section.section-1 .dot.dot-2 {
    top: 75.5%;
    left: 39.25%;
  }

  .dots-section.section-1 .dot.dot-3 {
    top: 15.75%;
    left: 48.5%;
  }
  
  .dots-section.section-1 .dot.dot-4 {
    top: 47.5%;
    left: 51%;
  }
  
  .dots-section.section-1 .dot.dot-5 {
    top: 61%;
    left: 50.5%;
  }
  
  .dots-section.section-1 .dot.dot-6 {
    top: 51.5%;
    left: 65.75%;
  }
  
  .dots-section.section-1 .dot.dot-7 {
    top: 30%;
    left: 73.5%;
  }
  
  .dots-section.section-1 .dot.dot-8 {
    top: 61.5%;
    left: 85%;
  }
  
  /* Section 2 */
  
  .dots-section.section-2 .dot.dot-1 {
    top: 59%;
    left: 15.5%;
  }
  
  .dots-section.section-2 .dot.dot-2 {
    top: 69%;
    left: 23%;
  }

  .dots-section.section-2 .dot.dot-3 {
    top: 45%;
    left: 28.5%;
  }
  
  .dots-section.section-2 .dot.dot-4 {
    top: 56%;
    left: 29%;
  }
  
  .dots-section.section-2 .dot.dot-5 {
    top: 40%;
    left: 32.5%;
  }
  
  .dots-section.section-2 .dot.dot-6 {
    top: 24%;
    left: 40%;
  }
  
  .dots-section.section-2 .dot.dot-7 {
    top: 39%;
    left: 39.5%;
  }
  
  .dots-section.section-2 .dot.dot-8 {
    top: 69.5%;
    left: 42%;
  }
  
  .dots-section.section-2 .dot.dot-9 {
    top: 76%;
    left: 46.75%;
  }
  
  .dots-section.section-2 .dot.dot-10 {
    top: 21%;
    left: 49%;
  }
  
  .dots-section.section-2 .dot.dot-11 {
    top: 45.75%;
    left: 51%;
  }
  
  .dots-section.section-2 .dot.dot-12 {
    top: 34%;
    left: 58.5%;
  }
  
  .dots-section.section-2 .dot.dot-13 {
    top: 30%;
    left: 66.25%;
  }
  
  .dots-section.section-2 .dot.dot-14 {
    top: 75.5%;
    left: 66%;
  }
  
  .dots-section.section-2 .dot.dot-15 {
    top: 55.5%;
    left: 80%;
  }
  
  .dots-section.section-2 .dot.dot-16 {
    top: 76%;
    left: 78.75%;
  }
  
  /* Section 3 */
    
  .dots-section.section-3 .dot.dot-1 {
    top: 62%;
    left: 29%;
  }
  
  .dots-section.section-3 .dot.dot-2 {
    top: 56.75%;
    left: 38%;
  }

  .dots-section.section-3 .dot.dot-3 {
    top: 72.5%;
    left: 47.5%;
  }
  
  .dots-section.section-3 .dot.dot-4 {
    top: 55.25%;
    left: 58%;
  }
  
  .dots-section.section-3 .dot.dot-5 {
    top: 83%;
    left: 60.5%;
  }
  
  .dots-section.section-3 .dot.dot-6 {
    top: 58%;
    left: 75%;
  }

  .dots-section .dot,
  .dots-section {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s cubic-bezier(.83,.01,.29,1);
    transition: all .6s cubic-bezier(.83,.01,.29,1);
  }
  
  .dots-section.is-visible .dot,
  .dots-section.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .4s cubic-bezier(.83,.01,.29,1);
    transition: all .4s cubic-bezier(.83,.01,.29,1);
  }
  
  .dots-section.is-visible .dot:nth-child(2) {transition-delay: .1s;}
  .dots-section.is-visible .dot:nth-child(3) {transition-delay: .2s;}
  .dots-section.is-visible .dot:nth-child(4) {transition-delay: .3s;}
  .dots-section.is-visible .dot:nth-child(5) {transition-delay: .4s;}
  .dots-section.is-visible .dot:nth-child(6) {transition-delay: .5s;}
  .dots-section.is-visible .dot:nth-child(7) {transition-delay: .6s;}
  .dots-section.is-visible .dot:nth-child(8) {transition-delay: .7s;}
  .dots-section.is-visible .dot:nth-child(9) {transition-delay: .8s;}
  .dots-section.is-visible .dot:nth-child(10) {transition-delay: .9s;}
  .dots-section.is-visible .dot:nth-child(11) {transition-delay: 1s;}
  .dots-section.is-visible .dot:nth-child(12) {transition-delay: 1.1s;}
  .dots-section.is-visible .dot:nth-child(13) {transition-delay: 1.2s;}
  .dots-section.is-visible .dot:nth-child(14) {transition-delay: 1.3s;}
  .dots-section.is-visible .dot:nth-child(15) {transition-delay: 1.4s;}
  .dots-section.is-visible .dot:nth-child(16) {transition-delay: 1.5s;}
  .dots-section.is-visible .dot:nth-child(17) {transition-delay: 1.6s;}
  .dots-section.is-visible .dot:nth-child(18) {transition-delay: 1.7s;}
  
  .controls {
    position: absolute;
    top: -100px;
    left: 50%;
    z-index: 1;
    display: block;
    transform: translateX(-50%);
  }


  @media screen and (max-width: 770px) {
    .Hide.On.Mobile,
    .is-hidden {
      display: none !important;
    }
    
    .video-section .flex {
      display: block;
    }
    
    .controls {
      text-align: center;
      width: 100%;
      top: -150px;
      background: #fff;
      height: 150px;
      padding-top: 20px;
    }
    
    .panels {
      width: 100%;
      height: 500px;
    }
    
    .btn-container h5 {
      font-size: .875em;
    }
    
    .dots-container .dot {
      border: 2px solid #FF8104;
      width: 20px;
      height: 20px;
      margin-top: -11px;
      margin-left: -11px;
    }
    
    .panel-content .h1 {
      font-size: 1.5em;
    }
  }



/* Materials Section */

.materials-section {
  position: relative;
  background: #D0CFCE;
  padding: 70px 0 140px;
  overflow: hidden;
}

#bg-rotate {
  position: absolute;
  left: 50%;
  bottom: -250px;
  margin-left: -250px;
  padding: 6vw;
  display: block;
  width: 500px;
  height: 500px;
  background-color: #E7E5E4;
  -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
  transition: all .3s cubic-bezier(.83,.01,.29,1);
  border-radius: 100%;
  pointer-events: none;
}

#bg-rotate img {
  width: 100%;
}

.materials-section .slider-container {
  z-index: 1;
}

.materials-slider .slick-list {
  overflow: visible;
  /* left: 50%; */
  /* margin-left: -315px; */
  width: 100%;
  padding: 20px 0  
}

.materials-slider .slick-slide {
  opacity: .5;
  -webkit-transition: opacity .6s cubic-bezier(.83,.01,.29,1);
  transition: opacity .6s cubic-bezier(.83,.01,.29,1);
}

.materials-slider .slick-current.slick-active {
  opacity: 1;
}

.materials-slider .slick-list .slick-cloned.slick-hidden {
  opacity: 0;
}

/* Team Slides */

.materials-slide {
  background: #fff;
  color: #333F4C;
  text-align: center;
  margin: 0 auto;
  max-width: 300px;
  padding: 0 20px 20px;
  box-shadow: 0px 5px 15px #333F4C40;
  -webkit-transition: opacity .6s cubic-bezier(.83,.01,.29,1);
  transition: opacity .6s cubic-bezier(.83,.01,.29,1);
      display: flex;
    flex-wrap: wrap;
}

.materials-slide a.more-btn{
  margin-top: auto;
}
/*
.materials-slide > div {
  padding: 0 30px 50px;
}
*/
.materials-slide .materials-img {
  display: block;
  margin: 0 auto;
  max-width: 280px;
  height: auto;
  overflow: hidden;
  width: 60%;
}

.materials-details h2 {
  position: relative;
  font-size: 1.3em;
  font-weight: 900;
  margin: .25em 0 1em;
}

.materials-details h2:after {
  content: "";
  position: absolute;
  width: 50%;
  max-width: 72px;
  height: 5px;
  background: rgba(255, 129, 4, 1);
  border-radius: 2px;
  bottom: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.materials-slide p {
  font-size: .875em;
  margin-bottom: 1.75em;
  line-height: 1.5em;
}


.materials-slide-slick{

}

/* Materials Slider Thumbnails */

.materials-slider-btn {
  position: absolute;
  top: 50%;
  margin-top: -27px;
  width: 54px;
  height: 54px;
  background-color: #FF8104;
  border-radius: 100%;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 1;
}

.materials-container .btn-prev {left: 54px;}
.materials-container .btn-next {right: 54px;}

.materials-slider-nav-thumbnails {
  display: flex !important;
  justify-content: center;
  width: 100%;
  height: 130px;
  margin-bottom: 30px;
  text-align: center;
  word-break: keep-all;
  z-index: 1;
}


.materials-slider.slick-initialized .slick-slide{
  display: flex;
}
.materials-slider-nav-thumbnails .slick-list {
  overflow: visible !important;
}

.nav-thumbnail.slick-slide {
  position: relative;
  margin: 10px 0;
  width: 130px;
  overflow: visible;
}

.materials-slider-nav-thumbnails .nav-thumbnail div {  
  max-width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
  cursor: pointer;
  border: 2px solid #FF8104;
  margin: 10px auto 0;
  background: #fff;
  
  -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
  transition: all .3s cubic-bezier(.83,.01,.29,1);
}

.slider-container .materials-slider-nav-thumbnails .slick-slide.slick-active div,
.slider-container .materials-slider-nav-thumbnails .slick-slide.slick-current div {
  max-width: 80px;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border: 4px solid #FF8104;
}

.materials-slider-nav-thumbnails .nav-thumbnail span {
  display: block;
  font-weight: 500;
  margin-top: 1em;
  line-height: 1;
  -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
  transition: all .3s cubic-bezier(.83,.01,.29,1);
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  
}

.slider-container .materials-slider-nav-thumbnails .slick-slide.slick-active span,
.slider-container .materials-slider-nav-thumbnails .slick-slide.slick-current span{
  font-weight: 900;
}

/* Materials Slider Button */

.materials-btn {
  position: absolute;
  top: 20px;
  bottom: 20px;
  width: 23%;
  text-indent: -9999px;
  cursor: pointer;
}

.materials-btn.btn-prev {left: 0 !important;}
.materials-btn.btn-next {right: 0 !important;}

@media screen and (max-width: 770px) {
  .materials-slide .materials-img {
    width: 100%;
  }

  .materials-section {
    padding: 15px 0 65px;
  }
  
  .materials-slider-nav-thumbnails {
    height: auto;
    margin-bottom: 15px;
  }
  
  .materials-slider-nav-thumbnails .slick-list {
    padding: 0 30px !important;
    overflow: visible;
  }
  
  .materials-slider-nav-thumbnails .nav-thumbnail span {
    font-size: .8125em;
   margin-top: .75em;
  }
  
   .materials-slider-nav-thumbnails .slick-list .slick-track {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
   }
  
  .materials-slider-nav-thumbnails .slick-slide {
    width: 95px;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  
  .materials-slider-nav-thumbnails .nav-thumbnail div {
    border: 2px solid #FF8104;
  }
  
  .slider-container .materials-slider-nav-thumbnails .slick-slide.slick-active div, 
  .slider-container .materials-slider-nav-thumbnails .slick-slide.slick-current div {
    max-width: 60px;
    width: 60px;
    height: 60px;
    margin: 10px auto 0;
  }
  
  .slider-container .materials-slider-nav-thumbnails .slick-slide.slick-active span, 
  .slider-container .materials-slider-nav-thumbnails .slick-slide.slick-current span {
    text-transform: none;
    font-weight: 900;
  }
  
  .materials-slider .slick-list {
    overflow: hidden;
    left: auto;
    margin-left: 0;
    width: auto;
  }
  
  .materials-slide {
    /*margin: 0 20px;*/
  }
  
  .materials-slide > div {
    padding: 0 30px 20px;
  }
  
  .materials-details h2 {
    font-size: 2em;
  }
  
  .materials-details h2:after {
    width: 40px;
    height: 3px;
    bottom: -9px;
  }
  
  .materials-slide p {
    font-size: .875em;
    font-weight: 500;
  }

  .materials-btn {
    display: none !important;
  }
  
  a.more-btn {
    font-size: 1em;
    padding: 15px 0;
  }
  
}


/* Team Section */

.homepage .section-four {
  box-shadow: 0px 5px 15px #333F4C40;
}

.slider-container.team-slider-container {
  position: relative;
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
}



.slider-container.team-slider-container:before,
.slider-container.team-slider-container:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 3%;
  background: #333F4C;
  z-index: 1;
}

.slider-container.team-slider-container:before {left: 0;}
.slider-container.team-slider-container:after { right: 0;}

/* Team Slides */

.team-slide {
  background: #fff;
  color: #333F4C;
  text-align: center;
  margin: 0 30px;
  opacity: .25;
  
  -webkit-transition: opacity .6s cubic-bezier(.83,.01,.29,1);
  transition: opacity .6s cubic-bezier(.83,.01,.29,1);
}

/* .slider-container .team-slider .slick-slide.slick-active:nth-child(2), */
.slider-container .team-slider .slick-slide.slick-current {
  opacity: 1;
}

.team-slide > div {
  padding: 30px;
}

@media screen and (max-width: 770px) {
  
  .team-slide {
    margin: 0 20px;
  }
  
  .team-slide > div {
    padding: 30px 15px;
  }
}

.team-slide .team-img {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 150px;
  border: 2px solid #FF8104;
  border-radius: 100%;
  overflow: hidden;
}

.team-slide .team-name {
  margin-top: 1.25em;
  margin-bottom: .25em;
}

.team-slide .team-position {
  display: block;
  color: #4A772B;
  font-size: 1.5em /* 24px */;
  letter-spacing: 1px;
  line-height: 1.25em;
  margin-bottom: .75em;
}

.team-slide p {
  margin-bottom: .75em;
}

@media screen and (max-width: 770px) {
  .team-slide .team-name {
    font-size: 1em;
  }
  
  .team-slide p {
    font-size: .875em;
  }
}

/* Team Slider Thumbnails */

.team-slider-nav-thumbnails {
  display: flex !important;
  justify-content: center;
  position: absolute !important;
  bottom: -80px;
  width: 100%;
  height: 30px;
  z-index: 1;
}

@media screen and (max-width: 770px) {
  .team-slider-nav-thumbnails {
    bottom: -65px;
  }
}

.team-slider-nav-thumbnails .slick-slide {
  padding: 12px;
  text-indent: -9999px;
}

.team-slider-nav-thumbnails .slick-slide span {
  display: block;
  width: 40px;
  height: 4px;
  background: #C9C9C9;
  cursor: pointer;
}

.slider-container .team-slider-nav-thumbnails .slick-slide.slick-active span,
.slider-container .team-slider-nav-thumbnails .slick-slide.slick-current span {
  background: #FF8104;
}

/* Team Slider Nav */

.team-slider-btn {
    position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 27%;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 1;
  opacity: 0;
}

.team-slider-btn.btn-prev {left: 5.5% !important;}
.team-slider-btn.btn-next {right: 5.5% !important;}

@media screen and (max-width: 770px) {  
  .team-slider-btn {
    display: none !important;
  }
}

/* Our Stats */

.our-stats {
  margin-top: 60px;
  padding-bottom: 90px;
}

.our-stats .content {
  max-width: 1280px;
}

.our-stats .section-header {
  padding: 50px 0 70px;
}

.stat {
  display: flex;
  width: 25%;
  min-width: 350px;
}

.stat-img {

}

.stat-data {
  margin-left: 20px;
}

.stat-data h3 {
  font-size: 1.5em;
  font-weight: 900;
  margin-bottom: .15em;
}

@media screen and (max-width: 770px) {
  
  .our-stats {
    padding-bottom: 30px;
  }
  
  .our-stats .section-header {
    padding: 30px 0;
  }
  
  .our-stats .flex {
    display: block;
  }
  
  .stat {
    display: block;
    text-align: center;
    padding: 30px;
  }
  
  .stat-img {
    display: block;
    width: 100px;
    height: auto;
    margin: 0 auto;
  }
  
  .stat-data {
    margin: 15px 0;
  }
  
  .stat-data h3 {
    font-size: 1.25em;
  }
  
  .stat-data p {
    font-size: .875em;
  }  
}


/* Get In Touch */

.contact-section {
  padding: 100px 0;
}

.contact-section .content {
  max-width: 1200px;
  padding: 30px 0 150px;
}

.contact-section .content > div {
  padding: 0 15%;
}

.wpcf7-form-control-wrap {
  display: block;
  margin: 30px 0;
}

.wpcf7-form  br {display: none;}

.contact-section form input[type="text"],
.contact-section form input[type="email"],
.contact-section form input[type="tel"],
.contact-section form textarea {
  position: relative;
  width: 100%;
  background: #3e4b5a;
  border-color: #465464;
  color: #fff;
}
.contact-section legend.gfield_label, .contact-section label.gfield_label {
  color: #fff;
}
.contact-section label.gform-field-label.gform-field-label--type-sub {
  color: #d5d5d5;
}

/* .contact-section form .wpcf7-form-control-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: #FF8104;
} */

.contact-section form input[type="submit"] {
  /* border: 2px solid #FF8104;
  background: none;
  padding: 17px 0 13px;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  width: 100%;
  max-width: 320px;
  text-align: center; */
}

.contact-section form input::-webkit-input-placeholder, 
.contact-section form textarea::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.contact-section form input::-moz-placeholder, 
.contact-section form textarea::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.contact-section form input::placeholder, 
.contact-section form textarea::placeholder {
  color: #fff;
  opacity: 1;
}

.contact-section form input::-ms-placeholder, 
.contact-section form textarea::-ms-placeholder {
  color: #fff;
  opacity: 1;
}

.contact-section form textarea::-webkit-input-placeholder,
.contact-section form textarea::-moz-placeholder,
.contact-section form textarea::placeholder,
.contact-section form textarea::-ms-placeholder {
  /* display: none !important; */
}

.contact-section form .wpcf7-response-output {
  margin: 2em 0 1em !important;
}


/* ==========================================================================
Single Product
========================================================================== */

/* product details */

.product-id {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1em;
}

.product-fal,
.product-vcg {
  width: 180px;
  height: 65px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.product-vcg {
  position: absolute;
  top: 50%;
  right: -57px;
  margin: -90px 0 0 !important;
  padding-bottom: 0 !important;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  line-height: 1.45em;
  z-index: 1;
}

.product-fal:hover,
.product-vcg:hover {
  color: #fff !important;
} 

.product-fal img,
.product-vcg img {
  display: inline-block;
}

.product-fal.is-desktop {
  position: fixed;
  z-index: 1;
  left: 30px;
  bottom: 0;
  z-index: 2;
  padding: 10px 0;
}

@media screen and (max-width: 770px) {
  
  .product-fal {
    width: 140px;
    height: 50px;
    margin:  20px auto;
    font-size: .95em;
    line-height: 1.35em;
    padding: 4px 0;
  }
  
  .product-vcg {
    display: none;
  }
}

.product-vcg a {
  display: block;
  padding: 10px 0;
}

.single-product .section-one {
  margin-top: 70px;
}

.single-product .section-header{
  margin-bottom: 20px;
}

.single-product .section-one .one-half > div {
  margin: 0 30px;
  padding-bottom: 30px;
}

.single-product .section-one .one-half .slider-container {
  position: relative;
  height: auto;
}


.product_price b{
  font-size: 1.8em;
}

.product_price b small{
  font-size: .5em;
}

.is-mobile .product_price{
  margin-bottom: 1em;
}

@media screen and (max-width: 770px) {
  
  .single-product .section-one {
    margin-top: 0;
  }
    
  #product-info {
    padding-bottom: 45px;
  }
  
  #product-info > div {
    display: block;
  }
  
  #product-info .one-half {
    width: 100%;
  }
  
  .single-product .section-one .one-half:last-of-type > div {
    margin: 0;
    padding-bottom: 0;
  }
}

/* Product Slider */

.slider-container {
  position: relative;
  height: 100%;
}

.product-slide.slick-slide {
  display: flex;
  max-height: calc(50vw - 60px);
}

.product-slide.slick-slide img {
  width: 100%;
}

.product-slider-btn {
  position: absolute;
  top: 50%;
  margin-top: -27px;
  width: 54px;
  height: 54px;
  line-height: 52px;
  background-color: #FF8104;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}

.product-slider-btn img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}

.slider-container .btn-prev {left: 54px;}
.slider-container .btn-next {right: 54px;}

@media screen and (max-width: 770px) {

  .product-slide.slick-slide {
    max-height: calc(100vw - 60px);
  }
    
  .single-product .section-one .one-half > div {
    padding-bottom: 0;
  }
  
  .product-slider-btn {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: -12px;
  }
  
  .product-slider-btn img {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 13px;
    margin: 0 auto;
  }
  
  .slider-container .btn-prev {left: 15px !important;}
  .slider-container .btn-next {right: 15px !important;}
}

.product-slider-nav-thumbnails {
  display: flex !important;
  justify-content: center;
  position: absolute !important;
  bottom: 84px; /* 54px + 30px */
  width: 100%;
  height: 60px;
}

.product-slider-nav-thumbnails .slick-slide {
  width: 60px;
  max-width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
  cursor: pointer;
  border: 4px solid #FFF;
  margin: 0 10px;
}

.slider-container .product-slider-nav-thumbnails .slick-slide.slick-active,
.slider-container .product-slider-nav-thumbnails .slick-slide.slick-current {
  border-color: #FF8104;
}

@media screen and (max-width: 770px) {
  
  .product-slider-nav-thumbnails {
    height: 40px;
    bottom: 25px;
    overflow: visible;
  }
  
  .product-slider-nav-thumbnails .slick-list {
    overflow: visible;
    padding: 0 !important;
  }
  
  .product-slider-nav-thumbnails .slick-slide {
    max-width: 40px;
    height: 40px;
    border: 2px solid #FFF;
    margin: 0 10px;
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) .15s;
    margin: 0 7px;
  }
  
  .slider-container .product-slider-nav-thumbnails .slick-slide.slick-active,
  .slider-container .product-slider-nav-thumbnails .slick-slide.slick-current {
    transform: scale(1.2);
  }
}

/* Product Tabs */

.tab {
  overflow: hidden;
}

.tab button {
  width: 25%;
  min-width: 190px;
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px 10px;
  font-size: 1.5em;
  font-weight: 700;
  color: inherit;
  border-bottom: 2px solid #fff;
  transition: 0.3s;
  cursor: pointer;
}

.tab button.active {
  font-weight: 900;
  border-bottom: 2px solid #FF8104;
}

.tabcontent {
  display: none;
  padding: 45px 100px 0 0;
  border-top: none;
  overflow-y: hidden;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Tab One */

.enquire-form form {
  max-width: 490px;
}

.enquire-form form input[type="text"],
.enquire-form form input[type="email"],
.enquire-form form textarea {
  position: relative;
  width: 100%;
  background: none;
  border: 1px solid rgba(112, 112, 112, .5);
  padding: 20px 15px 18px;
  color: #333F4C;
}

.enquire-form form textarea {
  height: 59px;
}

.enquire-form form input[type="submit"] {
  border: 2px solid #FF8104;
  background: none;
  padding: 22px 75px 19px;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  background-color: #333F4C;
  color: #fff;
  cursor: pointer;
}

.enquire-form form input::-webkit-input-placeholder, 
.enquire-form form textarea::-webkit-input-placeholder {
  color: #333F4C;
  opacity: 1;
}

.enquire-form form input::-moz-placeholder, 
.enquire-form form textarea::-moz-placeholder {
  color: #333F4C;
  opacity: 1;
}

.enquire-form form input::placeholder, 
.enquire-form form textarea::placeholder {
  color: #333F4C;
  opacity: 1;
}

.enquire-form form input::-ms-placeholder, 
.enquire-form form textarea::-ms-placeholder {
  color: #333F4C;
  opacity: 1;
}

.enquire-form form .wpcf7-response-output {
  margin: 2em 0 1em !important;
}

.enquire-form .wpcf7-form-control-wrap {
    margin: 25px 0;
}


@media screen and (max-width: 770px) {
  .enquire-form {
    margin-bottom: 30px;
  }
}


/* CONTACT US SECTION */

.contact-us {
  text-align: center;
  padding: 0 0 35px;
}

.contact-us .content {
  max-width: 550px;
}

.contact-us a {
  font-size: 1.125em;
  font-weight: 700;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0);
  transition: background .3s ease-in-out 0s;
  padding: 15px 20px;
  margin-top: -15px;
}

.contact-us a:hover {
  background: rgba(255, 255, 255, .035);
}

.contact-icon {
  display: block;
  width: 92px;
  height: 92px;
  line-height: 92px;
  border: 2px solid #FF8104;
  border-radius: 100%;
  margin-bottom: 30px;
}

.contact-icon img {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}

@media screen and (max-width: 770px) {
  
  .contact-us .content {
    width: 80%;
  }
  
  .contact-icon {
    width: 44px;
    height: 44px;
    line-height: 34px;
    margin: 0 auto 15px;
  }
  
  .contact-icon img {
    width: 18px;
  }
  
  .contact-us a {
    font-size: 1em;
    padding: 15px;
  }
}

/* RELATED PRODUCTS SECTION */

.related-products {
  background-color: #CFCECB;
}

.related-products .slider-container {
    width: 80%;
    max-width: 1460px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.related-product-slider figcaption {
  font-size: 1.25em;
  font-weight: 900;
  margin-top: 15px;
  /* height: 40px */
}

.related-product-slider .slick-slide {
  margin: 0 22px;
}

@media screen and (max-width: 770px) {
  .related-product-slider figcaption {
    font-size: .5625em;
    margin-top: 7px;
  }
  
  .related-product-slider .slick-slide {
  margin: 0 10px;
}
}

.related-product-slider .slick-slide figure {
  transition: opacity .3s ease-in-out 0s;
}

.related-product-slider .slick-slide:hover figure {
  opacity: .75;
}

.related-products .product-slider-btn {
  margin-top: -67px;
}

@media screen and (max-width: 770px) {
  .related-products .product-slider-btn {
    margin-top: -52px;
  }
  
  .related-products .slider-container .btn-prev {left: -7vw !important;}  
  .related-products .slider-container .btn-next {right: -7vw !important;}
  
  .related-products .slick-list {
    padding: 0 29.25% 0 0 !important;
    width: calc(100% - 10px);
  }
}

.related-products .slider-container .btn-prev {
    left: -88px;
}

.related-products .slider-container .btn-next {
    right: -88px;
}

.related-products .slick-list {
  padding :0 11.25% 0 0 !important; /* hide half of the last slide */
  width: calc(100% - 22px);
}

@media screen and (max-width: 770px) {  
  .related-products .slick-list {
    padding: 0 35% 0 0 !important;
    width: calc(100% - 10px);
  }
}


/* MEDIA SECTIONS & GALLERY SECTION */

.media-section .content {
  max-width: 1000px;
  padding-bottom: 90px;
}

.gallery-section .gallery-slider {
  max-width: 1000px;
  margin: 0 auto;
}

.gallery-section {
  padding-bottom: 90px;  
}

.gallery-section .slider-container {
  width: 90%;
  margin: 0 auto;
}

.gallery-section .slider-container .btn-prev {
  left: 30px;
}

.gallery-section .slider-container .btn-next {
  right: 30px;
}

@media screen and (max-width: 770px) {

  .gallery-section,
  .media-section .content {
    width: 100%;
    padding-bottom: 0;
  }
  
  .gallery-section .section-header,
  .media-section .section-header {
    padding: 50px 0 15px;
  }
}


/* COLOURS SECTION */
@media screen and (max-width: 770px) {
  .trigger-list {
    padding: 0 30px;
  }
  
  .trigger-list li {
    margin-top: -1px;
  }
  
  .trigger-list li .list-content {
    display: none;    
  }
}

.colour-gallery li {
  margin-top: 1em;
}

@media screen and (max-width: 770px) {
  
  #colour-gallery {
    padding-bottom: 45px;
  }
  
  .colour-gallery li {
  margin-top: -1px;
}
}

.colour-gallery li:first-of-type {
  margin-top: -1em;
}

.colour-gallery .list-content {
  display: none;
  min-height: 100%;
  overflow: hidden;
}

.list-trigger {
  border-bottom: 1px solid rgba(255, 129, 4, .5);
  transition: border .3s ease-in-out 0s;
  padding-top: 1em;
  cursor: pointer;
}

@media screen and (max-width: 770px) {
  .list-trigger {
    border-bottom: 1px solid rgba(255, 129, 4, 1);
    border-top: 1px solid rgba(255, 129, 4, 1);
  }
}

.list-trigger:hover,
li.is-open .list-trigger {
  border-bottom: 1px solid rgba(255, 129, 4, 1);
}

.list-trigger h2 {
  float: left;
}

.list-trigger .chevron {
  float: right;
  width: 21px;
  height: 21px;
  -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
  transition: all .3s cubic-bezier(.83,.01,.29,1);
}

li.is-open .chevron {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);  
}

li.is-open .sub-menu .chevron {
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;  
}

.list-trigger span img {
  margin: 0 auto;
}

.list-content {
  margin-top: 2.5%;
}

.single-color {
  position: relative;
  width: 23%;
  margin-bottom: 2.5%;
}

@media screen and (max-width: 770px) {
  
  .list-trigger {
    padding: 15px 0;
  }
  
  .list-trigger h2 {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
  }
  
  .single-color {
    width: 47%;
    margin-bottom: 6.5%;
  }
  
  .list-content {
    margin-top: 6.5%;
  }
  
  .color-content span {
    font-size: .75em;
    bottom: 7px !important;
  }
}

.single-color:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.color-content {
  position: absolute;
  width: 100%;
  height: 100%;  
}

.color-content span {
  position: absolute;
  width: 100%;
  bottom: 20px;
  text-align: center;
  color: #fff;
}

/* ==========================================================================
Category Page
========================================================================== */

.breadcrumb {
  position: absolute;
  font-size: 1.25em;
  color: #C0C6D6;
  padding: 10px 20px;
  bottom: 0;
  left: 0;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb li.seperator {
  margin: 0 2px;
}

.breadcrumb li.item-current {
  font-weight: 900;
}

.post-type-archive-product .breadcrumb li.seperator,
.post-type-archive-product .breadcrumb li.item-current {
  display: none !important;
}

/* The sidebar menu */

.sidenav {
  height: 100%;
  width: 360px; 
  overflow-x: hidden;
  padding-top: 15px;
  background: #fff;
}

.sidenav nav {
  padding: 15px;
}

.sidenav nav li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 17px 5px;
  border-top: 1px solid #FF8104;
  min-height: 59px;
  
  font-size: 1.25em; /* 24px */
  font-weight: 900;
}

.sidenav nav li a[aria-current="page"]{
  /*color: #FF8104;*/
  font-weight: 900;
}

.sidenav nav ul.sidebar-nav {
  border-bottom: 1px solid #FF8104;
}

.sidenav nav li a i {
  display: block;
  line-height: 1;
  width: 23px;
  height: 23px;
}

.sidenav nav li > ul li a {
  font-size: 1em;
  font-weight: 700;
}


@media screen and (min-width: 591px) {
   .sidenav nav li.is-open > ul {
    display: block;
  }
}

.sidenav nav li span {
  display: block;
  width: 22px;
  height: 22px;
  background: url('../img/ico-arrow-right.svg') no-repeat center;
  -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
  transition: all .3s cubic-bezier(.83,.01,.29,1);
}

.sidenav nav li.is-open i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sidenav nav li.is-open > ul li i {
  -webkit-transform: none;
  transform: none;
}

.back-btn,
.sidenav-trigger {
  display: none;
}

/* @media screen and (min-width: 591px) {
  .sidenav nav .sub-menu {
    display: none;
  }
} */

@media screen and (max-width: 770px) {
  .sidenav {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    padding: 0;
    width: 85vw;
    display: flex;
    overflow-y: hidden;
    -ms-transform: translateX(-100%) translateX(+49px); /* IE 11 */
    transform: translateX(calc(-100% + 49px));
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) .15s;
  }
  
  .sidenav.is-open {
    transform: translateX(0%);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) .15s;
  }
  
  .sidenav nav {
    width: calc(100% - 53px);
    overflow-y: auto;
  }
  
  .sidenav nav li a {
    font-size: 1em;
    padding: 14px ​3px;
    min-height: 55px;
  }
  
  .sidenav nav li > ul li a {
    font-size: .875em;
  }

  .sidenav-trigger {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 53px;   
    height: 100%;
    z-index: 1;
    background: #fff;
    cursor: pointer;
    border-right: 1px solid #eee;
  }
  
  .sidenav-trigger > div {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    font-size: .875em;
    line-height: 53px;
    font-weight: 700;
    padding-top: 52px;
    writing-mode: vertical-rl;
  }
  
  .sidenav-trigger::before, 
  .sidenav-trigger::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    opacity: .1;
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  }
  
  .sidenav-trigger::before {
    left: 0;
  }
  
  .sidenav-trigger::after {
    right: -10px;
  }
  
  .sidenav-trigger > div .chevron {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;    
    display: flex;
    justify-content: center;
  }
  
  .sidenav-trigger > div .chevron img {
    margin: auto;
    -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
    transition: all .3s cubic-bezier(.83,.01,.29,1);
  }
  
  .sidenav.is-open .sidenav-trigger > div .chevron img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .breadcrumb {
    font-size: .875em;
  }
  
  .sidenav .sidebar-nav {
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) .15s;
  }
  
  .sidebar-nav.is-active {
    -ms-transform: translateX(-100%) translateX(-15px); /* IE 11 */
    transform: translateX(calc(-100% - 15px));
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) .15s;
  }
  
  .sub-menu {
    position: absolute;
    width: calc(100% + 30px);
    width: 100%;
    margin: 0 15px;
    padding-bottom: 15px;
    top: 0;
    right: 0;
    background: #fff;
    transform: translateX(100%);
     -ms-transform: translateX(100%) translateX(+30px); /* IE 11 */
    transform: translateX(calc(100% + 30px));
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1) .15s;
  }
  
  .sub-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1) .5s, visibility 1.5s cubic-bezier(0.19, 1, 0.22, 1) .5s;
  }

  .sub-menu.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity .1s cubic-bezier(0.19, 1, 0.22, 1), visibility .1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  
  .back-btn {
    display: block;
  }
  
  .back-btn a {
    font-size: 1em !important;
    font-weight: 900 !important;
  }
  
  li.is-open .sub-menu li .chevron {
    webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  li .sub-menu.is-visible li.back-btn .chevron {
    webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
  } 
}

/* Catalog Products */

.catalog-section {
  margin-top: 70px;
}

.catalog-section .main {
  align-self: flex-start;  
  width: calc(100% - 360px);
  padding: 15px 0;
}

.catalog-section .single-product {
  width: calc(16.6666% - 30px); /* 6 items / row */
  margin: 15px;
}

.catalog-section .single-product .product-img {
  position: relative;
  width: 100%;
  margin-bottom: 2.5%;
  background: #eee;
  overflow: hidden;
}

.catalog-section .single-product .product-img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.product-img img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  width: 100%;
  height: 100%; 
  transform: scale(1); 
  
  -webkit-transition: all .3s cubic-bezier(.83,.01,.29,1);
  transition: all .3s cubic-bezier(.83,.01,.29,1);
}

.catalog-section .single-product span {
  font-weight: 700;
}

.catalog-section .single-product:hover .product-img img {  
  transform: scale(1.1);
  max-width: none;
}

@media screen and (max-width: 770px) {
  
  .catalog-section .section-header {
    padding: 50px 0 70px;
  }
  .single-product .section-header {
    padding: 50px 0 70px;
    margin-bottom: 0;
  }
  
  .catalog-content,
  .catalog-section {
    position: relative;
    margin-top: 0;
  }
  
  .catalog-section .section-header,
   .single-product .section-header,
  .catalog-section .main {
    position: relative;
    width: 100%;
  }
  
  .catalog-section .main {
    width: calc(100%);
    margin-left: 50px;
    padding: 8px;
  }
  
  .catalog-section .single-product {
    width: calc(50% - 16px);
    margin: 8px;
    font-size: .875em;
  }
}

/* ==========================================================================
Contact Page
========================================================================== */

.page-template-template-contact .section-header {
  padding: 165px 0;
}

.contact-page-form .content {
  max-width: 888px;
}

.contact-page-form form input[type="text"],
.contact-page-form form input[type="email"],
.contact-page-form form textarea {
  /* position: relative;
  width: 100%;
  background: none;
  border: 1px solid rgba(112, 112, 112, .5);
  border-bottom: 2px solid #FF8104;
  padding: 20px 15px 18px;
  color: #333F4C; */
}

.contact-page-form form input[type="submit"] {
  /* border: 2px solid #FF8104;
  background: #333F4C;
  padding: 22px 75px 20px;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  cursor: pointer; */
}

.contact-page-form form input::-webkit-input-placeholder, 
.contact-page-form form textarea::-webkit-input-placeholder {
  color: #333F4C;
  opacity: 1;
}

.contact-page-form form input::-moz-placeholder, 
.contact-page-form form textarea::-moz-placeholder {
  color: #333F4C;
  opacity: 1;
}

.contact-page-form form input::placeholder, 
.contact-page-form form textarea::placeholder {
  color: #333F4C;
  opacity: 1;
}

.contact-page-form form input::-ms-placeholder, 
.contact-page-form form textarea::-ms-placeholder {
  color: #333F4C;
  opacity: 1;
}

.contact-page-form form .wpcf7-response-output {
  margin: 2em 0 1em !important;
}


/* ==========================================================================
Privacy Policy Page
========================================================================== */

.page-template-template-imprint main .content {
  max-width: 1000px;
}

.page-template-template-imprint .section-header {
  padding: 75px 0;
}

.page-template-template-imprint h2 {
  margin-top: 1em;
}

@media screen and (max-width: 770px) {
  .page-template-template-imprint .section-header {
    padding: 35px 0;
  }
  
  .page-template-template-imprint h2 {
    font-size: 1.25em;
  }
}

/* ==========================================================================
Our History Page
========================================================================== */

/* https://codepen.io/web_designer_sanchit/pen/eLjvyw */
/* https://codepen.io/ManasaGowlikar/pen/WBMdNM */

/* Timeline */

.timeline{
  position :relative;
  margin: 50px auto;
  padding:40px 0;
  width: 100%;
  max-width: 1280px;
  box-sizing: border-box;
}

.timeline:before{
  content:'';
  position:absolute;
  top: 50px;
  left:50%;
  bottom: 500px;
  width:2px;
  height:100%;
  margin-left: -1px;
  background:#FF8104;
  
}

.timeline ul{
  padding:0;
  margin:0;
}

.timeline ul li{
  list-style: none;
  position: relative;
  width: 50%;
  padding: 20px 100px;
  box-sizing: border-box;
}

.timeline ul li:nth-child(odd){
  float:right;
  text-align:left;
  clear:both;
  padding-right: 0;
}

.timeline ul li:nth-child(even){ 
  float:left;
  clear:both;
  padding-left: 0;
}

.timeline ul li .content{
  width: 100%;
  padding-bottom: 20px; 
}

.timeline ul li:before {
  content:'';
  position:absolute;
  width:80px;
  height:80px;
  top: 0px;
  
  background: white url('../img/ico-timeline.svg') no-repeat center;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(255,255,255,1);
}

.timeline ul li:nth-child(odd):before {
  left:-39px;
}

.timeline ul li:nth-child(even):before {
  right:-39px;
}

.timeline ul li p {
  margin: 1.25em 0 0;
  padding: 0;
  font-size: .875em;
  line-height: 1.45em;
}

@media(max-width:1000px) {
  .timeline{
    width:90%;
  }
}

@media(max-width:767px) {
  
  .timeline {
    width:100%;
    padding-bottom:0;
  }

  .timeline:before {
    left: 29px;
    height: calc(100% + 50px);
    top: 0;
  }
  
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even) {
    width: 100%;
    text-align: left;
    padding: 0px 20px 80px 50px;
  }
  
  .timeline ul li:last-of-type {
    padding-bottom: 0 !important;
  }
  
  .timeline ul li:before {
    width:50px;
    height:50px;
    top: 0px;
  }
    
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before {
    top:-60px;
    left:4px;
  }
  
  .timeline ul li h2 {
    font-size: 1.125em;
    margin-bottom: .5em;
  }
}

/* ==========================================================================
FAQ Page
========================================================================== */

.page-template-template-faq .list-trigger,
.page-template-template-faq .list-trigger:hover, li.is-open .list-trigger {
    border: none !important;
}

.page-template-template-faq main li {
  padding: 1.25em 0;
  border-bottom: 1px solid rgba(255, 129, 4, 1);
}

.page-template-template-faq main li:first-of-type {
  border-top: 1px solid rgba(255, 129, 4, 1);
}

.page-template-template-faq .list-trigger h2 {
  font-size: 1.25em;
  margin-bottom: 0;
}

.page-template-template-faq .list-content {
  margin-top: 1.25em;
}

.page-template-template-faq .colour-gallery li {
  margin-top: 0;
}

.page-template-template-faq .list-trigger {
  padding-top: 0;
}

@media screen and (max-width: 770px) {
  
  .page-template-template-faq li {
    padding: .75em 0;
  }
  
  .page-template-template-faq .list-trigger h2 {
    font-size: 1em;
    max-width: 80%;
  }
  
  .page-template-template-faq .trigger-list,
  .page-template-template-faq .list-trigger {
    padding: 0;
  }
  
  .page-template-template-faq .list-trigger {
    position: relative;
  }
  
  .page-template-template-faq .list-trigger .chevron {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0;
  }
}

/* ==========================================================================
Team Page
========================================================================== */

.team-member {
  width: calc(33.3333% - 60px);
  margin: 30px;
  text-align: center;
}

.team-member > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 60px 15px 40px;
}

.team-member .team-img {
  display: block;
  width: 148px;
  height: 148px;
  border: 2px solid #FF8104;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 1.25em;
}

.team-member span {
  display: block;
}

.team-member span.is-empty {
  color: #fff;
}

.team-member .team-name {
  margin-bottom: 0;
}

.team-member .team-position {
  font-size: 1.5em;
  color: #4A772B;
  margin-bottom: 1em;
}

.team-member .team-name,
.team-member .team-position {
  line-height: 1.45em;
}

.team-email {color: #FF8104;}

.team-phone, .team-gsm, .team-email {
  font-weight: 700;
}

/* Org Chart */

.org-chart-section {
  padding: 70px 0;
}

.org-chart-section .image-content {
  max-width: 1200px;
}

.org-chart-section .download-btn {
  margin: 50px auto;
}

@media screen and (max-width: 770px) {
  .page-template-template-team .page-content {
    padding-top: 100px;
  }
  
  .team-member {
    width: 100%;
    margin: 15px 0;
  }
  
  .team-member > div {
    padding: 45px 15px 35px;
  }
  
  .team-member .team-img {
    margin-bottom: 2em;
  }
  
  .team-member .team-name,
  .team-member .team-position {
    font-size: 1em;
  }
  
  .team-member .team-position {
    margin-bottom: 40px;
  }
  
  .team-phone, .team-gsm, .team-email {
    font-size: .875em;
  }
  
  .org-chart-section .image-content {
    display: none;
  }
  
  .org-chart-section {
    padding: 20px 0 80px;
  }
  
  .org-chart-section .download-btn {
    margin: 0 auto;
  }
}

/* ==========================================================================
Location Page
========================================================================== */

.location-page-content {
  padding: 15px 0;
}

.location-row {
  padding: 60px 0;
  border-bottom: 1px solid #FF8104;
}

.location-row:last-of-type {
  border-bottom: none;
}

@media screen and (max-width: 770px) {
  .location-row.flex {
    display: block;
    padding: 30px 0;
  }
  
  .location-row.flex .one-half {
    width: 100%;
  }
  
  .location-row.flex .one-half h2 {
    font-size: 1.25em;
  }
}

/* ==========================================================================
Error 404
========================================================================== */

.error404 header,
.error404 footer {
  display: none;
}

.error404 section {
  min-height: 100vh;
  text-align: center;
}

.error404 section a {
  display: block;
  padding: 30px;
  background: rgba(255, 255, 255, .15);
}

.error404 section h1 {
  font-size: 17.5vw;
}

.error404 section p {
  font-size: 1.5em;
  margin: 1em 0;  
}







/* ==========================================================================
Academy Page
========================================================================== */

.academy-page-section .content{
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}


.academy-file{
  width: calc(25% - 60px);
  margin: 30px;
  text-align: center;
}

.file-img{
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}

.file-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

p.file-name{
  position: absolute;
  width: 100%;
  bottom: 20px;
  z-index: 20;
  left: 0;
  color: #fff;
}

.academy-file  a.download-btn{
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  margin-top: 1em;
}
@media screen and (max-width: 770px){

  .academy-file{
    width: 100%;
    margin: 15px 0;
  }
}




/* ==========================================================================
Homepage News Section
========================================================================== */
.section-news .content {
    max-width: 1280px;
}

.section-news .latest-post{
  width: 50%;
  margin-right: 10%;
  flex: 1;
}
.section-news .latest-posts{
  width: 40%;
  flex: 1;
  max-height: 570px;
  overflow: scroll;
}

.section-news__post{
  display: block;
  overflow: hidden;
  margin-bottom: 3em;
  color: #333F4C;
  text-decoration: none;
}


.section-news__post-date{
  font-size: 1em;
  font-weight: 600;
}

.section-news__post-title{
  font-size: 1.250em;
  font-weight: 800;
  margin: 0.5em 0 1em 0;
  border-bottom: 2px solid #FF8104;
  padding-bottom: .5em;
}

.section-news__post-excerpt{

}

.section-news__post-thumb{
  width: 100%;
  height: 300px;
  position: relative;
  margin-bottom: 2em;
}

.section-news__post-thumb img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: initial;
  object-fit: cover;
}



.section-news__post-link{
  color: #FF8104;
  float: right;
  margin-top: 1em;
  font-weight: 600;
}

@media screen and (max-width: 600px){
  .section-news__post-thumb{
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 2em;
  }

  .section-news__post-thumb img{
    position: relative;
    width: 100%;
    height: auto;
    max-width: initial;
    object-fit: initial;
  }

}

@media screen and (max-width: 770px){
  .section-news .latest-posts{
    width: 100%;
    flex: initial;
  }
  .section-news .latest-post{
    width: 100%;
    margin-right: 0%;
    flex: initial;
  }
  .section-news .latest-posts{
    width: 100%;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: scroll;
  }
  .section-news .latest-posts .section-news__post{
    width: 100%;
    margin-right: 3em;
    white-space: initial;
    display: inline-block;
  }
}

/* hacky blogpost */
.blogpost{
  padding: 200px 0;
  max-width: 910px;
  margin: 0 auto;
}

.blogpost .page-title{
  margin-bottom: 1em;
}

@media screen and (max-width: 770px){
  .blogpost{
    padding: 60px 0;
    max-width: 910px;
    margin: 0 auto;
  }
}


/* typehead search */
.search-trigger{
  cursor: pointer;
  margin-left: auto;
}
.search-field{
  display: none;
  position: absolute;
  right: 60px;
  height: 60px;
  width: 320px;
  background: #fff;
}

.search-field .close{
  position: absolute;
  right: 0;
  top: 0px;
  height: 60px;
  width: 60px;
  background: #4a772c;
  z-index: 300;
  border: none;
  cursor: pointer;
  color: #FF8104;
  font-size: 40px;
}

#ajaxsearchlite1 .probox, div.asl_w .probox,
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{
  height: 60px;
}
.search-field div.asl_m .probox .proinput input.autocomplete{
  height: 60px;
  margin-top: -60px!important;
}
div.asl_r .results .item .asl_content h3 a{
  color: #FF8104!important;
}

@media screen and (min-width: 771px){
  .search-field{
    width: 250px;
    margin-right: -15px;
  }
}

@media screen and (max-width: 770px){
  .search-trigger{
    cursor: pointer;
    margin-left: 0;
  }
  .search-field{
    left: 15px;
    right: initial;
    background: transparent;
  }
  .search-field .close{
    left: 0px;
    right: initial;
  }
  #ajaxsearchlite1{
    position: fixed;
    left: 0;
    top: 92px;
  }
  #ajaxsearchliteres1{
    position: fixed!important;
    top: 150px!important;
    height: calc(100vh - 150px)!important;
    background: #fff!important;
  }
  div.asl_w .probox .promagnifier,
  div.asl_w .probox .proloading,
  div.asl_m .probox .proclose{
    display: none!important;
  }
  div.asl_w.asl_an_fadeOutDrop{
    animation-name: none;
    -webkit-animation-name:none;
  }
}

@media screen and (min-width: 771px){

  #ajaxsearchlite1 .probox, div.asl_w .probox{
    background: #4a772c;
  }
  
  .proinput > form{
    border-bottom: 1px solid #fff;
    width: 86%;
  }
  #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{
    color: #fff!important;
    font-size: 16px;
  }

  #ajaxsearchlite1 .probox .proinput input::-webkit-input-placeholder,
  div.asl_w .probox .proinput input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
      color:    #9ec186!important;
  }
  #ajaxsearchlite1 .probox .proinput input:-moz-placeholder,
  div.asl_w .probox .proinput input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color:    #9ec186!important;
     opacity:  1;
  }
  #ajaxsearchlite1 .probox .proinput input::-moz-placeholder,
  div.asl_w .probox .proinput input::-moz-placeholder { /* Mozilla Firefox 19+ */
     color:    #9ec186!important;
     opacity:  1;
  }
  #ajaxsearchlite1 .probox .proinput input:-ms-input-placeholder,
  div.asl_w .probox .proinput input:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color:    #9ec186!important;
  }
  #ajaxsearchlite1 .probox .proinput input::-ms-input-placeholder,
  div.asl_w .probox .proinput input::-ms-input-placeholder { /* Microsoft Edge */
     color:    #9ec186!important;
  }

  #ajaxsearchlite1 .probox .proinput input::placeholder,
  div.asl_w .probox .proinput input::placeholder { /* Most modern browsers support this now. */
     color:    #9ec186!important;
  }
}

.page-template-default .entry-content{
  width: 70%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 150px;
}

.page-template-default .entry-content h1{
  margin-bottom: .5em;
}

.page-template-default .article-header{
  display: none;
}

@media screen and (max-width: 740px){
  .page-template-default .entry-content{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 90px 30px 0 30px;
  }
}
/* Hack Olivier */

.slick-track {display: flex !important;}
.slick-slide {height: inherit !important;}
.slick-slide img {width: 100%;}

.cc-theme-edgeless.cc-window.cc-type-info {
  z-index: 999999;
}
.single-product .product_price {
  margin-top: 50px;
}
.iframe {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.catalog-section .section-header h1 span {
  display: block;
  font-size: 20px;
}
.catalog-section {
  margin: 50px auto;
  text-align: center;
  max-width: 1400px;
  background: rgba(193,198,217,0.2);
  padding: 50px 25px;
  border-radius: 2px;
  font-size: 20px;
  line-height: 31px;
}
@media screen and (max-width: 767.98px) {
  .catalog-section {
    font-size: 18px;
    line-height: 22px;
  }
}

.gform_required_legend {
  display: none;
}
.gform-theme--foundation .gform_fields {
  row-gap: 20px !important;
}
.gform_footer input.gform_button {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 12px 30px !important;
  border-radius: 4px !important;
}