/* ------------------------------
Icons
--------------------------------*/
.arrow-black-down {
  background: url("../img/icon-arrow-black-down.svg");
  display: block;
  width: 8px;
  height: 18px;
  position: relative;
  background-repeat: no-repeat; }

.arrow-black-up {
  background: url("../img/icon-arrow-black-up.svg");
  display: block;
  width: 8px;
  height: 18px;
  position: relative;
  background-repeat: no-repeat; }

.arrow-black-forward {
  background: url("../img/icon-arrow-black-forward.svg");
  display: inline-block;
  width: 18px;
  height: 8px;
  position: relative;
  background-repeat: no-repeat; }

.arrow-white-down {
  background: url("../img/icon-arrow-white-down.svg");
  display: block;
  width: 8px;
  height: 18px;
  position: relative;
  background-repeat: no-repeat; }

.arrow-white-forward {
  background: url("../img/icon-arrow-white-forward.svg");
  display: inline-block;
  width: 18px;
  height: 8px;
  position: relative;
  background-repeat: no-repeat; }

/* ****** */
i.white-quote {
  background: url("../img/icon-white-quote.svg");
  background-repeat: no-repeat; }
  
i.white-mail {
  background: url("../img/icon-white-mail.svg");
  background-repeat: no-repeat; }

i.white-tel {
  background: url("../img/icon-white-tel.svg");
  background-repeat: no-repeat; }

i.white-online {
  background: url("../img/icon-white-online.svg");
  background-repeat: no-repeat; }

i.white-speech {
  background: url("../img/icon-white-speech.svg");
  background-repeat: no-repeat; }

i.white-pin {
  background: url("../img/icon-white-pin.svg");
  background-repeat: no-repeat; }

i.white-design {
  background: url("../img/icon-white-design.svg");
  background-repeat: no-repeat; }

i.white-supply {
  background: url("../img/icon-white-supply.svg");
  background-repeat: no-repeat; }

i.white-install {
  background: url("../img/icon-white-install.svg");
  background-repeat: no-repeat; }

i.white-check {
  background: url("../img/icon-white-check.svg");
  background-repeat: no-repeat; }

i.white-online {
  background: url("../img/icon-white-online.svg");
  background-repeat: no-repeat; }

