.no-js {
  visibility: hidden;
  opacity: 0
}

.js {
  visibility: visible;
  opacity: 1
}

a {
  color: #0064c2
}

a:active {
  color: #c9952b
}

@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Gill Sans Regular'), url('../font/Gill Sans.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Gill Sans Italic'), url('../font/Gill Sans Italic.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Gill Sans Light'), url('../font/Gill Sans Light.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Gill Sans Light Italic'), url('../font/Gill Sans Light Italic.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Gill Sans Medium'), url('../font/Gill Sans Medium.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 500;
  src: local('Gill Sans Medium Italic'), url('../font/Gill Sans Medium Italic.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Gill Sans Medium'), url('../font/Gill Sans Medium.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Gill Sans Medium Italic'), url('../font/Gill Sans Medium Italic.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Gill Sans Bold'), url('../font/Gill Sans Bold.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 900;
  src: local('Gill Sans Condensed Bold'), url('../font/GillSans Condensed Bold.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Gill Sans Bold Italic'), url('../font/Gill Sans Bold Italic.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 900;
  src: local('Gill Sans Heavy'), url('../font/Gill Sans Heavy.woff') format('woff')
}

@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 900;
  src: local('Gill Sans Heavy Italic'), url('../font/Gill Sans Heavy Italic.woff') format('woff')
}

a,
body,
p {
  font-family: 'Gill Sans', sans-serif;
  font-weight: 400
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Gill Sans', sans-serif;
  font-weight: 400;
  color: #000;
  letter-spacing: 2px
}

.quote_p {
  color: #c9952b;
  line-height: 3rem;
  font-weight: 700;
  font-family: 'Noto Serif', serif;
  font-size: 70px
}

.no_lp {
  letter-spacing: 0
}

.center {
  text-align: center
}

.out-vc {
  display: table
}

.in-vc {
  display: table-cell;
  text-align: left;
  vertical-align: middle
}

.in-vc-right {
  display: table-cell;
  text-align: right;
  vertical-align: middle
}

.rown {
  padding-top: 30px;
  padding-bottom: 30px
}

.tabs {
  border: 0
}

.tabs li {
  margin: 10px
}

.tabs-title>a {
  padding: 5px 10px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #5d5d5d;
  font-weight: 700
}

.tabs-content {
  border: 0
}

.blp {
  color: #000;
  font-size: 16px
}

.tabs-title>a:hover {
  color: #5d5d5d
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
  background: #c9952b;
  color: #fff
}

.cust_bul {
  list-style: none
}

