@font-face {
  font-family: "Helvetica";
  src: url(/styles/fonts/HelveticaNeueLTPro-Th.otf);
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url(/styles/fonts/HelveticaNeueLTPro-Lt.otf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url(/styles/fonts/HelveticaNeueLTPro-Roman.otf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url(/styles/fonts/HelveticaNeueLTPro-Md.otf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url(/styles/fonts/HelveticaNeueLTPro-Bd.otf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url(/styles/fonts/HelveticaNeueLTPro-Blk.otf);
  font-weight: 700;
  font-style: normal;
}
body {
  background: #282828;
  color: #a4adb3;
  font-family: "Helvetica", "Open Sans";
  font-size: 14px;
  font-weight: 400;
}

/* ------------------------- */
/* ------- HEADINGS -------- */
/* ------------------------- */
h1, h2, h3, h4, h5, h6 {
  color: #00a1d4;
  font-weight: 400;
}

/* ------------------------- */
/* -------- HEADER --------- */
/* ------------------------- */
.page-header .header-line {
  color: #fff;
  background: #4c565c url(/img/stripes.png?f) repeat-x;
}
.page-header .header-line .lang {
  display: inline-block;
  background: #4c565c;
  padding: 0 20px;
}
.page-header .header-line .lang a {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  padding: 0 7px;
}
.page-header .header-line .lang a img {
  display: inline-block;
  padding-right: 5px;
  margin-top: -2px;
}
.page-header .header-line .lang a.active {
  color: #00a1d4;
}
.page-header .header-line .lang a:hover {
  color: #00a1d4;
}
.page-header .header {
  background: #4c565c;
}
.page-header .header .header-inner {
  margin-top: 10px;
  margin-bottom: 40px;
}
.page-header .header .header-inner .logo {
  margin: 0;
}
.page-header .header .header-inner .logo .logo-text {
  align-self: flex-end;
  text-decoration: none;
  padding: 0 0 0 100px;
}
.page-header .header .header-inner .logo .logo-text .chemistry-pro {
  display: block;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 5px;
  white-space: nowrap;
}
.page-header .header .header-inner .logo .logo-text .masters-of-chemistry {
  color: #00a1d4;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 4px;
}
.page-header .header .header-inner .logo .logo-text .motto {
  display: block;
  color: #fff;
  font-size: 16px;
  font-style: italic;
  font-weight: 200;
  margin-top: 20px;
}
.page-header .header .header-inner .logo .logo-text .motto .color {
  color: #00a1d4;
  font-style: normal;
}
@media (max-width: 1199px) {
  .page-header .header .header-inner .logo .logo-text {
    padding: 0 0 0 50px;
  }
}
@media (max-width: 991px) {
  .page-header .header .header-inner .logo .logo-image {
    max-width: 120px;
  }
  .page-header .header .header-inner .logo .logo-text {
    padding: 0 0 0 20px;
  }
  .page-header .header .header-inner .logo .logo-text .motto {
    font-size: 14px;
    margin-top: 5px;
  }
}
.page-header .header .header-inner .search .input-group {
  max-width: 280px;
}
.page-header .header .header-inner .search input.form-control,
.page-header .header .header-inner .search button {
  background: #6c7479;
  border-color: #4c565c;
  color: #e2e2e2;
  transition: all 0.2s ease;
}
.page-header .header .header-inner .search input.form-control {
  border-right: 0;
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
}
.page-header .header .header-inner .search button {
  border-left: 0;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
  padding: 6px 14px 6px 12px;
}
.page-header .header .header-inner .search input:focus {
  border-color: #00a1d4;
}
.page-header .header .header-inner .search input:focus + span button {
  border-color: #00a1d4;
}
.page-header .responsive-header .logo {
  display: flex;
  background: #4c565c;
  padding: 20px;
}
.page-header .responsive-header .logo .logo-text {
  align-self: flex-end;
  text-decoration: none;
  padding: 0 0 0 50px;
}
.page-header .responsive-header .logo .logo-text div {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 5px;
  white-space: nowrap;
}
.page-header .responsive-header .logo .logo-text div:last-child {
  color: #00a1d4;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 4px;
}
@media (max-width: 450px) {
  .page-header .responsive-header .logo .logo-text {
    padding: 0 0 0 20px;
  }
  .page-header .responsive-header .logo .logo-text div {
    font-size: 18px;
    letter-spacing: 3px;
  }
  .page-header .responsive-header .logo .logo-text div:last-child {
    font-size: 11px;
    letter-spacing: 2px;
  }
}
.page-header .responsive-header .buttons {
  background: #4c565c;
}
.page-header .responsive-header .buttons .box {
  width: 50%;
}
.page-header .responsive-header .buttons .box.xs-button-search.active,
.page-header .responsive-header .buttons .box.xs-button-login.active {
  color: #00a1d4;
}
.page-header {
  /* navbar */
}
.page-header .navbar.navbar-default {
  background: #4c565c;
  border-bottom: 1px solid #00a1d4;
}
.page-header .navbar.navbar-default .navbar-header button.navbar-toggle .text {
  color: #fff;
  font-weight: 400;
  line-height: 18px;
}
.page-header .navbar.navbar-default .navbar-header button.navbar-toggle .icon-bar {
  background-color: #fff;
}
@media (min-width: 992px) {
  .page-header .navbar-nav, .page-header .navbar-nav > li {
    float: left;
  }
}
.page-header .navbar-nav > li.active a {
  color: #00a1d4 !important;
}
.page-header .navbar-nav li a {
  color: #a4adb3;
  font-size: 16px;
  text-transform: uppercase;
}
.page-header .navbar-nav li a:hover {
  color: #00a1d4;
}
@media (max-width: 991px) {
  .page-header .navbar-nav li a {
    border-bottom-color: #a4adb3;
  }
}

/* ------------------------- */
/* ---- CATALOGUE MENU ----- */
/* ------------------------- */
.catalogue-menu .catalogue-button {
  background: #00a1d4;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
}
.catalogue-menu .catalogue-button:hover {
  background: #00a1d4;
}
.catalogue-menu li.panel {
  background: #282828;
}
.catalogue-menu li.panel a {
  border-bottom-color: #a4adb3;
  color: #a4adb3;
  padding: 8px 30px 8px 10px;
}
.catalogue-menu .submenu-arrow {
  padding-top: 10px;
}

/* ------------------------- */
/* --- PRODUCTS FILTERS ---- */
/* ------------------------- */
.products-filters {
  margin-top: 20px;
  margin-bottom: 20px;
}
.products-filters .filters-menu {
  border-color: #a4adb3;
}
.products-filters .filters-menu .basic-filters {
  float: right;
}
.products-filters .filters-menu .basic-filters label {
  font-weight: 400;
}
.products-filters .filters-menu .basic-filters select {
  border-color: #a4adb3;
}
.products-filters .filters-menu .basic-filters label[for=orderby] {
  display: none;
}
.products-filters .filters-menu .basic-filters select#orderby,
.products-filters .filters-menu .basic-filters #orderby_chosen {
  display: none;
}
.products-filters .filters-menu .basic-filters .chosen-container .chosen-drop li.result-selected, .products-filters .filters-menu .basic-filters .chosen-container-single .chosen-drop li.result-selected {
  font-weight: 400;
}

/* ------------------------- */
/* ----- PRODUCT PAGE ------ */
/* ------------------------- */
.product-page .image-box a.main-image {
  background: none;
  border: 0;
}
.product-page .image-box a.main-image .hover {
  background: none;
  color: #00a1d4;
}
.product-page .image-box a.main-image:hover .hover {
  background: none;
}
.product-page .image-box .other-images .image-box a {
  background: none;
  border: 0;
}
.product-page .image-box .other-images .image-box a .more-images-info {
  color: #404040;
  font-weight: 400;
}
.product-page hr {
  border-color: #a4adb3;
}
.product-page .nav-tabs li.active > a {
  background-color: #282828;
  color: #00a1d4;
}
.product-page .nav-tabs li.active > a:hover {
  background-color: #282828;
  color: #00a1d4;
}
.product-page .tab-content {
  border-radius: 0;
  padding-bottom: 15px;
}
.product-page .nav-tabs li:first-child > a {
  border-top-left-radius: 0;
}
.product-page .nav-tabs li:last-child > a {
  border-top-right-radius: 0;
}

/* ------------------------- */
/* ------ FOOTER MENU ------ */
/* ------------------------- */
.footer-menu {
  background: #4c565c;
}
.footer-menu .logo img {
  max-width: 120px;
  margin-top: 10px;
}
.footer-menu h6 {
  font-size: 16px;
  color: #00a1d4;
}
.footer-menu p {
  line-height: 150%;
  color: #fff;
}
.footer-menu p a {
  color: #97abb7;
}

/* ------------------------- */
/* --- VIRTUALIS FOOTER ---- */
/* ------------------------- */
footer {
  background: #4c565c;
}
footer a:hover {
  color: #00a1d4;
  opacity: 1;
}

/* --------------------------- */
/* ----- ARTICLE DETAIL ------ */
/* --------------------------- */
.article-detail {
  margin: 30px 0;
}
.article-detail h1 {
  margin-top: 0;
}
.article-detail hr {
  margin-top: 20px;
  margin-bottom: 10px;
  border-color: #ddd;
}

/* --------------------------- */
/* ----- ARTICLE EXCERPT ----- */
/* --------------------------- */
.article-excerpt .row {
  border-top: 0;
  border-bottom: 1px solid #404040;
}
.article-excerpt .row:last-child {
  border-bottom: 0;
}
.article-excerpt h3 {
  font-size: 25px;
  margin-top: 0;
}
.article-excerpt h3 a {
  color: #00a1d4;
}
.article-excerpt p {
  font-weight: 400;
}
.article-excerpt p.date {
  font-size: 18px;
}
@media (max-width: 767px) {
  .article-excerpt h3 {
    font-size: 30px;
  }
  .article-excerpt p.date {
    margin-top: 20px;
  }
}

/* ------------------------- */
/* --- HP CATEGORY LIST ---- */
/* ------------------------- */
.hp-category-list {
  margin-top: 30px;
}
.hp-category-list a.box {
  display: block;
  float: left;
  width: 20%;
  padding: 0 20px;
  margin: 20px 0;
}
.hp-category-list a.box .hexagon {
  display: block;
  width: 110px;
  height: 220px;
  transform: rotate(120deg);
  visibility: hidden;
  overflow: hidden;
  cursor: pointer;
  margin: -40px auto -30px;
}
.hp-category-list a.box .hexagon-in1 {
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(-60deg);
  overflow: hidden;
}
.hp-category-list a.box .hexagon-in2 {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  transform: rotate(-60deg);
  visibility: visible;
  filter: grayscale(1);
}
.hp-category-list a.box .name {
  display: block;
  color: #00a1d4;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.hp-category-list a.box:hover .hexagon-in2 {
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  filter: grayscale(0);
}
@media (max-width: 1199px) {
  .hp-category-list a.box {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .hp-category-list a.box {
    width: 33.333333%;
  }
}
@media (max-width: 767px) {
  .hp-category-list a.box {
    width: 50%;
  }
}
@media (max-width: 450px) {
  .hp-category-list a.box {
    width: 100%;
  }
}

/* ------------------------- */
/* ------- CAROUSEL -------- */
/* ------------------------- */
.carousel-wrap {
  width: 100%;
  background: #34393d;
  margin-bottom: 70px;
}

.carousel .carousel-indicators {
  bottom: -50px;
}
.carousel .carousel-indicators li {
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  margin: 0 5px;
}
.carousel .carousel-indicators li.active {
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel .carousel-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 60%;
  color: #fff;
  text-align: left;
  text-shadow: none;
  padding: 0;
  margin: 0;
}
.carousel .carousel-caption .heading {
  color: #00a1d4;
  font-size: 110px;
  line-height: 100%;
  font-weight: 300;
  letter-spacing: 15px;
  margin-top: 30px;
}
.carousel .carousel-caption .text {
  font-size: 24px;
  line-height: 140%;
  font-weight: 200;
  letter-spacing: 1px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .carousel .carousel-caption .heading {
    font-size: 80px;
  }
  .carousel .carousel-caption .text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .carousel .carousel-caption {
    width: 70%;
  }
  .carousel .carousel-caption .heading {
    font-size: 60px;
    letter-spacing: 10px;
    margin-top: 20px;
  }
  .carousel .carousel-caption .text {
    font-size: 16px;
    margin-top: 30px;
  }
}

/* catalogues iframes*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catalogues-brands .logo {
  margin-top: 20px;
  margin-bottom: 40px;
}
.catalogues-brands .catalogue-brand img {
  max-width: 200px;
}
@media (max-width: 767px) {
  .catalogues-brands .catalogue-brand img {
    max-width: 100%;
  }
}
.catalogues-brands .catalogue-brand p {
  color: #00a1d4;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.custom-articles-homepage {
  padding-top: 20px;
  padding-bottom: 40px;
}
.custom-articles-homepage .custom-article-homepage {
  display: flex;
}
.custom-articles-homepage .custom-article-homepage .image {
  flex-shrink: 0;
}
.custom-articles-homepage .custom-article-homepage .hexagon {
  display: block;
  width: 165px;
  height: 330px;
  transform: rotate(120deg);
  visibility: hidden;
  overflow: hidden;
  cursor: pointer;
  margin: -40px auto -60px;
}
.custom-articles-homepage .custom-article-homepage .hexagon-in1 {
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(-60deg);
  overflow: hidden;
}
.custom-articles-homepage .custom-article-homepage .hexagon-in2 {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  transform: rotate(-60deg);
  visibility: visible;
}
.custom-articles-homepage .custom-article-homepage .content {
  padding-left: 30px;
  padding-right: 20px;
}
.custom-articles-homepage .custom-article-homepage .content h3 {
  font-size: 22px;
  margin-top: 40px;
}
.custom-articles-homepage .custom-article-homepage .content h3 a {
  color: #00a1d4;
}
.custom-articles-homepage .custom-article-homepage .content .date {
  color: #7a7d80;
}
.custom-articles-homepage .custom-article-homepage .content a {
  color: #00a1d4;
}
@media (max-width: 767px) {
  .custom-articles-homepage .custom-article-homepage {
    display: block;
    padding-bottom: 30px;
  }
  .custom-articles-homepage .custom-article-homepage .hexagon {
    margin-top: -70px;
    margin-bottom: -90px;
  }
}

.wrap .catalogue .product-box a .content h3 {
  height: 4.5em;
}

.wrap.product .product-page #description iframe[src*="https://www.youtube.com/"] {
  width: 560px;
  height: 315px;
  max-width: 100%;
  margin-top: 20px;
}/*# sourceMappingURL=custom.css.map */