i.circle.white-mail, i.circle.white-tel, i.circle.white-online, i.circle.white-speech, i.circle.white-pin, i.circle.white-design, i.circle.white-supply, i.circle.white-install {
  border: 1px solid #ffffff !important; }

/* ****** */

i.black-quote {
  background: url("../img/icon-black-quote.svg");
  background-repeat: no-repeat; }

i.black-mail {
  background: url("../img/icon-black-mail.svg");
  background-repeat: no-repeat; }

i.black-tel {
  background: url("../img/icon-black-tel.svg");
  background-repeat: no-repeat; }

i.black-online {
  background: url("../img/icon-black-online.svg");
  background-repeat: no-repeat; }

i.black-speech {
  background: url("../img/icon-black-speech.svg");
  background-repeat: no-repeat; }

i.black-pin {
  background: url("../img/icon-black-pin.svg");
  background-repeat: no-repeat; }
/*
i.black-design {
  background: url("../img/icon-black-design.svg");
  background-repeat: no-repeat; }
  */

i.black-supply {
  background: url("../img/icon-black-supply.svg");
  background-repeat: no-repeat; }

i.black-install {
  background: url("../img/icon-black-install.svg");
  background-repeat: no-repeat; }

/*
i.black-check {
  background: url("../img/icon-black-check.svg");
  background-repeat: no-repeat; }
  */

i.black-online {
  background: url("../img/icon-black-online.svg");
  background-repeat: no-repeat; }

i.circle.black-mail, i.circle.black-tel, i.circle.black-online, i.circle.black-speech, i.circle.black-pin, i.circle.black-design, i.circle.black-supply, i.circle.black-install {
  border: 1px solid #000000 !important; }

/* PRODUCT DETAILS ICOSN */
i.pd-icon {
  display: block;
  position: absolute;
  left: 0px;
  top: 8px;
  width: 35px;
  height: 35px; }

i.black-details {
  background: url("../img/icon-black-details.svg");
  background-repeat: no-repeat; }

i.black-images {
  background: url("../img/icon-black-images.svg");
  background-repeat: no-repeat; }

i.black-downloads {
  background: url("../img/icon-black-download.svg");
  background-repeat: no-repeat; }

i.black-technical {
  background: url("../img/icon-black-technical.svg");
  background-repeat: no-repeat; }

i.black-brochure {
  background: url("../img/icon-black-brochure.svg");
  background-repeat: no-repeat; }

i.black-file-download {
  background: url("../img/icon-black-file-download.svg");
  background-repeat: no-repeat; }

i.black-website {
  background: url("../img/icon-black-website.svg");
  background-repeat: no-repeat; }

i.black-glazing {
  background: url("../img/icon-black-glazing.svg");
  background-repeat: no-repeat; }

i.black-performance {
  background: url("../img/icon-black-performance.svg");
  background-repeat: no-repeat; }

i.black-technical-drawings {
  background: url("../img/icon-black-technical-drawings.svg");
  background-repeat: no-repeat; }

i.white-details {
  background: url("../img/icon-white-details.svg");
  background-repeat: no-repeat; }

i.white-images {
  background: url("../img/icon-white-images.svg");
  background-repeat: no-repeat; }

i.white-downloads {
  background: url("../img/icon-white-download.svg");
  background-repeat: no-repeat; }

i.white-technical {
  background: url("../img/icon-white-technical.svg");
  background-repeat: no-repeat; }

i.white-brochure {
  background: url("../img/icon-white-brochure.svg");
  background-repeat: no-repeat; }

i.white-file-download {
  background: url("../img/icon-white-file-download.svg");
  background-repeat: no-repeat; }

i.white-website {
  background: url("../img/icon-white-website.svg");
  background-repeat: no-repeat; }

i.white-glazing {
  background: url("../img/icon-white-glazing.svg");
  background-repeat: no-repeat; }

/*
i.white-performance {
  background: url("../img/icon-white-performance.svg");
  background-repeat: no-repeat; }
  */

i.white-technical-drawings {
  background: url("../img/icon-white-technical-drawings.svg");
  background-repeat: no-repeat; }

.video-play {
  background: url("../img/icon-video-play.svg");
  background-repeat: no-repeat; }

/* KEY */
.icon-lift-slide {
  background: url("../img/icon-lift-slide.jpg");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center center; }

.icon-slide-only {
  background: url("../img/icon-slide-only.jpg");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center center; }
  
 .peaks {
     display:block;
     margin:0 auto;
     margin-bottom:20px;
     background: url("../img/peaks.svg");
     background-repeat: no-repeat;
     background-size:100%;
     background-position:center center;
     width:200px;
     height:100px;
 }

/* ------------------------------
Typography
--------------------------------*/
html,
body {
  height: 100%;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-size: 14px; }
  @media (min-width: 768px) {
    html,
    body {
      font-size: 16px; } }
  @media (min-width: 1024px) {
    html,
    body {
      font-size: 16px; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  padding: 0;
  margin: 0; }

h2 {
  margin-bottom: 0;
  padding-bottom: 30px; }

ul,
ol,
p {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400; }

ul {
  padding: 0;
  margin: 0; }

.hd-light {
  color: #ffffff; }

.hd-dark {
  color: #000000; }

.hd-primary {
  font-family: "Montserrat", sans-serif;
  font-size: 3.125em;
  font-weight: 700;
  padding: 0;
  margin: 0 0 30px 0; }

.hd-primary span {
  color: #f26334; }

@media screen and (max-width: 1199px) {
  .hd-primary {
    font-size: 2.6em;
    margin-bottom: 10px; } }
@media screen and (max-width: 991px) {
  .hd-primary {
    font-size: 2.4em;
    margin-bottom: 10px; } }
/* ------------------------------
Buttons
--------------------------------*/
a.btn-ghost-dark {
  display: inline-block;
  border: 2px solid #000000;
  color: #000000;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125em;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
  background-size: 0;
  z-index: 1111; }

a.btn-ghost-dark:active {
  color: #000000;
  text-decoration: none; }

a.btn-ghost-dark:focus {
  color: #000000;
  text-decoration: none; }

a.btn-ghost-dark:visited {
  color: #000000;
  text-decoration: none; }

a.btn-ghost-dark:hover {
  color: #ffffff;
  text-decoration: none; }

a.btn-ghost-dark:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 140%;
  height: 100%;
  z-index: -1;
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80); }

a.btn-ghost-dark:hover:after {
  left: -10%;
  background: #000000;
  -webkit-transition: ease-out 0.3s;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
  opacity: 1;
  -webkit-opacity: 1.0;
  -moz-opacity: 1.0;
  filter: alpha(opacity=100); }

/* GHOST LIGHT */
a.btn-ghost-light {
  display: inline-block;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125em;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
  background-size: 0;
  z-index: 1111; }

a.btn-ghost-light:active {
  color: #ffffff;
  text-decoration: none; }

a.btn-ghost-light:focus {
  color: #ffffff;
  text-decoration: none; }

a.btn-ghost-light:visited {
  color: #ffffff;
  text-decoration: none; }

a.btn-ghost-light:hover {
  color: #000000;
  text-decoration: none; }

a.btn-ghost-light:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 140%;
  height: 100%;
  z-index: -1;
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80); }

a.btn-ghost-light:hover:after {
  left: -10%;
  background: #ffffff;
  -webkit-transition: ease-out 0.3s;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
  opacity: 1;
  -webkit-opacity: 1.0;
  -moz-opacity: 1.0;
  filter: alpha(opacity=100); }

a.margin-right {
  margin-right: 20px; }

/* ------------------------------
Forms
--------------------------------*/
/* ------------------------------
Theme
--------------------------------*/

/*# sourceMappingURL=theme.css.map */