.cust_bul li::before {
  content: "\2022";
  color: #c9952b;
  font-weight: 700;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  margin-right: .5em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cust_bul li {
  padding-bottom: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cust_bul li a:visited,
a:focus {
  color: #000
}

.cust_bul li a:hover {
  color: #c9952b
}

.rowl {
  padding-top: 10px;
  padding-bottom: 10px
}

.rowlm {
  padding-top: 20px;
  padding-bottom: 25px
}

.rowll {
  padding-top: 20px
}

.orbg {
  background: #fbb03b
}

.blbg {
  background: #75aabd
}

.beigtxt {
  color: #f7931e;
  font-weight: 700
}

p {
  font-size: 16px
}

.rowm,
.rowmm {
  padding-top: 20px
}

.purpletxt {
  color: #006edb;
  font-weight: 400;
  margin-bottom: 0
}

.greentxt {
  color: #94b68f;
  font-weight: 400
}

.pdlr {
  padding-left: 10vw;
  padding-right: 10vw
}

.reveal {
  width: 65%
}

.white {
  color: #fff
}

.bg {
  background-image: url(../img/b_1.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 3vw
}

.bg5 {
  background-image: url(../img/b_2.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.bg6 {
  background-image: url(../img/bg_1.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.bg7 {
  background-image: url(../img/bg_2.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.bluetxt {
  color: #4f6b9e
}

.bluetxt2 {
  color: #4a90e2;
  font-weight: 500
}

.top-bar,
.top-bar ul {
  background-color: #fff
}

.top-bar {
  padding-bottom: 0
}

.top-bar li a {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  white-space: nowrap;
  word-break: keep-all;
  padding: .8rem 1rem .8rem 1rem
}

.top-bar .mnj .mnj2 {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  white-space: nowrap;
  word-break: keep-all
}

.menu .mnj .mnj2 {
  padding: 1.2rem 1rem 1.2rem 1rem
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
  right: auto;
  top: 10%;
  left: 0;
  width: auto;
  background-color: #fff;
  text-align: left;
  -webkit-transition: top .3s ease-in-out 0s;
  transition: top .3s ease-in-out 0s;
}

.is-dropdown-submenu-parent.opens-right.is-active>.is-dropdown-submenu {
  right: auto;
  top: 105%;
  left: 0;
  width: auto;
  background-color: #fff;
  text-align: left;
  -webkit-transition: top .3s ease-in-out 0s;
  transition: top .3s ease-in-out 0s;
}


.vertical .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
  right: auto;
  top: 0;
  left: 101%;
  background-color: #fff
}


.width-space li a {
  white-space: normal;
  word-break: normal
}

.vt2 {
  left: 105% !important;
  letter-spacing: 0
}

.width--92p {
  width: 92%
}

.menu a {
  padding: .8rem 1.2rem
}

.submenu li:first-of-type {
  padding-top: 0rem;
  letter-spacing: 0
}

.js-dropdown-active a {
  letter-spacing: 0 !important;
  padding: .6rem 0.6rem;
  font-weight: 600 !important
}

.js-dropdown-active a {
  color: red
}

.menu .active>a,
.menu .is-active>a,
.menu a:hover {
  background: 0 0;
  color: inherit
}

.menu .is-active>.mnj2,
.menu .mnj2 {
  /* border-bottom: 3px solid transparent */
  -webkit-box-shadow: inset 0px 0px 0px transparent;
  box-shadow: inset 0px 0px 0px transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu .is-active>.mnj2,
.menu .mnj2:hover {
  -webkit-box-shadow: inset 0px -3px 0px #c9952b;
  box-shadow: inset 0px -3px 0px #c9952b;
}


.mnj ul a:focus,
.mnj ul a:hover {
  color: #c9952b
}

.submenu {
  padding: 10px 10px 10px 1vw
}

.submenu a {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: left
}

.menu {
  text-align: center
}

.footer .menu {
  text-align: center;
  width: 100%
}

.ft_o {
  width: 100%;
  max-width: 40px;
  padding: 10px
}

.footer .menu a {
  text-align: center;
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: 1.5px
}

.doc_des {
  margin-bottom: 0;
  font-size: 15px;
  padding-right: 10px
}

.dos_d {
  font-size: 1.15rem;
  letter-spacing: 0
}

.conti {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.top_orbit .orbit-bullets {
  position: absolute;
  z-index: 99;
  top: 40%;
  right: 30px;
  max-width: 20px
}

.top_orbit .orbit-bullets button {
  width: .5rem;
  height: .5rem;
  background-color: #c9952b;
  cursor: pointer
}

.top_orbit .orbit-bullets button.is-active {
  background-color: #c9952b;
  border: 2px solid #fff;
  border-radius: 18px;
  -webkit-box-shadow: 0 0 0 2px #c9952b;
  box-shadow: 0 0 0 2px #c9952b;
  height: 30px;
  width: 30px;
  padding: 2px
}

.top_orbit .orbit-bullets button.is-active {
  width: .5rem;
  height: .5rem
}

.bg1 {
  background-image: url("/img/OD2_Grey_Web_Slider.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  padding-top: 12vw;
  padding-bottom: 10vw;
}

.bg2 {
  background-image: url(../img/yoga.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 12vw;
  padding-bottom: 17vw
}

.bg3 {
  background-image: url(../img/premier_3_nz.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 12vw;
  padding-bottom: 17vw
}

.btn2 {
  width: 100%;
  max-width: 200px;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  background-color: #000;
  color: #fff;
  border-radius: 0;
  letter-spacing: 2px
}

.bt6:hover,
.btn2:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000
}

.bt6 {
  width: 100%;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 700;
  background-color: #000;
  color: #fff;
  border-radius: 0;
  margin-bottom: 5px;
  letter-spacing: 1.5px
}

.bt10 {
  width: 100%;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 700;
  background-color: #fff;
  color: #000;
  border-radius: 0;
  margin-bottom: 5px;
  letter-spacing: 1.5px
}

.bt10:hover {
  background-color: #000;
  color: #fff
}

.btn5 {
  width: 100%;
  max-width: 220px;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  background-color: #eaeaea;
  color: #000;
  border-radius: 0;
  margin-bottom: 5px;
  letter-spacing: 2px
}

.btn5:hover {
  background-color: #000;
  color: #eaeaea
}

.btn11 {
  padding: 10px 40px;
  font-size: 24px
}

.orgbutton:hover,
.whitebtn:hover {
  color: #fff;
  font-weight: 700
}

.grn {
  background: #8ac43f
}

.purptxt {
  color: #714e84;
  font-weight: 700;
  margin-bottom: 0
}

.flex__row--spacebetween-R40em-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pan1 {
  background: #8ac43f;
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 15px;
  padding-bottom: 15px
}

.pan2 {
  background: rgba(0, 0, 0, .9);
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 40px;
  padding-bottom: 15px
}

.pan4 {
  background: #eaeaea;
  padding: 5px 20px;
  border: 1px solid #333;
  max-width: 400px
}

.book_capa {
  display: none;
  position: fixed !important;
  position: absolute;
  top: 10em;
  right: 0
}

.olop .orbit {
  padding: 10px
}

.conti .columns {
  padding: 5px
}

.arrow_box {
  background-color: #f5f5f5;
  padding: 20px 20px 20px 20px
}

.mjk {
  padding-top: 10px
}

.mjk img {
  width: 100%;
  max-width: 40px;
  padding-top: 10px;
  padding-bottom: 20px
}

.mjk p {
  font-size: 15px;
  font-weight: 600
}

.srange {
  padding: 1px
}

.srange .plo {
  background-color: #eee;
  border: 1px solid transparent
}

.srange p {
  padding-top: 15px;
  color: #000;
  font-weight: 700
}

#p2,
#p4,
#p6 {
  display: none;
  font-weight: 700
}

.srange a:hover p {
  padding-top: 15px;
  color: #c9952b;
  font-weight: 600
}

.srange img {
  width: auto;
  max-width: 100%;
  height: 270px;
  max-width: 100%;
  max-width: 350px;
  padding: 20px 20px
}

.srange a:hover img {
  width: auto;
  max-width: 100%;
  max-width: 350px;
  padding: 20px 20px
}

.srange a:hover .plo {
  background-color: #fff;
  border: 1px solid #c9952b
}

.mjk a p {
  color: #5f5f5f
}

.mjk a:hover p {
  color: #c9952b
}

.diyu {
  position: relative;
  margin-top: 50px;
  padding-top: 8%;
  background: #f3f3f3
}

.blue_mob {
  background: url(../img/diy.png);
  background-position: center;
  background-size: cover;
  position: absolute;
  top: -12%;
  left: 4.5vw;
  width: 90vw
}

.blue_mob .medium-9 {
  padding: 5px 3vw
}

.bgw {
  background-color: #fff;
  padding: 5px
}

.bgw h5 {
  font-weight: 600
}

.accordion-title,
.accordion-title:hover,
:last-child:not(.is-active)>.accordion-title,
:last-child:not(.is-active)>.accordion-title:hover {
  border: 0;
  border-bottom: 1px solid #a2a2a2;
  padding: .75rem 5px;
  color: #000;
  background: 0 0
}

.accordion-content {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 5px
}

.accordion-title::before {
  display: none
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
  padding-left: 20px;
  color: #000;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  height: 40px;
  border: none;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 rgba(10, 10, 10, 0) !important;
  box-shadow: inset 0 0 0 rgba(10, 10, 10, 0) !important
}

::-webkit-input-placeholder {
  color: #000;
  font-weight: 300
}

::-moz-placeholder {
  color: #000
}

::-ms-input-placeholder {
  color: #000
}

::-moz-placeholder {
  color: #000
}

.large-text-center {
  text-align: center
}

.large-text-right {
  text-align: right
}

.large-text-left {
  text-align: left
}

.padding--0R40em {
  padding: 0
}

.lms__49-49-100 {
  width: 47.75%;
}

@media only screen and (min-width:90em) {

  .flex-video.widescreen,
  .responsive-embed.widescreen {
    padding-bottom: 62.25%
  }
}

@media only screen and (min-width:40em) and (max-width:60em) {

  .orgbutton,
  .whitebtn {
    padding: 15px 50px
  }

  .reveal {
    width: 77%
  }

  .h2,
  h2 {
    font-size: 2rem
  }

  .book_capa img {
    width: 50px !important
  }

  .rown {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .diyu {
    position: relative;
    margin-top: 60px;
    padding-top: 23%;
    background: #eaeaea
  }

  .blue_mob {
    background: url(../img/diy.png);
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -12%;
    left: 4.5vw;
    width: 90vw
  }
}

.width--50-R40em-100 {
  width: 50%;
}

@media only screen and (max-width:40em) {

  .button-a-chrome {
    background: #c9952b;
    border: 1px solid #c9952b;
    width:300px;
    text-align:center;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 900;
    padding: 8px 14px !important;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0px;
    z-index: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    white-space: nowrap
  }

  .width--50-R40em-100 {
    width: 100%;
  }

  .padding--small-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .width--92p {
    width: 100%
  }

  .small-text-center {
    text-align: center
  }

  .border--bottom-r40 {
    border-bottom: 2px solid #d7d7d7
  }

  .accordion-content {
    padding-left: 16px !important
  }

  .menu {
    text-align: left
  }

  .is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu,
  .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    left: 40%;
    top: 0;
    background-color: #fff
  }

  .menu-centered>.menu,
  .menu-centered>.menu li {
    -ms-flex-pack: left;
    -webkit-box-pack: left;
    justify-content: left
  }

  .mnj {
    width: 100%;
    text-align: left
  }

  .pms {
    max-width: 400px;
    padding-bottom: 15px
  }

  .pan1 {
    max-width: 90%;
    margin: auto;
    padding-left: 7vw;
    padding-right: 7vw;
    margin-bottom: 30px
  }

  .ptm {
    background: url(../img/pt_m.png);
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff
  }

  .orgbutton,
  .whitebtn {
    padding: 10px 30px;
    font-size: 20px
  }

  .btn11 {
    font-size: 20px
  }

  .pms2 {
    padding-top: 40px
  }

  .reveal {
    width: 85%
  }

  .book_capa img {
    width: 40px !important
  }

  .pdlr {
    padding-left: 0;
    padding-right: 0
  }

  .rowmm {
    padding-top: 0
  }

  .bgw {
    margin-bottom: 10px
  }

  .diyu {
    position: relative;
    margin-top: 60px;
    padding-top: 32%;
    background: #eaeaea
  }

  .blue_mob {
    background: url(../img/diy.png);
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -10%;
    left: 4.5vw;
    width: 90vw
  }
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
  border-color: transparent transparent transparent #000;
  position: absolute;
  right: -10px;
  padding-left: 10px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active>a::after {
  border-color: transparent transparent transparent #c9952b;
  position: absolute;
  right: -10px;
  padding-left: 10px
}

body,
html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased
}

.height--100 {
  height: 100%
}

.height--75 {
  height: 70%
}

.height--25 {
  height: 30%
}

.width--100 {
  width: 100%
}

.width--50 {
  width: 50%
}

.width--40 {
  width: 40%
}

.max__width--150 {
  max-width: 150px
}

.max__width--175 {
  max-width: 175px
}

.max__width--30 {
  max-width: 30px
}

.max__width--40 {
  max-width: 40px
}

.max__width--25 {
  max-width: 25px
}

.box__sizing--borderbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.hz__line {
  border-top: 1px solid #000;
  height: 0;
  width: 100%;
  margin: 0
}

.hz__line--gray {
  border-top: 1px solid #d7d7d7;
  height: 0;
  width: 100%;
  margin: 10px 0
}

.border--darkgray {
  border: 1px solid #d7d7d7
}

.border__top--0 {
  border-top: 0
}

.flex--1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.flex__column--center-R40em-flex__row--center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__row--flexstartbottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.flex__row--flexstart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__row--flexendbottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.flex__row--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__row--center-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__row--spacebetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__row--spacebetween-R40em-flexwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__row--spacebetweenbottom {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.flex__column--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__column--flexend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__column--flexstart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__column--spacebetween-flexend {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
}

.flex__row--flexstart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__column--spacebetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex__column--center-flexstart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start
}

.flex__column--center-flexend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-end
}

.flex__row__wrap--spacebetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.table {
  display: table
}

.table__cell--left {
  display: table-cell;
  text-align: left;
  vertical-align: middle
}

.table__cell--lefttop {
  display: table-cell;
  text-align: left;
  vertical-align: top
}

.table__cell--center {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.table__cell--right {
  display: table-cell;
  text-align: right;
  vertical-align: middle
}

.table__cell--centertop {
  display: table-cell;
  text-align: center;
  vertical-align: top
}

.table__cell--bottom {
  display: table-cell;
  text-align: center;
  vertical-align: bottom
}

.background__color--white {
  background-color: #fff
}

.background__color--black {
  background-color: #000
}

.background__color--gray {
  background-color: #f3f3f3
}

.background__color--chrome {
  background-color: #c9952b
}

.font--bold {
  font-weight: 700
}

.font__bold {
  font-weight: 700
}

.font__normal {
  font-weight: 400
}

ol.list__color--chrome {
  list-style-type: decimal;
  color: #c9952b
}

ol.list__color--chrome li::before {
  content: '';
  position: relative;
  top: 10px
}

ol.list__color--chrome li h3 {
  line-height: 34px
}

.position__left--1pt25em-r40em-auto {
  position: relative;
  left: -1.25em
}

@media only screen and (max-width:40em) {
  .font__color--white40em {
    color: white;
  }

  .displayblock--40em {
    display: block
  }

  .position__left--1pt25em-r40em-auto {
    position: relative;
    left: auto
  }
}

.breadcrumb {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 700
}

.font__color--gray-SS {
  color: #686663
}

.font__color--gray:hover {
  color: #c9952b !important
}

.font__color--gray:active {
  color: #c9952b !important
}

.font__color--hoverchrome:hover {
  color: #c9952b !important
}

.font__color--chrome,
.font__color--chrome:active,
.font__color--chrome:hover,
.font__color--chrome:visited {
  color: #c9952b !important
}

.font__color--white {
  color: #fff
}

.font__color--gray {
  color: #a0a0a0
}

.font__color--grayScroll {
  color: #a0a0a0;
  -webkit-transition: color 1s ease;
  transition: color 1s ease
}

.font__color--grayScroll>* {
  color: inherit
}

.font__color--blackScroll {
  color: #000;
  -webkit-transition: color 1s ease;
  transition: color 1s ease
}

.font__color--blackScroll>* {
  color: inherit
}

.font__color--blackScroll p {
  color: #5d5d5d
}

.font__color--black {
  color: #000
}

.padding--0 {
  padding: 0 !important
}

.padding--100 {
  padding-top: 100px;
  padding-bottom: 100px
}

.padding--60 {
  padding-top: 60px;
  padding-bottom: 60px
}

.padding--40 {
  padding-top: 40px;
  padding-bottom: 40px
}

.padding--30 {
  padding-top: 30px;
  padding-bottom: 30px
}

.padding--20 {
  padding-top: 20px;
  padding-bottom: 20px
}

.padding--15 {
  padding-top: 15px;
  padding-bottom: 15px
}

.padding--10 {
  padding-top: 10px;
  padding-bottom: 10px
}

.padding--7 {
  padding-top: 7px;
  padding-bottom: 7px
}

.padding--5-trbl-R64-40em {
  /* padding-left: 3px; */
  position: relative;
  left: -2px;
  padding-left: 20px;
  padding-right: 0;
  padding-top: 5px;
  padding-bottom: 5px
}

.padding--5 {
  padding-top: 5px;
  padding-bottom: 5px
}

.margin--0 {
  margin: 0
}

.margin--30 {
  margin-top: 30px;
  margin-bottom: 30px
}

.margin--0R {
  margin: 0
}

.margin__bottom--15 {
  margin-bottom: 15px !important;
}

.margin__r--15 {
  margin-right: 15px
}

.padding__top--100 {
  padding-top: 100px
}

.padding__top--60 {
  padding-top: 60px
}

.padding__top--40 {
  padding-top: 40px
}

.padding__top--30 {
  padding-top: 30px
}

.padding__top--20 {
  padding-top: 20px
}

.padding__top--15 {
  padding-top: 15px
}

.padding__top--10 {
  padding-top: 10px
}

.padding__top--5 {
  padding-top: 5px
}

.padding__top--5p {
  padding-top: 4%
}

.padding__bottom--100 {
  padding-bottom: 40px
}

.padding__bottom--60 {
  padding-bottom: 60px
}

.padding__bottom--40 {
  padding-bottom: 40px
}

.padding__bottom--30 {
  padding-bottom: 30px
}

.padding__bottom--20 {
  padding-bottom: 20px
}

.padding__bottom--15 {
  padding-bottom: 15px
}

.padding__bottom--10 {
  padding-bottom: 10px
}

.padding__bottom--5 {
  padding-bottom: 5px
}

.padding__lr-default {
  padding-left: 15px;
  padding-right: 15px
}

.padding__lr--30-R-5 {
  padding-left: 30px;
  padding-right: 30px
}

.padding__r-0-r40em-15 {
  padding-left: 0;
  padding-right: 0
}

.padding__lr--30 {
  padding-left: 15px;
  padding-right: 15px
}

.padding__lr--10 {
  padding-left: 10px;
  padding-right: 10px
}

.padding__lr--10p {
  padding-left: 5%;
  padding-right: 5%
}

.padding__lr--5 {
  padding-left: 5px;
  padding-right: 5px
}

.padding__lr--0 {
  padding-left: 0;
  padding-right: 0
}

.padding__l--0 {
  padding-left: 0
}

.padding__l--10 {
  padding-left: 10px
}

.padding__l--5 {
  padding-left: 5px
}

.padding__l-0-r40em-15 {
  padding-left: 0
}

.padding__r-0-r40em-15 {
  padding-right: 0
}

.padding__r--5 {
  padding-right: 5px
}

.padding__r--10 {
  padding-right: 10px
}

.padding__r--20 {
  padding-right: 20px
}

.padding__r--0 {
  padding-right: 0
}

.margin--0 {
  margin: 0
}

.margin__bottom--10 {
  margin-bottom: 10px !important;
}

.img__maxwidth--large {
  width: 100%;
  max-width: 300px
}

.position--relative {
  position: relative
}

.flex-video.widescreen,
.responsive-embed.widescreen {
  padding-bottom: 62.25%;
  width: 100%
}

#video {
  display: block;
  width: 100%;
  height: auto;
  background-color: #000;
  background-image: url(../img/vid.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: 0 !important
}

.background--cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.background--contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.orgbutton {
  padding: 10px 50px;
  background: #000;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  border-radius: 50px;
  margin-bottom: 0
}

.whitebutton {
  padding: 10px 50px;
  background: #fff;
  color: #94b68f;
  font-size: 24px;
  font-weight: 500;
  border-radius: 50px;
  margin-bottom: 0
}

.whitebutton:hover {
  padding: 10px 50px;
  background: #fff;
  color: #94b68f;
  font-size: 24px;
  font-weight: 500;
  border-radius: 50px;
  margin-bottom: 0
}

.orgbutton--outline {
  padding: 10px 12px;
  border: 2px solid #fbb03b;
  background: #fff;
  color: #fbb03b;
  font-size: 14px;
  font-weight: 700;
  border-radius: 50px;
  margin-bottom: 0
}

.orgbutton--outline:hover {
  padding: 10px 12px;
  border: 2px solid #fbb03b;
  background: #fbb03b;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 50px;
  margin-bottom: 0
}

.orgbutton:hover {
  background: #e15d21;
  color: #fff
}

.certificate_link {
  text-decoration: underline;
  color: #000
}

.certificate_link:hover {
  text-decoration: underline;
  color: #c9952b
}

p {
  color: #000
}

.menu__clicked {
  background-color: #fff !important;
  color: #c9952b !important
}

.menu__clicked:hover {
  background-color: #fff;
  color: #c9952b
}

.custom__menu a,
.custom__menu li {
  letter-spacing: 2px;
  font-size: 15px
}

.product {
  border: 1px solid #ccc;
  height: 100%;
  display: block
}

.product:hover .prod_det {
  background: #000
}

.product:hover .prod_det p {
  color: #fff
}

.product-h1 {
  text-align: center;
  font-size: 40px;
}

.smaller-h2 {
  font-size: 26px;
}

.models-article {
  padding: 20px 15px 0;
  clear: both;
}

.models-article p {
  line-height: 1.3em;
}

.margin__bottom--30 {
  margin-bottom: 30px !important;
}

.prod_item {
  background: #fff;
  padding: 10px;
  width: 100%
}

.prod_item img {
  -o-object-position: center;
  object-position: center;
  max-height: 225px
}

.prod_det {
  text-align: left;
  padding: 15px;
  text-transform: capitalize;
  letter-spacing: 2px;
  border-top: 1px solid #ccc;
  min-height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.prod_det p:first-of-type {
  color: #000;
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 8px
}

.prod_det p:last-of-type {
  color: #686663;
  font-size: 9px;
  text-transform: uppercase;
  margin: 0
}

.displaynone {
  display: none
}

.displayblock {
  display: block
}

.displayblock__ulacc {
  display: block !important
}

.displaynone-scroll {
  position: relative;
  display: none
}

.displayblock-scroll {
  position: relative;
  display: block
}

.displayblock-scroll::before {
  background: #fff;
  height: 100%;
  left: 0;
  width: 100%;
  top: 0;
  content: '';
  position: absolute;
  color: #fff;
  z-index: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-animation-name: imageRevealAnimation;
  animation-name: imageRevealAnimation;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 1
}

@-webkit-keyframes imageRevealAnimation {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
  }

  to {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0)
  }
}

@keyframes imageRevealAnimation {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
  }

  to {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0)
  }
}

.section-footer-para {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  color: #686663;
  letter-spacing: 2px;
  margin: 0
}

.transition {
  -webkit-transition: left 1s ease, opacity 2s ease;
  transition: left 1s ease, opacity 2s ease
}

.help p {
  background-color: #fff;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  border: 1px solid #ccc
}

.help a {
  border: 1px solid #ccc;
  border-top-width: 0px;
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

a:hover {
  color: #c9952b
}

.download__button--gray {
  background-color: #f3f3f3;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  border-radius: 0;
  margin-bottom: 5px;
  border: 1px solid #000;
  -webkit-transition: background-color .25s ease-out, color .25s ease-out;
  transition: background-color .25s ease-out, color .25s ease-out
}

.download__button--gray:hover {
  background-color: #000;
  color: #fff
}

.download__button--gray:active,
.download__button--gray:visited {
  color: #c9952b
}

.quotes {
  font-family: Lora, serif;
  font-style: italic;
  letter-spacing: 0;
  font-size: 23px;
  padding-left: 47px
}

.img__maxwidth--R {
  width: 100%;
  max-width: 300px
}

.img__height--250 {
  height: 250px
}

#animate {
  position: relative;
  height: 200px;
  top: 50px;
  width: 50%
}

.mainheight {
  height: 250px
}

.getheight {
  height: 200px
}

.displaylarge {
  display: block
}

.displaymedsmall {
  display: none
}

@media only screen and (min-width:40.063em) and (max-width:64em) {

  .lms__49-49-100 {
    width: 47.75%;
  }

  .width--50-R40em-100 {
    width: 100%;
  }

  .padding--5-trbl-R64-40em {
    position: relative;
    left: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px
  }

  .width--92p {
    width: 100%
  }

  .medium-text-center {
    text-align: center
  }

  .displaylarge {
    display: none
  }

  .displaymedsmall {
    display: block
  }

  .quotes {
    font-family: Lora, serif;
    font-style: italic;
    font-size: 16px;
    padding-left: 10px
  }

  .img__maxwidth--R {
    width: 100%;
    max-width: 300px
  }

  .mainheight {
    height: 170px
  }

  #animate {
    position: relative;
    height: 200px;
    top: 0;
    width: 50%
  }

  .getheight {
    height: 200px
  }
}

.padding--60-r40em-30 {
  padding-top: 60px;
  padding-bottom: 60px
}

.whitespace--nowrap-r64-r40em-normal{
  white-space: nowrap;
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
  .whitespace--nowrap-r64-r40em-normal{
    white-space: normal;
  }
}

@media only screen and (max-width:40em) {

  .whitespace--nowrap-r64-r40em-normal{
    white-space: normal;
  }

  .padding--60-r40em-30 {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .lms__49-49-100 {
    width: 100%;
  }

  .padding__r-0-r40em-15 {
    padding-right: 0
  }

  .padding__l-0-r40em-15 {
    padding-left: 15px
  }

  .padding--5-trbl-R64-40em {
    position: relative;
    left: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px
  }

  .padding--0R40em {
    padding: 15px
  }

  .padding__lr--30-R-5 {
    padding-left: 5px;
    padding-right: 5px
  }

  .flex__column--center-R40em-flex__row--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .margin--0R {
    margin: 16px
  }

  .padding__bottom--30-40em {
    padding-bottom: 30px
  }

  .displaylarge {
    display: none
  }

  .displaymedsmall {
    display: block
  }

  .max__width40--img-left {
    width: 100%;
    max-width: 80px
  }

  .max__width40--img-right {
    width: 100%;
    max-width: 250px
  }

  .quotes {
    font-family: Lora, serif;
    font-style: italic;
    font-size: 16px;
    padding-left: 0
  }

  .img__maxwidth--R {
    width: 100%;
    max-width: 200px
  }

  .padding__top40--30 {
    padding-top: 30px
  }

  .img__maxwidth40--200 {
    max-width: 200px
  }

  .download__button--gray {
    padding: 10px 10px;
    font-size: 10px
  }
}

.badge {
  font-size: .8rem;
  background: #c9952b
}

.ul-custom-bullets {
  list-style: none;
  margin-left: 0
}

.ul-custom-bullets li {
  display: inline-block
}

.ul-custom-bullets .bullets {
  position: relative;
  display: inline-block;
  width: .5em;
  height: .5em;
  border-radius: .25em;
  background-color: #c9952b;
  margin-right: 10px
}

.request-pricing-header {
  margin: 0 0 1rem 0
}

.bnt7 {
  padding: 8px 14px !important;
  margin-bottom: 5px;
  letter-spacing: 2px
}

@media only screen and (max-width:40em) {
  .bnt7 {
    padding: 8px 14px !important;
  }
}

.button-a-color-change {
  background: #000;
  border: 1px solid #000;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 10px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  z-index: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  white-space: nowrap
}

.button-a-color-change:hover {
  color: #fff;
  background: #c9952b;
  border: 1px solid #c9952b;
}

.button-a-color-change:focus {
  color: #fff;
  background: #c9952b;
  border: 1px solid #c9952b;
}

.button-a {
  background: #000;
  border: 1px solid #000;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 14px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  z-index: 0;
  overflow: hidden;
  -webkit-transition: background .3s ease-in-out 0s;
  transition: background .3s ease-in-out 0s;
  white-space: nowrap
}

.button-a:hover,
.button-a:focus {
  color: #fff;
  background: #c9952b;
  border: 1px solid #c9952b;
}

/* .button-a::before {
    background: 0 0;
    height: 105%;
    left: -35%;
    width: 0;
    top: 0;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    content: '';
    position: absolute;
    color: #fff;
    z-index: 0
} */

/* .button-a:hover::before {
    height: 105%;
    width: 145%;
    z-index: -1
} */

.button-chrome-transparent {
  background: #c9952b;
  border: 1px solid #c9952b;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 10px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  z-index: 0;
  overflow: hidden;
  -webkit-transition: color .3s ease-in-out 0s, background;
  transition: color .3s ease-in-out 0s, background;
  white-space: nowrap
}

.button-chrome-transparent:hover {
  color: #c9952b
}

.button-chrome-transparent::before {
  background: #f3f3f3;
  height: 105%;
  left: -35%;
  width: 0;
  top: 0;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  content: '';
  position: absolute;
  color: #fff;
  z-index: 0
}

.button-chrome-transparent:hover::before {
  height: 105%;
  width: 145%;
  z-index: -1
}

.button-b {
  background: #fff;
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
  display: inline;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 14px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  z-index: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  white-space: nowrap
}

.button-b:visited {
  border: 1px solid #000;
  color: #000;
}

.button-b:hover {
  border: 1px solid #c9952b;
  color: #c9952b;
}

.button-b:focus {
  border: 1px solid #c9952b;
  color: #c9952b;
}

/* .button-b::before {
    background: #000;
    height: 105%;
    left: -35%;
    width: 0;
    top: 0;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    content: '';
    position: absolute;
    color: #fff;
    z-index: 0
}

.button-b:hover::before {
    height: 105%;
    width: 145%;
    z-index: -1
} */

.button-a-transparent {
  background: #000;
  border: 1px solid #000;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 14px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  z-index: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  white-space: nowrap
}

.button-a-transparent:visited {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

.button-a-transparent:hover {
  background: #c9952b;
  border: 1px solid #c9952b;
  color: #fff;
}

.button-a-transparent:focus {
  background: #c9952b;
  border: 1px solid #c9952b;
  color: #fff;
}



/* .button-a-transparent::before {
    background: #f3f3f3;
    height: 105%;
    left: -35%;
    width: 0;
    top: 0;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    content: '';
    position: absolute;
    color: #fff;
    z-index: 0
}

.button-a-transparent:hover::before {
    height: 105%;
    width: 145%;
    z-index: -1
} */

.phone-icon {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  width: 10px;
  position: relative;
  top: -1px;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.button-a-transparent:hover .phone-icon {
  -webkit-filter: invert(0);
  filter: invert(0)
}

.button-b-gray:hover .phone-icon {
  -webkit-filter: invert(1);
  filter: invert(1)
}

.phone-icon2 {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  width: 10px;
  top: 0px;
  position: relative;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.phone-icon2 path {
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.button-a-transparent:hover .phone-icon2 path {
  fill: #c9952b;
}

.button-b-gray:hover .phone-icon2 path {
  fill: #c9952b;
}

.button-b-gray {
  background: #f3f3f3;
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
  display: inline;
  font-size: 12px;
  font-weight: 600;
  padding: 10px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  z-index: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  white-space: nowrap
}

.button-b-gray:visited {
  color: #000;
  border: 1px solid #000;
}

.button-b-gray:hover {
  color: #c9952b;
  border: 1px solid #c9952b;
}

.button-b-gray:active {
  color: #c9952b;
  border: 1px solid #c9952b;
}

/* .button-b-gray::before {
    background: #000;
    height: 105%;
    left: -35%;
    width: 0;
    top: 0;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    content: '';
    position: absolute;
    color: #fff;
    z-index: 0
} */

/* .button-b-gray:hover::before {
    height: 105%;
    width: 145%;
    z-index: -1
} */

.download-icon,
.request-icon {
  width: 100%;
  width: 12px;
  position: relative;
  top: 1px;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.download-icon path,
.request-icon path {
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.button-b-gray:hover .download-icon path {
  fill: #c9952b;
}

.button-b-gray:hover .request-icon path {
  fill: #c9952b;
}

.scrollact {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

.scrollact::-webkit-scrollbar {
  width: 0 !important
}

.vaccordion .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
  display: none !important
}

.vaccordion>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid red
}

.vaccordion>li>div {
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.accordion-content {
  background-color: #f3f3f3;
  border-radius: 0 !important;
  border: 0 !important
}

.accordion-item {
  border-bottom: 1px solid #f3f3f3 !important
}

.accordion-item:last-of-type {
  border-bottom: 0 solid #f3f3f3 !important
}

.accordion-title {
  background-color: transparent !important
}

.accordion-title,
.accordion-title:hover,
:last-child:not(.is-active)>.accordion-title,
:last-child:not(.is-active)>.accordion-title:hover {
  border-bottom: 0 solid #a2a2a2 !important
}

.accordion-content {
  padding-left: 45px
}

.accordion-item>span {
  display: block;
  width: 5%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.accordion-item>span>span {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease
}

.accordion-item.is-active>span>span {
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease
}

.accordion-item>span>span {
  display: block;
  border-style: solid;
  border-width: 5px 0 5px 7.5px;
  border-color: transparent transparent transparent #000;
  position: relative
}

.vaccordion>li>a {
  text-align: left;
  color: #000;
  width: 95%
}

.vaccordion>li:hover {
  background-color: #f3f3f3
}

.padding__l--20 {
  padding-left: 20px
}

.padding__l--40-R64em-15 {
  padding-left: 30px
}

.padding__r--40-R64em-15 {
  padding-right: 30px
}

@media only screen and (min-width:40em) and (max-width:64.093em) {
  .padding__l--40-R64em-15 {
    padding-left: 15px
  }

  .padding__r--40-R64em-15 {
    padding-right: 15px
  }

  .diyu {
    position: relative;
    margin-top: 60px;
    padding-top: 37%;
    background: #eaeaea
  }

  .blue_mob {
    background: url(../img/diy.png);
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -9%;
    left: 4.5vw;
    width: 90vw
  }
}

@media only screen and (max-width:40em) {

  .button-a-transparent,
  .button-a,
  .button-b,
  .button-b-gray {
    display: inline-block;
  }

  .padding__l--40-R64em-15 {
    padding-left: 0px
  }

  .padding__r--40-R64em-15 {
    padding-right: 15px
  }
}

*,
::after,
::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

.border--bottom {
  border-bottom: 2px solid #d7d7d7
}

.product-thumbs a {
  padding: 2px 2px;
  border: 1px solid transparent;
  width: auto;
  height: auto;
  display: inline-block
}

.product-thumbs a img {
  display: inline-block;
  border-radius: 0;
  line-height: 0;
  width: 100%;
  max-width: 67px;
  min-width: 50px;
  border: none;
  padding: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.product-thumbs a:visited {
  color: #000
}

.product-thumbs a:hover {
  border: 1px solid #c9952b
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
  background-color: rgba(0, 0, 0, 0)
}

.nav__arrow--left,
.nav__arrow--left-2,
.nav__arrow--right,
.nav__arrow--right-2 {
  position: absolute;
  top: 30%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer
}

.nav__arrow--right {
  right: 1%
}

.nav__arrow--left-2 {
  top: 13%;
  right: 97%;
  background: 0 0
}

.nav__arrow--right-2 {
  top: 13%;
  left: 97%;
  background: 0 0
}

.nav__arrow--right {
  left: 94%
}

.nav__arrow--left {
  left: 2.5%
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
  .nav__arrow--right {
    left: 89%
  }

  .nav__arrow--left {
    left: 4%
  }
}

@media only screen and (max-width:40em) {
  .nav__arrow--left {
    left: 8%
  }

  .nav__arrow--right {
    left: 80%
  }
}

@media only screen and (max-width:20em) {
  .nav__arrow--right {
    left: 74%
  }
}

.align__columncontent--middlecenter-R40em-remove-for-row {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width:40em) {
  .align__columncontent--middlecenter-R40em-remove-for-row {
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
  .align__columncontent--middlecenter-R40em-remove-for-row {
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
  }
}

.border__bottom--1-chrome {
  border-bottom: 1px solid #c9952b
}

.vp-placeholder {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.font__style--italic {
  font-style: italic
}

[data-magellan] .font-color-change {
  color: #d7d7d7
}

[data-magellan] .is-active .font-color-change,
[data-magellan] .is-active:focus .font-color-change {
  color: #000
}

.displayflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flex__shrink--1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.background__color--white-green:hover {
  background-color: #c9952b
}

.white__space--nowrap {
  white-space: nowrap
}

.background__url:has>.background__url--switch-home:hover {
  background-image: url(https://imgsv.imaging.nikon.com/lineup/dslr/df/img/sample/img_01.jpg)
}

.background__url:has>.background__url--switch-buisness:hover {
  background-image: url(https://imgsv.imaging.nikon.com/lineup/dslr/df/img/sample/img_01.jpg)
}

.background__url:has>.background__url--switch-partnerwithus:hover {
  background-image: url(https://imgsv.imaging.nikon.com/lineup/dslr/df/img/sample/img_01.jpg)
}

.font__weight--semi-bold {
  font-weight: 600
}

.margin__bottom--8 {
  margin-bottom: 8px !important;
}

.line__height--1-3 {
  line-height: 1.3
}

.text__align--center-R40em-left {
  text-align: center
}

.text__align--right-R40em-left {
  text-align: right
}

@media only screen and (max-width:40em) {
  .text__align--center-small {
    text-align: center
  }

  .text__align--center-R40em-left {
    text-align: left
  }

  .text__align--right-R40em-left {
    text-align: left
  }

  .margin--0-R40em-16 {
    margin-bottom: 16px
  }
}

@media only screen and (max-width:40em) {
  .padding__bottom--5p-small {
    padding-bottom: 5%
  }

  .border__top--1-small {
    border-top: 1px solid #ccc
  }

  .border--1-small {
    border: 1px solid #ccc
  }
}

.current {
  border: 1px solid #c9952b !important
}

.current1 {
  border: 1px solid #c9952b !important
}

.current2 {
  border: 1px solid #c9952b !important
}

.sim-thumb:active,
.sim-thumb:visited {
  outline: 0;
  border: 0;
  color: transparent !important
}

.sim-thumb {
  color: transparent !important
}

.sim-thumb1:active,
.sim-thumb1:visited {
  outline: 0;
  border: 0;
  color: transparent !important
}

.sim-thumb1 {
  color: transparent !important
}

.sim-thumb2:active,
.sim-thumb2:visited {
  outline: 0;
  border: 0;
  color: transparent !important
}

.sim-thumb2 {
  color: transparent !important
}

.letter__spacing--2 {
  letter-spacing: 2px
}

.letter__spacing--0 {
  letter-spacing: 0
}

.flex__grow-shrink {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media only screen and (max-width:40em) {
  .overlay--small {
    background-color: rgba(0, 0, 0, .6);
    background-blend-mode: hue
  }
}

.padding__all--2p-R40em-5p {
  padding: 2%
}

@media only screen and (max-width:40em) {
  .padding__all--2p-R40em-5p {
    padding: 5%
  }
}

@media only screen and (max-width:20em) {
  .product-thumbs a img {
    min-width: 40px
  }

  .flex__row--spacebetween-R2oem-flexwrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.max__width--350-R40em-200 {
  width: 100%;
  max-width: 350px;
}

.max__width--auto-R40em-200 {
  width: 100%;
  max-width: none;
}

.max__width--250-R40em-200 {
  width: 100%;
  max-width: 250px
}

@media only screen and (max-width:40em) {
  .max__width--small150 {
    max-width: 150px
  }

  .max__width--350-R40em-200 {
    width: 100%;
    max-width: 200px;
  }

  .max__width--auto-R40em-200 {
    width: 100%;
    max-width: 200px;
  }

  .flex__row--spacebetween-R40em-flexwrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .padding__lr--R40em-0 {
    padding: auto 0
  }

  .max__width--250-R40em-200 {
    width: 100%;
    max-width: 200px
  }
}

.text__transform--uppercase {
  text-transform: uppercase
}

.padding--30-R40-0-30 {
  padding: 30px 0
}

.background__color--gray-R40-white {
  background-color: #f3f3f3
}

@media only screen and (max-width:40em) {
  .max__height--small150 {
    max-height: 150px;
  }

  .padding--30-R40-0-30 {
    padding-top: 0;
    padding-bottom: 30px
  }

  .background__color--gray-R40-white {
    background-color: #fff
  }

  .border__bottom--gray-small {
    border-top: 1px solid #ccc
  }

  .padding__top--30-small {
    padding-top: 30px
  }

  .displaynone-small {
    display: none
  }
}

.small-screen-product-nav {
  white-space: nowrap;
  padding: 0 10px;
  font-size: small
}

.margin__lr {
  margin-left: .983rem;
  margin-right: .983rem
}

.filter__invert--1 {
  -webkit-filter: invert(1);
  filter: invert(1)
}

.padding--120-R40em-30 {
  padding-top: 120px;
  padding-bottom: 120px
}

@media only screen and (max-width:40em) {
  .padding--120-R40em-30 {
    padding-top: 30px;
    padding-bottom: 30px
  }
}

.form-input::-webkit-input-placeholder {
  color: #d1d1d1;
  opacity: 1
}

.form-input:-ms-input-placeholder {
  color: #d1d1d1;
  opacity: 1
}

.form-input::-ms-input-placeholder {
  color: #d1d1d1;
  opacity: 1
}

.form-input::placeholder {
  color: #d1d1d1;
  opacity: 1
}

.form-input:-ms-input-placeholder {
  color: #d1d1d1
}

.form-input::-webkit-input-placeholder {
  color: #d1d1d1
}

select option {
  color: #000
}

textarea {
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  -webkit-appearance: textarea;
  background-color: #fff;
  -webkit-rtl-ordering: logical;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  resize: auto;
  cursor: text;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  margin: 0
}

input[type=checkbox] {
  border: 1px solid #000;
  margin: 0
}

.border--1-R40em-0 {
  border: 1px solid #fff
}

@media only screen and (max-width:40em) {
  .border--1-R40em-0 {
    border: 0 solid #fff
  }
}

.padding__bottom--20-small {
  padding-bottom: 30px
}

@media only screen and (min-width:40em) and (max-width:64em) {
  .border--1-R40em-0 {
    border: 0 solid #fff
  }
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
  background: #fff;
  border: 1px solid #e1e1e1;
  caret-color: #c9952b;
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
  background: #fff;
  border: 1px solid #000
}

.position--absolute-R40em-relative {
  position: absolute;
  left: 0;
  width: 50%
}

@media only screen and (max-width:40em) {
  .position--absolute-R40em-relative {
    position: relative;
    left: 0;
    width: 100%
  }
}

.script {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 20px
}

select {
  color: #000
}

select:first-child {
  color: gray
}

select:checked {
  color: red
}

.font__color--gray-SS1 {
  color: #686663;
  line-height: 18px
}

.geekmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: green
}

.script:hover input~.geekmark {
  background-color: #ff0
}

.script input:active~.geekmark {
  background-color: red
}

.script input:checked~.geekmark {
  background-color: green
}

.geekmark:after {
  content: "";
  position: absolute;
  display: none
}

.script input:checked~.geekmark:after {
  display: block
}

.script .geekmark:after {
  left: 6px;
  bottom: 5px;
  width: 6px;
  height: 6px;
  border: solid #fff;
  border-width: 4px 4px 4px 4px
}

.border--e1 {
  border: 1px solid #e1e1e1
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
  background: #fff
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
  border: 1px solid #e1e1e1
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
  background: #fff
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
  border: 1px solid #000
}

.position--absolute-R40em-relative {
  position: absolute;
  left: 0;
  width: 50%
}

@media only screen and (max-width:40em) {
  .position--absolute-R40em-relative {
    position: relative;
    left: 0;
    width: 100%
  }
}

.script {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 20px
}

.geekmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: green
}

.script:hover input~.geekmark {
  background-color: #ff0
}

.script input:active~.geekmark {
  background-color: red
}

.script input:checked~.geekmark {
  background-color: green
}

.geekmark:after {
  content: "";
  position: absolute;
  display: none
}

.script input:checked~.geekmark:after {
  display: block
}

.script .geekmark:after {
  left: 6px;
  bottom: 5px;
  width: 6px;
  height: 6px;
  border: solid #fff;
  border-width: 4px 4px 4px 4px
}

input[type=checkbox]:checked+label span {
  background: url(../img/active.png) center no-repeat;
  background-size: contain
}

input[type=checkbox]+label span {
  display: block;
  min-width: 12px;
  height: 12px;
  top: 6px;
  vertical-align: middle;
  background: url(../img/inactive.png) center no-repeat;
  cursor: pointer;
  position: relative;
  margin-right: 10px;
  background-size: contain
}

select:invalid {
  color: gray
}

.custom-select {
  position: relative;
  z-index: 101
}

.custom-select select {
  display: none
}

.custom-select1 {
  position: relative;
  border: 1px solid #e1e1e1
}

.custom-select1 select {
  display: none
}

.select-selected {
  background-color: #fff;
  text-align: left;
  color: #000
}

.select-selected1 {
  background-color: #fff;
  text-align: left;
  color: #000
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 17px;
  right: 0;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #a0a0a0 transparent transparent transparent
}

.select-selected1:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 0;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #a0a0a0 transparent transparent transparent
}

.custom-select1 .select-selected:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #a0a0a0 transparent transparent transparent
}

.custom-select1 .select-selected1:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #a0a0a0 transparent transparent transparent
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #a0a0a0 transparent;
  top: 11px
}

.select-selected1.select-arrow-active1:after {
  border-color: transparent transparent #a0a0a0 transparent;
  top: 9px
}

.select-items div,
.select-selected {
  color: #d1d1d1;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.select-items1 div,
.select-selected1 {
  color: #d1d1d1;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.select-selected {
  color: #000
}

.select-selected1 {
  color: #000
}

.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  color: #d1d1d1;
  border: 1px solid #e1e1e1;
  text-align: left
}

.select-items1 {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  color: #d1d1d1;
  border: 1px solid #e1e1e1;
  text-align: left
}

.select-hide {
  display: none
}

.select-hide1 {
  display: none
}

.same-as-selected,
.select-items div:hover {
  background-color: #f2f2f2;
  color: #000
}

.same-as-selected1,
.select-items1 div:hover {
  background-color: #f2f2f2;
  color: #000
}

select option:disabled {
  color: #d1d1d1
}

.font__color--gray-select {
  color: #000;
  font-weight: 400;
  font-size: 16px
}

input:-internal-autofill-selected {
  background: #fff
}

.padding__bottom--30-R40em-0 {
  padding-bottom: 30px
}

.padding--30-R40em-0-30 {
  padding-top: 30px;
  padding-bottom: 30px
}

@media only screen and (max-width:40em) {
  .padding__bottom--30-R40em-0 {
    padding-bottom: 0
  }

  .padding--30-R40em-0-30 {
    padding-top: 0;
    padding-bottom: 30px
  }
}

.no-js .top-bar {
  display: none
}

@media screen and (min-width:40em) {
  .no-js .top-bar {
    display: block
  }

  .no-js .title-bar {
    display: none
  }
}

.font__color--chrome-imp {
  color: #c9952b !important
}

.flex__row--spacebetween-R64em-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.display__none-R74em-block {
  display: none
}

@media only screen and (min-width:40.063em) and (max-width:60em) {
  .flex__row--spacebetween-R64em-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .display__none-R74em-block {
    display: block
  }
}

.flex__row--flexendcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.font__size--14 {
  font-size: 14px
}

.letter__spacing--1o5 {
  letter-spacing: 1.5px
}

font__weight--600 {
  font-weight: 600
}

.white__space--wrap {
  white-space: normal !important
}

.position--absolute-R64em-static {
  position: absolute;
  width: 175%;
  left: -75%;
  background: rgb(215, 215, 215, .5)
}

.padding--50-R64em-15 {
  padding: 42px
}

@media only screen and (max-width:40em) {
  .position--absolute-R64em-static {
    position: relative;
    width: auto;
    left: auto;
    background: rgb(245, 245, 245, .5)
  }

  .padding--50-R64em-15 {
    padding: 15px;
    text-align: left
  }

  .olop {
    padding-left: 0;
    padding-right: 0
  }

  .bg1 {
    background-image: url("/img/OD2_Grey_Web_Slider_m.jpg");
    padding-top: 22vw;
    padding-bottom: 27vw
  }

  .bg2 {
    background-image: url(../img/yoga_m.png);
    background-position: bottom right;
    padding-top: 22vw;
    padding-bottom: 17vw
  }

  .bg3 {
    background-image: url(../img/premier_m.png);
    padding-top: 22vw;
    padding-bottom: 27vw
  }
}

@media only screen and (min-width:40.063em) and (max-width:64.063em) {
  .position--absolute-R64em-static {
    position: relative;
    width: auto;
    left: auto;
    background: rgb(215, 215, 215, .5)
  }

  .padding--50-R64em-15 {
    padding: 15px
  }
}

.position--relative {
  position: relative
}

.position--absolute {
  position: absolute
}

.cursor__pointer {
  cursor: pointer
}

.border-a-hover:hover .border-a-hover-effect {
  border: 2px solid #000
}

.border-a-hover-effect-selected .border-a-hover-effect {
  border: 2px solid #000
}

@media only screen and (min-width:40.063em) and (max-width:64.063em) {
  .position--absolute-R64em-static {
    position: relative;
    width: auto;
    left: auto;
    background: rgb(215, 215, 215, .5)
  }

  .padding--50-R64em-15 {
    padding: 15px
  }
}

.position--relative {
  position: relative
}

.position--absolute {
  position: absolute
}

.cursor__pointer {
  cursor: pointer
}

.border-a-hover:hover .border-a-hover-effect {
  border: 2px solid #000
}

.border-a-hover-effect-selected .border-a-hover-effect {
  border: 2px solid #000
}

.-sidebar {
  position: fixed;
  width: 10%;
  z-index: 999;
  -webkit-transform: matrix(6.12323e-17, -1, 1, 6.12323e-17, 0, 0);
  transform: matrix(6.12323e-17, -1, 1, 6.12323e-17, 0, 0);
  -webkit-transform-origin: 144.953px 42.1875px;
  transform-origin: 144.953px 42.1875px;
  left: 89.5%;
  text-align: center
}

.boxshadow--white-r40em {
  -webkit-box-shadow: inset 0 -85px 0 #fff;
  box-shadow: inset 0 -85px 0 #fff;
  padding-bottom: 0
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
  .boxshadow--white-r40em {
    -webkit-box-shadow: inset 0 0 0 #fff;
    box-shadow: inset 0 0 0 #fff;
    padding-bottom: inherit
  }
}

@media only screen and (max-width:40em) {
  .boxshadow--white-r40em {
    -webkit-box-shadow: inset 0 0 0 #fff;
    box-shadow: inset 0 0 0 #fff;
    padding-bottom: inherit
  }
}

.product-page-width {
  width: 96%
}

.product-page-width-inner {
  width: 85%;
}

.product-page-width2 {
  width: 98%
}

.width--85-r40em-100 {
  width: 85%
}

@media only screen and (min-width:40.063em) and (max-width:64em) {

  .product-page-width,
  .product-page-width2,
  .product-page-width-inner {
    width: auto
  }

  .width--85-r40em-100 {
    width: 100%
  }
}

@media only screen and (max-width:40em) {
  .width--85-r40em-100 {
    width: 100%
  }

  .flex__row--spacebetween-R40em-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px
  }

  .product-page-width,
  .product-page-width2,
  .product-page-width-inner {
    width: auto
  }

  .title-bar .row {
    max-width: 100%;
    width: 100%
  }

  .accordion-item>span {
    display: block;
    width: 5%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 20px
  }

  .accordion-title {
    padding-left: 15px !important
  }
}

.arrivaltag {
  position: absolute;
  width: 100%;
  top: -10px
}

.arrivaltag-text {
  display: inline-block;
  padding: 0 10px;
  background: #000;
  color: #fff;
  margin: 0
}

.submenu li a {
  letter-spacing: 0
}

.is-accordion-submenu li:first-of-type {
  padding-top: 0 !important
}

.downloadcatalogue {
  border: 1px solid #ccc;
  width: 100%;
  background-color: #fff
}

.catalogue-text {
  color: #000
}

.downloadcatalogue:hover {
  border: 1px solid #ccc;
  width: 100%;
  background-color: #c30000;
  color: #fff
}

.downloadcatalogue:hover .catalogue-text {
  color: #fff
}

.reader-icon img {
  width: 100%;
  width: 38px;
  height: 38px;
  padding: 12px
}

.reader-icon {
  background: #c30000
}

.reader-icon1 {
  display: block
}

.reader-icon2 {
  display: none
}

.downloadcatalogue:hover .reader-icon {
  background-color: #fff
}

.downloadcatalogue:hover .reader-icon1 {
  display: none
}

.downloadcatalogue:hover .reader-icon2 {
  display: block
}

.blog_main .rown {
  max-width: 75em;
}

.blog_main .feat_img {
  /* width: 100%;height:100%;
height:  200px;
padding: 10px 0px;
align-self: center;
padding-bottom: 20px; */
  width: 100%;
  max-width: 400px;
  height: 200px;
  -ms-flex-item-align: center;
  align-self: center;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 20px;
}

.blog_main .blll {
  padding-bottom: 20px;
}

.blog_main .blll h4 {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0px;
}

.blog_main .blogp,
.blog_main .blogd {
  font-weight: 400;
}

.blog_main .bloga {
  font-weight: 600;
  margin-bottom: 0px;
  color: #747474;
}

.blog_main .blogd {
  color: #747474;
}

/* *>.button-b {
    display: flex;
    justify-content: center;
}

*>.button-b-gray {
    display: flex;
    justify-content: center;
} */

/* small {
    font-size: 16px;
} */

/* .font__color--chrome,
.font__weight--semi-bold {
    white-space: nowrap !important;
} */



/* .font__color--chrome>.font__weight--semi-bold>a:not(:last-child) {
    white-space: nowrap;
    margin-right: 10px;

} */

/* p {
    font-size: 18px;
}

small {
    font-size: 16px;
} */

.margin--0-R40em-16 {
  display: inline-block !important;
}

small .font__weight--semi-bold {
  font-size: 16px;
}

p>b {
  font-size: 18px
}

p>small>a {
  white-space: nowrap;
}

.line__height--1-3 small {
  font-size: 16px;
  color: black;
  margin-bottom: 5px;
  display: block;
}

.font__color--chrome>small>b {
  font-weight: 400;
  font-size: 16px;
}

.padding__r--20>small {
  font-size: 16px;
}

.text-left small .font__color--chrome {
  font-weight: 700;
}

p {
  font-size: 18px;
}


.mnj2>.first-sub {
  left: 101%;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.mnj2>.js-dropdown-active {
  left: 101%;
  -webkit-transform: translateY(22.5%);
  transform: translateY(22.5%);
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
  /*right: auto;
  top: 10%;
  left: 0;
  width: auto;
  background-color: #fff;
  text-align: left;
  -webkit-transition:left .3s 1s,opacity .3s 1s, transform 1s ease-out 0s, -webkit-transform 3s ease-out 3s;
  transition: top .3s ease-in-out 0s;
  */
  right: auto;
  top: 0%;
  left: -100%;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  width: auto;
  color: white !important;
  background-color: #fff;
  text-align: left;

}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu:not(.vt2) {
  /*right: auto;
  top: 10%;
  left: 0;
  width: auto;
  background-color: #fff;
  text-align: left;
  -webkit-transition: all .3s ease-out 0s;
  transition: top .3s ease-in-out 0s;
  */
  right: auto;
  top: 0%;
  left: 0;

  z-index: -1;

  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  width: auto;
  color: white !important;
  background-color: #fff;
  text-align: left;
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
}

.is-dropdown-submenu-parent.opens-right.is-active>.is-dropdown-submenu {
  /*right: auto;
  top: 105%;
  left: 0;
  width: auto;
  background-color: #fff;
  text-align: left;
  -webkit-transition: top .3s ease-in-out 0s;
  transition: top .3s ease-in-out 0s;
  */
  right: auto;
  top: 0%;
  left: 0;
  visibility: visible;
  width: auto;
  background-color: #fff;
  text-align: left;
  opacity: 1;
  pointer-events: all;
  -webkit-transform-origin: top;
  transform-origin: top;
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
}

.is-dropdown-submenu-parent.opens-right.is-active>.is-dropdown-submenu:not(.vt2) {
  /*right: auto;
  top: 105%;
  left: 0;
  width: auto;
  background-color: #fff;
  text-align: left;
  -webkit-transition: top .3s ease-in-out 0s;
  transition: top .3s ease-in-out 0s;
  */
  right: auto;
  top: 105%;
  -webkit-transform-origin: top;
  transform-origin: top;
  transform: rotateX(0deg);
  left: 0;
  visibility: visible;
  width: auto;
  background-color: #fff;
  text-align: left;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
}

.is-dropdown-submenu {
  -webkit-box-shadow: 0px 0px 0px .5px #cacaca;
  box-shadow: 0px 0px 0px .5px #cacaca;
}


.menu .active>a,
.menu .is-active>a,
.menu a:hover {
  color: #c9952b;
}

.product_tile_animation {
  opacity: 0;
  position: relative;
  transform: translateY(15%);
  -webkit-transform: translateY(15%);
  -moz-transform: translateY(15%);
  -ms-transform: translateY(15%);
  -o-transform: translateY(15%);
  /* transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out; */
}

.displaynone .product_tile_animation {
  opacity: 0;
  position: relative;
  transform: translateY(15%);
  -webkit-transform: translateY(15%);
  -moz-transform: translateY(15%);
  -ms-transform: translateY(15%);
  -o-transform: translateY(15%);
  -webkit-animation-name: example;
  animation-name: example;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-direction: reverse;
  /* transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out; */
}

.displayblock .product_tile_animation {
  position: relative;
  -webkit-animation-name: example;
  animation-name: example;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;

  /* transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out; */
}


@-webkit-keyframes example {
  0% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}


@keyframes example {
  0% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

.displayblock .product_tile_animation:nth-child(1) {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}

.displayblock .product_tile_animation:nth-child(2) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}

.displayblock .product_tile_animation:nth-child(3) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.displayblock .product_tile_animation:nth-child(4) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.displayblock .product_tile_animation:nth-child(5) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

.displayblock .product_tile_animation:nth-child(6) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.displayblock .product_tile_animation:nth-child(7) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

.displayblock .product_tile_animation:nth-child(8) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.displayblock .product_tile_animation:nth-child(9) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}

.displayblock .product_tile_animation:nth-child(10) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}

.displayblock .product_tile_animation:nth-child(11) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}

.displayblock .product_tile_animation:nth-child(12) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
}

.displayblock .product_tile_animation:nth-child(13) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

.displayblock .product_tile_animation:nth-child(14) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

.displayblock .product_tile_animation:nth-child(15) {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
}

.displayblock .product_tile_animation:nth-child(16) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.custom__menu a,
.custom__menu li {
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 20px;
}

/* Dimensions */

.quick-info .gold {
  color: rgb(201, 149, 43);
}

.quick-info .info-dimensions {
  margin: 0 0 8px;
}

.quick-info p {
  font-size: 14.5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.quick-info p span {
  flex-shrink: 0;
}

.quick-info .space-right {
  padding: 0 12px 0 0;
}

.quick-info .nowrap {
  white-space: nowrap;
}

/* Other */

#foo a {
  color: #c9952b;
}

.button-a-chrome {
  background: #c9952b;
  border: 1px solid #c9952b;
  width:300px;
  text-align:center;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 900;
  padding: 18px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0px;
  z-index: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  white-space: nowrap
}

.button-a-chrome:visited {
  border: 1px solid #c9952b;
  background: #c9952b;
  color: #fff;
}

.button-a-chrome:hover {
  background: #c9952b;
  border: 1px solid #c9952b;
  color: #fff;
}

.button-a-chrome:focus {
  background: #c9952b;
  border: 1px solid #c9952b;
  color: #fff;
}

.overflow--hidden{
  overflow: hidden;
}

.fakeh1 {
  font-size: 25px;
  margin: 0 0 8px;
  font-family: 'Gill Sans', sans-serif;
  letter-spacing: 2px;
  line-height: 35px;
  font-weight: bold;
}

.blogh1 {
  font-size: 25px;
}

.model-desc {
  display: flex;
}

.model-left {
  padding: 0 15px 0;
}

.model-right {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
}

.model-right .drawing {
  flex: 1 0 auto;
  text-align: center;
}

.model-right .sitting {
  flex: 1 0 auto;
  text-align: center;
}

.model-right .sitting img {
  max-width: 150px;
}

@media only screen and (max-width:1023px) {
  .model-desc {
    display: block;
  }
}

.delivery-notice {
  font-size: 16px;
  color: rgb(201, 149, 43);
}

/* Certificates */

.certificates {

}

.cert {
  display: flex;
  margin: 0 0 50px;
}

.cert-left {
  display: flex;
}

.cert-thumb {

}

.cert-thumb img {
  width: 160px;
  min-width: 160px;
  height: auto;
}

.cert-info {
  padding: 0 30px;
  font-family: 'Gill Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.cert-desc {
  padding: 0 0 30px;
}

.cert-footer {

}

.cert-meta {

}

.cert-name {
  font-weight: bold;
}

.link-to-cert {

}

.link-to-cert a {
  color: #c9952b;
  transition: opacity 0.3s;
}

.link-to-cert a:hover {
  opacity: 0.6;
}

.cert-icon img {
  width: 75px;
  min-width: 75px;
  height: auto;
}

.cert-icon.text-logo {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 75px;
  height: 50px;
  font-size: 25px;
  font-weight: bold;
  white-space: nowrap;
  cursor: default;
}

.cert-footer .cert-icon {
  display: none;
}

@media only screen and (max-width:870px) {
  .cert-icon.main-cert-icon {
    display: none;
  }

  .cert-footer {
    display: flex;
  }

  .cert-footer .cert-icon {
    display: flex;
    align-items: center;
    margin: 0 20px 0 0;
  }

  .cert-footer .cert-icon.text-logo {
    display: none;
  }

  .cert-footer .cert-icon img {
    width: auto;
    height: 45px;
    min-width: auto;
  }
}

@media only screen and (max-width:560px) {
  .cert {
    margin: 0 0 60px;
  }

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

  .cert-thumb {
    text-align: center;
  }

  .cert-info {
    padding: 20px 0;
  }

  .cert-footer {
    justify-content: center;
  }
}

/* PWYW Page */

.nowrap {
  white-space: nowrap;
}

.pwyw-section {
  display: flex;
  justify-content: center;
  padding: 50px;
}

.pwyw-box {
  position: relative;
  width: 570px;
  border-radius: 22px;
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.15);
}

.pwyw-box-inner {

}

.pwyw-title {
  padding: 50px 70px 30px;
  font-family: "Gill Sans", sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.pwyw-steps {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.progress-line {
  position: absolute;
  top: 22px;
  left: 0;
  width: 32%;
  height: 1px;
  background: #CF9E46;
}

.progress-line.progress-100 {
  width: 100%;
}

.progress-line.progress-50 {
  width: 50%;
}

.progress-line.progress-canceled {
  width: 50%;
  background: #C5C2C2;
}

.pwyw-step {
  margin: 0 24px;
  position: relative;
}

.pwyw-step .step-icon {
  display: flex;
  justify-content: center;
}

.pwyw-step .step-icon svg {
  width: 44px;
  height: 44px;
  fill: #C5C2C2;
  background: #fff;
}

.pwyw-step .step-title {
  padding: 2px 0 0;
  color: #C5C2C2;
  font-size: 13px;
  text-align: center;
}

.pwyw-step.active .step-icon svg {
  fill: #CF9E46;
}

.pwyw-step.active .step-title {
  color: #CF9E46;
}

.pwyw-content {
  padding: 30px 70px;
}

.pwyw-content .input {
  position: relative;
}

.pwyw-content .input input {
  display: flex;
  align-items: center;
  height: 38px;
  padding: 0 15px;
  margin: 0;
  background: #F4F4F4;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  border: none;
}

.pwyw-content .input input::placeholder {
  color: #C5C2C2;
  font-size: 14px;
  font-weight: 500;
}

.pwyw-content .error-msg {
  position: absolute;
  top: -20px;
}

.pwyw-content .error-msg .msg-text {
  font-size: 14px;
  color: #FF815C;
}

/* PWYW Step-1: Details */

.pwyw-details-content {

}

.pwyw-details-content .description {
  padding: 0 0 25px;
  font-size: 18px;
  font-family: 'Gill Sans', sans-serif;
  color: #656565;
  font-weight: 400;
}

.pwyw-details-content .description div {
  padding: 0 0 10px;
}

.pwyw-form {

}

.pwyw-form  .error-msg.hidden {
  display: none;
}

.pwyw-form .form-row {
  display: flex;
  align-items: center;
  margin: 0 0 15px;
}

.pwyw-form .pwyw-name {
  width: 50%;
  padding: 0 5px 0 0;
}

.pwyw-form .pwyw-email {
  width: 50%;
  padding: 0 0 0 5px;
}

.pwyw-form .pwyw-ref {
  width: 100%;
}

.pwyw-form .ref-link {
  padding: 0 0 0 10px;
}

.pwyw-form .ref-link-button {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #CF9E46;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
  cursor: pointer;
}

.pwyw-form .ref-link-button:hover {
  border-color: #CF9E46;
}

.pwyw-form .pwyw-amount {
  width: 100%;
}

.pwyw-form .currency {
  padding: 0 0 0 10px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #CF9E46;
  text-transform: uppercase;
}

.pwyw-form .button-wrap {
  padding: 15px 0 0;
}

.pwyw-form .checkout-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  border-radius: 100px;
  text-align: center;
  background: #CF9E46;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: opacity 0.3s;
}

.pwyw-form .checkout-btn:hover {
  opacity: 0.8;
}

/* PWYW Box Popup */

.pwyw-box-popup {
  display: none;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 48px 98px;
  background: #fff;
  border-radius: 22px;
}

.pwyw-box-popup.opened {
  display: block;
}

.pwyw-box-popup .close-popup {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: opacity 0.3s;
}

.pwyw-box-popup .close-popup:hover {
  opacity: 0.8;
}

.pwyw-box-popup .pwyw-title {
  padding: 0 0 30px;
  font-size: 20px;
  font-weight: bold;
}

.pwyw-about {
  padding: 0 0 18px;
}

.pwyw-about-title {
  padding: 0 0 10px;
  font-size: 18px;
  font-weight: 500;
  color: #CF9E46;
}

.pwyw-about-desc {
  font-size: 18px;
  line-break: 22px;
  color: #ACACAC;
}

.powered-by-stripe {
  display: flex;
  justify-content: center;
  padding: 20px 0 0;
}

.powered-by-stripe a {
  text-decoration: none;
  transition: opacity 0.3s;
}

.powered-by-stripe a:hover {
  opacity: 0.5;
}

/* PWYW Success Page */

.pwyw-success-section {

}

.pwyw-success-section .pwyw-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 70px 30px;
}

.pwyw-success-section .pwyw-box-header .pwyw-title {
  padding: 0;
  margin: 0;
}

.pwyw-success-section .powered-by-stripe {
  padding: 0;
}

.pwyw-success-content {

}

.pwyw-success-icon {
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
}

.pwyw-success-icon svg {
  width: 74px;
  height: 74px;
}

.pwyw-success-title {
  padding: 0 0 10px;
  font-size: 21px;
  font-weight: 500;
  text-align: center;
  color: #CF9E46;
}

.pwyw-success-description {
  text-align: center;
  font-size: 14px;
  color: #C5C2C2;
}

.button-wrap {
  padding: 15px 0 0;
}

.pwyw-white-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  border: 1px solid #CF9E46;
  border-radius: 100px;
  text-align: center;
  background: #fff;
  color: #CF9E46;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}

.pwyw-white-btn:hover {
  background: #CF9E46;
  color: #fff;
}

/* PWYW Cancel Page */

.pwyw-cancel-section {

}

.pwyw-cancel-section .pwyw-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 70px 30px;
}

.pwyw-cancel-section .pwyw-box-header .pwyw-title {
  padding: 0;
  margin: 0;
}

.pwyw-cancel-section .powered-by-stripe {
  padding: 0;
}

.pwyw-cancel-content {

}

.pwyw-cancel-icon {
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
}

.pwyw-cancel-icon svg {
  width: 74px;
  height: 74px;
}

.pwyw-cancel-title {
  padding: 0 0 10px;
  font-size: 21px;
  font-weight: 500;
  text-align: center;
  color: #CF9E46;
}

.pwyw-cancel-description {
  text-align: center;
  font-size: 14px;
  color: #C5C2C2;
}

.pwyw-cancel-description a {
  color: #CF9E46;
}

.button-wrap {
  padding: 15px 0 0;
}

.pwyw-white-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  border: 1px solid #CF9E46;
  border-radius: 100px;
  text-align: center;
  background: #fff;
  color: #CF9E46;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}

.pwyw-white-btn:hover {
  background: #CF9E46;
  color: #fff;
}

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

  .pwyw-title {
    padding: 50px 50px 30px;
  }

  .pwyw-content {
    padding: 30px 50px;
  }

  .pwyw-success-section .pwyw-box-header,
  .pwyw-cancel-section .pwyw-box-header {
    flex-direction: column;
    padding: 50px 30px 30px;
    text-align: center;
  }
}

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

  .pwyw-form .form-row {
    display: block;
    margin: 0;
  }

  .pwyw-form .input {
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
  }

  .pwyw-form .ref-link {
    padding: 0 0 10px 10px;
  }

  .pwyw-form .last-form-row {
    display: flex;
  }

  .pwyw-form .last-form-row .input {
    margin: 0;
  }
}

@media only screen and (max-width:530px) {
  .progress-line {
    width: 24%;
  }
}

/* Premier popup */
.premier-popup {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px 42px;
  background: #000;
  border-bottom: 1px solid #c9952b;
}

.premier-popup.premier-desktop {

}

.premier-popup.premier-mobile {

}

.premier-popup.closed {
  display: none;
}

.premier-popup .popup-inner .premier-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.premier-popup .popup-inner .premier-popup-close svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  transition: fill 0.3s;
}

.premier-popup .popup-inner .premier-popup-close:hover svg {
  fill: #c9952b;
}

.premier-popup .popup-inner .title {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.premier-popup .popup-inner .button-wrap {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 15px 0 0;
}

.premier-popup .popup-inner a.premier-button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  padding: 6px 14px;
  background: #000;
  border: 1px solid #fff;
  text-align: center;
  text-transform: uppercase;
  color: #c6a00c;
  font-size: 14px;
  line-height: 14px;
  transition: all 0.3s;
}

.premier-popup .popup-inner a.premier-button:hover {
  background: #fff;
}

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

  .premier-popup .popup-inner {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .premier-popup .popup-inner .premier-popup-close {
    top: 50%;
    right: 15px;
    margin-top: -15px;
  }

  .premier-popup .popup-inner .button-wrap {
    margin: 0 0 0 20px;
  }
}

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

  .premier-popup .popup-inner .button-wrap {
    margin: 0 0 0 30px;
  }

}

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

  .premier-popup .popup-inner .button-wrap {
    margin: 0 0 0 30px;
  }

}

.ar-model-btn {
  cursor: pointer;
  padding: 10px 25px 5px;
  margin: 15px 0
}

.site-switch {
  font-size: 12px;
  padding: 5px;
}

.site-switch .switch-btn {
  display: block;
  color: #000;
  font-weight: bold;
  opacity: 0.5;
  transition: all 0.5s ease-in-out;
}

.site-switch .switch-btn:hover {
  opacity: 1;
}

.site-switch .switch-btn.cur {
  opacity: 1;
}

.site-switch .switch-btn img {
  margin: 0 4px 0 0;
}