.loader {
  width: 100%;
  height: 100vh;
  background-color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  animation-name: example;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  opacity: 1;
  z-index: 15; }

@keyframes example {
  0% {
    top: 0;
    opacity: 1; }
  70% {
    top: 0;
    opacity: 1; }
  99% {
    top: 0;
    opacity: 0; }
  100% {
    top: -100vh;
    opacity: 0; } }
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0; }

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none; }

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth; }

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  background-color: #FFF;
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden; }

.body--noscroll {
  overflow-y: hidden; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img,
picture {
  display: block; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

a {
  text-decoration: none;
  cursor: pointer; }

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }
.no--border {
  border: none !important; }
  .no--border .main__copy a {
    border-bottom: none !important;
    line-height: 2rem !important;
    color: #333; }
    .no--border .main__copy a:hover {
      color: #4d4d4d; }

body {
  font-size: 1rem; }

h1, h2, h3, h4 {
  color: #333; }
  h1 span, h2 span, h3 span, h4 span {
    color: #009cff; }

h1 {
  font-size: 1.6rem; }

h2 {
  font-size: 1.2rem;
  font-weight: 400; }

h3 {
  font-size: 1.3rem; }

h4 {
  font-size: 1.2rem; }

h5 {
  font-size: 1.1rem; }

p, sub {
  line-height: 1.9rem;
  margin-bottom: 0.6rem;
  font-size: 0.9rem; }
  p a, sub a {
    color: #FFF;
    transition: 0.5s; }
    p a:hover, sub a:hover {
      color: #009cff; }

a, button {
  transition: 0.5s;
  font-size: 0.9rem;
  cursor: pointer; }

ul li {
  line-height: 1.9rem;
  font-size: 0.9rem; }

.btn {
  width: auto;
  padding: 0 1rem;
  font-size: 1rem;
  text-align: center;
  border-radius: 7px;
  color: #FFF;
  background-color: #009cff;
  float: left;
  display: block;
  line-height: 3rem; }

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2rem; }

  h2 {
    font-size: 1.5rem; }

  h3 {
    font-size: 1.4rem; }

  h4 {
    font-size: 1.2rem; }

  h5 {
    font-size: 1.1rem; }

  p, sub {
    line-height: 2rem;
    font-size: 1rem; }

  a, button {
    font-size: 1rem; }

  ul li {
    line-height: 2rem;
    font-size: 1rem; } }
@media only screen and (min-width: 1440px) {
  h1 {
    font-size: 2.5rem; }

  h2 {
    font-size: 1.4rem; }

  p, a {
    font-size: 1rem; }

  ul li {
    font-size: 1rem; } }
@media only screen and (min-width: 1920px) {
  h1 {
    font-size: 3rem; }

  h2 {
    font-size: 1.8rem; }

  h3 {
    font-size: 1.5rem;
    line-height: 2.2rem; }

  h4 {
    font-size: 1.1rem;
    line-height: 2rem; }

  p, a {
    font-size: 1rem; }

  p {
    line-height: 2rem; }

  ul li {
    font-size: 1rem;
    line-height: 2rem; } }
@media only screen and (min-width: 2560px) {
  h1 {
    font-size: 3.3rem;
    line-height: 4.3rem; }

  h2 {
    font-size: 2rem;
    line-height: 3rem; }

  h3 {
    font-size: 1.7rem;
    line-height: 2.7rem; }

  h4 {
    font-size: 1.2rem;
    line-height: 2rem; }

  p {
    font-size: 1.05rem;
    line-height: 2.2rem;
    font-size: 1.1rem; }

  ul li {
    line-height: 2.2rem;
    font-size: 1.1rem; } }
.scaffold {
  width: 100%;
  position: relative;
  float: left; }
  .scaffold .scaffold__main {
    width: 100%;
    float: left; }
  .scaffold .scaffold__sidebar {
    width: 100%;
    float: left;
    display: none; }

.content__image {
  width: 100%;
  background-color: #CCC;
  margin-bottom: 2rem;
  position: relative; }
  .content__image img {
    width: 100%; }

.dummy__image {
  width: 100%;
  background-color: #CCC;
  margin-bottom: 2rem;
  position: relative;
  min-height: 18rem;
  float: left; }
  .dummy__image img {
    width: 100%; }
  .dummy__image:before {
    content: 'Image placeholder';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

@media only screen and (min-width: 768px) {
  .scaffold .scaffold__main {
    width: calc(100% - 16rem); }
  .scaffold .scaffold__sidebar {
    width: 16rem; }
  .scaffold .scaffold--right {
    padding-left: 5rem; }
  .scaffold .scaffold--left {
    padding-right: 5rem; } }
@media only screen and (min-width: 1024px) {
  .scaffold .scaffold__main {
    width: calc(100% - 17rem); }
  .scaffold .scaffold--left {
    padding-right: 5rem;
    padding-left: 0; }
  .scaffold .scaffold--right {
    padding-left: 5rem;
    padding-right: 0; }
  .scaffold .scaffold__sidebar {
    width: 17rem; } }
@media only screen and (min-width: 1112px) {
  .scaffold .scaffold__main {
    width: calc(100% - 18rem); }
  .scaffold .scaffold--left {
    padding-right: 5rem;
    padding-left: 0; }
  .scaffold .scaffold--right {
    padding-left: 5rem;
    padding-right: 0; }
  .scaffold .scaffold__sidebar {
    width: 18rem; } }
@media only screen and (min-width: 1600px) {
  .scaffold .scaffold__main {
    width: calc(100% - 18rem); }
  .scaffold .scaffold--left {
    padding-right: 5rem;
    padding-left: 0; }
  .scaffold .scaffold--right {
    padding-left: 5rem;
    padding-right: 0; }
  .scaffold .scaffold__sidebar {
    width: 18rem; } }
@media only screen and (min-width: 1920px) {
  .scaffold .scaffold__main {
    width: calc(100% - 20rem); }
  .scaffold .scaffold--left {
    padding-right: 5rem;
    padding-left: 0; }
  .scaffold .scaffold--right {
    padding-left: 5rem;
    padding-right: 0; }
  .scaffold .scaffold__sidebar {
    width: 20rem; } }
@media only screen and (min-width: 2560px) {
  .scaffold .scaffold__main {
    width: calc(100% - 20rem); }
  .scaffold .scaffold--left {
    padding-right: 6rem;
    padding-left: 0; }
  .scaffold .scaffold--right {
    padding-left: 6rem;
    padding-right: 0; }
  .scaffold .scaffold__sidebar {
    width: 20rem; } }
.scaffold__main {
  padding-top: 2rem;
  width: 100%;
  float: left; }
  .scaffold__main .main__header {
    width: 100%;
    float: left; }
    .scaffold__main .main__header h2 {
      margin-bottom: 1rem;
      font-weight: 500; }
    .scaffold__main .main__header p {
      display: none; }
      .scaffold__main .main__header p a {
        color: #333;
        font-weight: 600; }
        .scaffold__main .main__header p a:hover {
          color: #009cff; }
  .scaffold__main .main__image {
    width: 100%;
    float: left;
    margin-bottom: 1rem; }
    .scaffold__main .main__image img {
      width: 100%; }
  .scaffold__main .main__block {
    width: 100%;
    float: left;
    padding: 2rem 0; }
    .scaffold__main .main__block h3 {
      margin-bottom: 1rem; }
    .scaffold__main .main__block p a {
      color: #009cff; }
    .scaffold__main .main__block .phone, .scaffold__main .main__block .email {
      display: block;
      width: max-content;
      font-size: 1.1rem;
      line-height: 3rem; }

@media only screen and (min-width: 1024px) {
  .scaffold__main .main__header p {
    display: block; }
  .scaffold__main p {
    display: block; } }
.scaffold__sidebar {
  width: 100%;
  float: left;
  padding-top: 2rem; }
  .scaffold__sidebar .sidebar__item {
    width: 100%;
    float: left;
    margin-bottom: 2rem; }
    .scaffold__sidebar .sidebar__item .item__cap {
      background-color: #009cff;
      padding: 0.6rem 1rem;
      border-top-right-radius: 0.4rem; }
      .scaffold__sidebar .sidebar__item .item__cap h3 {
        color: #FFF;
        font-size: 1.2rem;
        font-weight: 400; }
    .scaffold__sidebar .sidebar__item .item__body {
      border: 1px solid #CCC;
      border-top: none;
      padding: 1rem;
      width: 100%;
      float: left; }
      .scaffold__sidebar .sidebar__item .item__body .body__photo {
        width: 100%;
        float: left;
        margin: 1rem 0; }
        .scaffold__sidebar .sidebar__item .item__body .body__photo img {
          width: 100%; }
      .scaffold__sidebar .sidebar__item .item__body .body__copy h5 {
        font-weight: 400; }
      .scaffold__sidebar .sidebar__item .item__body .body__more {
        background-color: #009cff;
        color: #FFF;
        display: block;
        text-align: center;
        line-height: 3rem;
        border-radius: 0.4rem;
        float: left;
        width: 100%;
        margin-top: 1rem; }
        .scaffold__sidebar .sidebar__item .item__body .body__more:hover {
          background-color: #1aa6ff; }
      .scaffold__sidebar .sidebar__item .item__body .body__link {
        line-height: 3rem;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 0.7rem;
        color: #333; }
        .scaffold__sidebar .sidebar__item .item__body .body__link:hover {
          color: #009cff; }
  .scaffold__sidebar .sidebar__nav {
    margin-bottom: 2rem; }

@media only screen and (min-width: 768px) {
  .scaffold__sidebar {
    width: 15rem;
    float: left;
    display: block !important; }
    .scaffold__sidebar .sidebar__nav {
      width: 100%;
      float: left;
      margin-bottom: 2rem; }
      .scaffold__sidebar .sidebar__nav .nav__cap {
        background-color: #009cff;
        padding: 0.5rem 1rem;
        border-top-right-radius: 0.4rem;
        color: #FFF; }
        .scaffold__sidebar .sidebar__nav .nav__cap h3 {
          color: #FFF;
          font-size: 1.2rem;
          font-weight: 400; }
          .scaffold__sidebar .sidebar__nav .nav__cap h3 span {
            color: #FFF !important; }
      .scaffold__sidebar .sidebar__nav .nav__body {
        border: 1px solid #CCC;
        border-left: none;
        border-top: none;
        background-color: #FFF;
        width: 100%;
        float: left; }
        .scaffold__sidebar .sidebar__nav .nav__body a {
          width: 100%;
          float: left;
          line-height: 1.4rem;
          border-top: 1px solid #CCC;
          padding: 1rem;
          color: #151515;
          position: relative; }
          .scaffold__sidebar .sidebar__nav .nav__body a:first-of-type {
            border-top: none; }
          .scaffold__sidebar .sidebar__nav .nav__body a:hover {
            color: #009cff; }
          .scaffold__sidebar .sidebar__nav .nav__body a:before {
            content: '';
            position: absolute;
            width: 0.2rem;
            height: calc(100% - 2rem);
            background-color: #009cff;
            top: 1rem;
            left: 0.1rem; }
    .scaffold__sidebar .sidebar__item {
      width: 100%;
      float: left;
      margin-bottom: 2em; }
      .scaffold__sidebar .sidebar__item .item__cap {
        background-color: #009cff;
        padding: 0.6rem 1rem;
        border-top-right-radius: 0.4rem; }
        .scaffold__sidebar .sidebar__item .item__cap h3 {
          color: #FFF;
          font-size: 1.2rem;
          font-weight: 400; }
      .scaffold__sidebar .sidebar__item .item__body {
        border: 1px solid #CCC;
        border-top: none;
        padding: 1rem; }
        .scaffold__sidebar .sidebar__item .item__body h5 {
          font-weight: 400; }
        .scaffold__sidebar .sidebar__item .item__body .body__photo {
          width: 100%;
          float: left;
          margin: 1rem 0; }
          .scaffold__sidebar .sidebar__item .item__body .body__photo img {
            width: 100%; }
        .scaffold__sidebar .sidebar__item .item__body .body__copy {
          padding: 0;
          width: 100%; }
        .scaffold__sidebar .sidebar__item .item__body .body__more {
          background-color: #009cff;
          color: #FFF;
          display: block;
          text-align: center;
          line-height: 3rem;
          border-radius: 0.4rem;
          float: left;
          width: 100%;
          margin-top: 1rem; }
          .scaffold__sidebar .sidebar__item .item__body .body__more:hover {
            background-color: #1aa6ff; }
        .scaffold__sidebar .sidebar__item .item__body .body__link {
          line-height: 3rem;
          width: 100%;
          display: block;
          text-align: center;
          font-size: 0.7rem;
          color: #333; }
          .scaffold__sidebar .sidebar__item .item__body .body__link:hover {
            color: #009cff; } }
@media only screen and (min-width: 1024px) {
  .scaffold__sidebar {
    width: 15rem;
    float: left;
    display: block !important; }
    .scaffold__sidebar .sidebar__nav {
      width: 100%;
      float: left;
      margin-bottom: 2rem; }
      .scaffold__sidebar .sidebar__nav .nav__cap {
        background-color: #009cff;
        padding: 0.5rem 1rem;
        border-top-right-radius: 0.4rem;
        color: #FFF; }
        .scaffold__sidebar .sidebar__nav .nav__cap h3 {
          color: #FFF;
          font-size: 1.2rem;
          font-weight: 400; }
          .scaffold__sidebar .sidebar__nav .nav__cap h3 span {
            color: #FFF !important; }
      .scaffold__sidebar .sidebar__nav .nav__body {
        border: 1px solid #CCC;
        border-left: none;
        border-top: none;
        background-color: #FFF;
        width: 100%;
        float: left; }
        .scaffold__sidebar .sidebar__nav .nav__body a {
          width: 100%;
          float: left;
          line-height: 1.4rem;
          border-top: 1px solid #CCC;
          padding: 1rem;
          color: #151515;
          position: relative; }
          .scaffold__sidebar .sidebar__nav .nav__body a:first-of-type {
            border-top: none; }
          .scaffold__sidebar .sidebar__nav .nav__body a:hover {
            color: #009cff; }
          .scaffold__sidebar .sidebar__nav .nav__body a:before {
            content: '';
            position: absolute;
            width: 0.2rem;
            height: calc(100% - 2rem);
            background-color: #009cff;
            top: 1rem;
            left: 0.1rem; }
    .scaffold__sidebar .sidebar__item {
      width: 100%;
      float: left;
      margin-bottom: 2em; }
      .scaffold__sidebar .sidebar__item .item__cap {
        background-color: #009cff;
        padding: 0.6rem 1rem;
        border-top-right-radius: 0.4rem; }
        .scaffold__sidebar .sidebar__item .item__cap h3 {
          color: #FFF;
          font-size: 1.2rem;
          font-weight: 400; }
      .scaffold__sidebar .sidebar__item .item__body {
        border: 1px solid #CCC;
        border-top: none;
        padding: 1rem; }
        .scaffold__sidebar .sidebar__item .item__body h5 {
          font-weight: 400; }
        .scaffold__sidebar .sidebar__item .item__body .body__photo {
          width: 100%;
          float: left;
          margin: 1rem 0; }
          .scaffold__sidebar .sidebar__item .item__body .body__photo img {
            width: 100%; }
        .scaffold__sidebar .sidebar__item .item__body .body__copy {
          padding: 0;
          width: 100%; }
        .scaffold__sidebar .sidebar__item .item__body .body__more {
          background-color: #009cff;
          color: #FFF;
          display: block;
          text-align: center;
          line-height: 3rem;
          border-radius: 0.4rem;
          float: left;
          width: 100%;
          margin-top: 1rem; }
          .scaffold__sidebar .sidebar__item .item__body .body__more:hover {
            background-color: #1aa6ff; }
        .scaffold__sidebar .sidebar__item .item__body .body__link {
          line-height: 3rem;
          width: 100%;
          display: block;
          text-align: center;
          font-size: 0.7rem;
          color: #333; }
          .scaffold__sidebar .sidebar__item .item__body .body__link:hover {
            color: #009cff; } }
@media only screen and (min-width: 1600px) {
  .scaffold__sidebar {
    width: 18rem;
    float: left; }
    .scaffold__sidebar .sidebar__item .item__cap h3 {
      font-size: 1.4rem; }
    .scaffold__sidebar .sidebar__nav {
      margin-bottom: 2rem; } }
@media only screen and (min-width: 1920px) {
  .scaffold__sidebar {
    width: 20rem;
    float: left; }
    .scaffold__sidebar .sidebar__item .item__cap h3 {
      font-size: 1.4rem; }
    .scaffold__sidebar .sidebar__nav {
      margin-bottom: 3rem; } }
.content--danlers:before,
.content--contact-danlers:before,
.content--lighting:before,
.content--smart-products:before,
.content--switches:before,
.content--controls:before,
.content--dimmers:before,
.content--ancillary:before,
.content--original-equipment-manufacturing:before,
.content--contract-electronics-manufacturing:before,
.content--advisor:before {
  content: '';
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 90%;
  height: 60vh;
  top: 17rem;
  left: 5%;
  opacity: 0.7; }

.content--danlers:before {
  background-image: url("../images/bgtext/danlers.svg"); }

.content--contact-danlers:before {
  background-image: url("../images/bgtext/contact-danlers.svg"); }

.content--lighting:before {
  background-image: url("../images/bgtext/homepage.svg"); }

.content--smart-products:before {
  background-image: url("../images/bgtext/smart-products.svg"); }

.content--switches:before {
  background-image: url("../images/bgtext/switches.svg"); }

.content--controls:before {
  background-image: url("../images/bgtext/controls.svg"); }

.content--dimmers:before {
  background-image: url("../images/bgtext/dimmers.svg"); }

.content--ancillary:before {
  background-image: url("../images/bgtext/ancillary.svg"); }

.content--original-equipment-manufacturing:before {
  background-image: url("../images/bgtext/original-equipment-manufacturing.svg"); }

.content--contract-electronics-manufacturing:before {
  background-image: url("../images/bgtext/contract-electronics-manufacturing.svg"); }

.content--advisor:before {
  background-image: url("../images/bgtext/danlers.svg"); }

@media only screen and (min-width: 1920px) {
  .content--danlers:before,
  .content--contact-danlers:before,
  .content--lighting:before,
  .content--smart-products:before,
  .content--switches:before,
  .content--controls:before,
  .content--dimmers:before,
  .content--ancillary:before,
  .content--original-equipment-manufacturing:before,
  .content--contract-electronics-manufacturing:before,
  .content--advisor:before {
    content: '';
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100vh;
    top: 13rem;
    left: 0; }

  .content--lighting:before {
    top: 0; } }
.panels {
  width: 100%;
  float: left;
  margin-top: 4rem;
  margin-bottom: 2rem; }
  .panels .panels__nav {
    width: 100%;
    text-align: right;
    margin: 0 0 2rem 0; }
    .panels .panels__nav a {
      display: inline-block;
      line-height: 3rem;
      margin-left: 1rem;
      color: #333;
      font-size: 1rem; }
      .panels .panels__nav a:hover {
        color: #666666; }
    .panels .panels__nav .nav--active {
      background-color: #009cff;
      padding: 0 0.5rem;
      border-radius: 7px;
      color: #FFF; }
      .panels .panels__nav .nav--active:hover {
        color: #FFF; }
  .panels .panels__panel {
    display: none;
    width: 100%;
    float: left;
    transition: 0.4s; }
    .panels .panels__panel .phone, .panels .panels__panel .email {
      display: block;
      line-height: 3rem;
      font-size: 1.2rem;
      color: #333; }
    .panels .panels__panel p:first-of-type {
      display: none; }
  .panels .panels--show {
    transition: 0.4s;
    display: block;
    animation: fadeEffect 1s; }

@media only screen and (min-width: 1024px) {
  .panels {
    width: 100%;
    float: left;
    margin-top: 4rem; }
    .panels .panels__nav {
      width: 100%;
      text-align: right;
      margin: 0 0 2rem 0; }
      .panels .panels__nav a {
        display: inline-block;
        line-height: 3rem;
        margin-left: 2rem;
        color: #333;
        font-size: 1.2rem; }
        .panels .panels__nav a:hover {
          color: #666666; }
      .panels .panels__nav .nav--active {
        background-color: #009cff;
        padding: 0 1.4rem;
        border-radius: 7px;
        color: #FFF; }
        .panels .panels__nav .nav--active:hover {
          color: #FFF; }
    .panels .panels__panel {
      display: none;
      width: 100%;
      float: left;
      transition: 0.4s; }
      .panels .panels__panel .phone, .panels .panels__panel .email {
        display: block;
        line-height: 3rem;
        font-size: 1.2rem;
        color: #333; }
    .panels .panels--show {
      transition: 0.4s;
      display: block;
      animation: fadeEffect 1s; } }
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.basket {
  width: 100%;
  float: left; }
  .basket .basket__enqiry {
    float: right;
    display: block;
    width: 100%;
    background-color: #009cff;
    padding: 1rem 2rem;
    color: #FFF;
    margin-top: 1rem;
    font-weight: 600;
    text-align: center; }
    .basket .basket__enqiry:hover {
      background-color: #33b0ff; }
  .basket .basket__row {
    width: 100%;
    float: left;
    border: 1px solid #CCC;
    margin-bottom: 0.5rem; }
    .basket .basket__row .row__photo {
      width: 4rem;
      float: left; }
      .basket .basket__row .row__photo img {
        width: 100%; }
    .basket .basket__row .row__quantity {
      width: calc(100% - 6rem);
      float: left;
      padding: 0 1rem 1rem 1rem; }
      .basket .basket__row .row__quantity p {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        line-height: 1.5rem; }
    .basket .basket__row .row__options {
      float: left;
      width: 100%;
      text-align: right; }
      .basket .basket__row .row__options a {
        width: 2.5rem;
        height: 2.5rem;
        float: right;
        line-height: 2.5rem;
        text-align: center;
        background-color: #009cff;
        margin-left: 0.2rem;
        color: #FFF;
        font-weight: 600; }
        .basket .basket__row .row__options a:hover {
          background-color: #33b0ff; }
      .basket .basket__row .row__options .row--delete {
        width: 2.5rem;
        height: 2.5rem;
        float: left;
        line-height: 2.5rem;
        text-align: center;
        margin-left: 0;
        background-color: red;
        color: #FFF;
        font-weight: 600; }
        .basket .basket__row .row__options .row--delete:hover {
          background-color: #ff3333; }
    .basket .basket__row .row__item {
      width: calc(100% - 6rem);
      float: left;
      padding: 1rem;
      padding-bottom: 0; }
      .basket .basket__row .row__item p {
        display: none; }
      .basket .basket__row .row__item span {
        width: 100%;
        display: block;
        font-weight: 700; }

@media only screen and (min-width: 1024px) {
  .basket .basket__row .row__photo {
    width: 5rem; }
  .basket .basket__row .row__quantity {
    width: calc(100% - 18rem); }
  .basket .basket__row .row__options {
    width: 13rem;
    margin-top: -1.2rem;
    padding-right: 1rem; }
    .basket .basket__row .row__options .row--delete {
      float: right;
      margin-left: 1rem; }
  .basket .basket__row .row__item {
    width: calc(100% - 18rem); } }
@media only screen and (min-width: 1280px) {
  .basket .basket__enqiry {
    width: auto; }
  .basket .basket__row .row__photo {
    width: 6rem; }
  .basket .basket__row .row__quantity {
    width: calc(100% - 19rem); }
  .basket .basket__row .row__item {
    width: calc(100% - 19rem); }
  .basket .basket__row .row__options {
    margin-top: -0.8rem; } }
@media only screen and (min-width: 1280px) {
  .basket .basket__row .row__photo {
    width: 7rem; }
  .basket .basket__row .row__quantity {
    width: calc(100% - 20rem); }
  .basket .basket__row .row__item {
    width: calc(100% - 20rem); }
  .basket .basket__row .row__options {
    margin-top: -0.2rem; }
    .basket .basket__row .row__options .row--delete {
      margin-left: 2rem; } }
.basket__form {
  width: 100%;
  margin-bottom: 3rem;
  float: left; }
  .basket__form label {
    width: 47%;
    float: left;
    font-size: 0.9rem;
    margin-top: 1rem; }
    .basket__form label input, .basket__form label textarea, .basket__form label select {
      width: 100%;
      padding: 0.5rem; }
    .basket__form label:nth-of-type(odd) {
      margin-right: 6%; }
    .basket__form label span {
      float: right;
      color: red;
      font-size: 0.7rem; }
    .basket__form label .errorborder {
      border: 1px solid red; }
  .basket__form button {
    padding: 1rem;
    background-color: #009cff;
    color: #FFF;
    width: 47%;
    float: right;
    border: none;
    margin-top: 1rem;
    border-radius: 7px; }
    .basket__form button:hover {
      background-color: #33b0ff; }

.articles {
  width: 100%;
  position: relative; }
  .articles .articles__main {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 2rem; }
    .articles .articles__main a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .articles .articles__main:hover .main__photo .photo__show {
      background-color: #1aa6ff; }
    .articles .articles__main .main__photo {
      width: 100%;
      float: left;
      background-color: #CCC;
      position: relative; }
      .articles .articles__main .main__photo .photo__photo {
        width: 100%;
        float: left;
        overflow: hidden;
        height: 13rem; }
        .articles .articles__main .main__photo .photo__photo img {
          width: 100%;
          min-height: 100%; }
      .articles .articles__main .main__photo .photo__show {
        width: 3rem;
        height: 3rem;
        border-radius: 7px;
        position: absolute;
        bottom: -0.5rem;
        right: -0.5rem;
        background-color: #009cff;
        color: #FFF;
        text-align: center;
        line-height: 3rem;
        font-size: 1.4rem;
        transition: 0.2s; }
    .articles .articles__main .main__copy {
      width: 100%;
      float: left;
      padding: 1rem;
      border: 1px solid #CCC; }
      .articles .articles__main .main__copy h3 {
        font-size: 1.5rem;
        margin: 0;
        height: 10rem;
        overflow: hidden; }
      .articles .articles__main .main__copy h4 {
        font-size: 1rem;
        margin: 0; }

@media only screen and (min-width: 1440px) {
  .articles {
    width: 100%;
    position: relative; }
    .articles .articles__main {
      width: 48%;
      float: left;
      position: relative;
      margin-bottom: 2rem; }
      .articles .articles__main a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .articles .articles__main:hover .main__photo .photo__show {
        background-color: #1aa6ff; }
      .articles .articles__main .main__photo {
        width: 100%;
        float: left;
        background-color: #CCC;
        position: relative; }
        .articles .articles__main .main__photo .photo__photo {
          width: 100%;
          float: left;
          overflow: hidden;
          height: 20rem; }
          .articles .articles__main .main__photo .photo__photo img {
            width: 100%;
            min-height: 100%; }
        .articles .articles__main .main__photo .photo__show {
          width: 3rem;
          height: 3rem;
          border-radius: 7px;
          position: absolute;
          bottom: -0.5rem;
          right: -0.5rem;
          background-color: #009cff;
          color: #FFF;
          text-align: center;
          line-height: 3rem;
          font-size: 1.4rem;
          transition: 0.2s; }
      .articles .articles__main .main__copy {
        width: 100%;
        float: left;
        padding: 1rem;
        border: 1px solid #CCC; }
        .articles .articles__main .main__copy h3 {
          font-size: 1.5rem;
          margin: 0;
          height: 10rem;
          overflow: hidden; }
        .articles .articles__main .main__copy h4 {
          font-size: 1rem;
          margin: 0; }
      .articles .articles__main:nth-of-type(even) {
        margin-left: 4%; }

  .article {
    width: 100%;
    float: left; }
    .article .article__photo img {
      width: 100%; }
    .article .article__copy {
      width: 100%;
      float: left;
      margin: 0 0 2rem 0; }
    .article .article__heading {
      width: 100%;
      float: left;
      margin: 0 0 2rem 0; }
      .article .article__heading h3 {
        margin: 0 !important; } }
.article {
  width: 100%;
  float: left; }
  .article .article__photo img {
    width: 100%; }
  .article .article__copy {
    width: 100%;
    float: left;
    margin: 0 0 2rem 0; }
  .article .article__heading {
    width: 100%;
    float: left;
    margin: 0 0 2rem 0; }
    .article .article__heading h3 {
      margin: 0 !important; }

.events {
  width: 100%;
  float: left; }
  .events .events__main {
    width: 100%;
    float: left;
    margin-bottom: 4rem;
    position: relative;
    border: 1px solid #ccc; }
    .events .events__main a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .events .events__main:hover .main__photo .photo__show {
      background-color: #1aa6ff; }
    .events .events__main .main__photo {
      width: 100%;
      height: 25rem;
      float: left;
      background-color: #CCC;
      position: relative; }
      .events .events__main .main__photo .photo__photo {
        overflow: hidden;
        height: 100%; }
        .events .events__main .main__photo .photo__photo img {
          min-width: 100%;
          min-height: 100%; }
      .events .events__main .main__photo img {
        width: 100%; }
      .events .events__main .main__photo .photo__show {
        width: 3rem;
        height: 3rem;
        border-radius: 7px;
        position: absolute;
        bottom: -0.5rem;
        right: -0.5rem;
        background-color: #009cff;
        color: #FFF;
        text-align: center;
        line-height: 3rem;
        font-size: 1.4rem;
        transition: 0.2s; }
    .events .events__main .main__copy {
      width: 100%;
      float: left;
      padding: 1rem; }
      .events .events__main .main__copy h3 {
        font-size: 1.5rem;
        margin: 0; }
      .events .events__main .main__copy h4 {
        font-size: 1rem;
        margin: 0; }
      .events .events__main .main__copy a {
        position: relative;
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        padding: 1rem 0; }

@media only screen and (min-width: 1112px) {
  .events {
    width: 100%;
    float: left; }
    .events .events__main {
      width: 100%;
      float: left;
      margin-bottom: 4rem;
      position: relative; }
      .events .events__main a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .events .events__main:hover .main__photo .photo__show {
        background-color: #1aa6ff; }
      .events .events__main .main__photo {
        width: 16rem;
        height: 16rem;
        float: left;
        background-color: #CCC;
        position: relative; }
        .events .events__main .main__photo .photo__photo {
          overflow: hidden;
          height: 100%; }
          .events .events__main .main__photo .photo__photo img {
            min-width: 100%;
            min-height: 100%; }
        .events .events__main .main__photo .photo__show {
          width: 3rem;
          height: 3rem;
          border-radius: 7px;
          position: absolute;
          bottom: -0.5rem;
          right: -0.5rem;
          background-color: #009cff;
          color: #FFF;
          text-align: center;
          line-height: 3rem;
          font-size: 1.4rem;
          transition: 0.2s; }
      .events .events__main .main__copy {
        width: calc(100% - 16rem);
        float: left;
        padding: 1rem;
        padding-left: 2rem; }
        .events .events__main .main__copy h3 {
          font-size: 1.5rem;
          margin: 0; }
        .events .events__main .main__copy h4 {
          font-size: 1rem;
          margin: 0; }
        .events .events__main .main__copy a {
          position: relative;
          width: 100%;
          float: left;
          line-height: 3rem; } }
.main__category {
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative; }
  .main__category a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .main__category h3 {
    margin-bottom: 1.5rem; }
  .main__category p a {
    position: relative;
    color: #009cff;
    font-weight: 600; }
  .main__category .category__photo {
    width: 100%;
    float: left;
    background-color: #CCC;
    position: relative; }
    .main__category .category__photo:after {
      content: '';
      width: 0;
      height: 0;
      border-top: 1rem solid transparent;
      border-bottom: 0rem solid transparent;
      border-right: 1rem solid #009cff;
      position: absolute;
      bottom: -1px;
      right: -1px; }
    .main__category .category__photo img {
      width: 100%; }
    .main__category .category__photo .photo__show {
      display: none; }
  .main__category .category__details {
    width: 100%;
    float: left;
    padding: 1rem 0.5rem; }
    .main__category .category__details h2 {
      margin-bottom: 1rem;
      text-align: center; }
    .main__category .category__details p {
      display: none; }
    .main__category .category__details span {
      color: #009cff;
      font-weight: 700;
      width: 100%;
      float: left;
      text-align: center; }

@media only screen and (min-width: 1024px) {
  .main__category {
    width: 100%;
    float: left;
    margin-top: 3rem;
    margin-bottom: 4rem;
    position: relative; }
    .main__category a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    .main__category:hover .category__photo .photo__show {
      background-color: #33b0ff; }
    .main__category h3 {
      margin-bottom: 1.5rem; }
    .main__category p a {
      position: relative;
      color: #009cff;
      font-weight: 600; }
    .main__category .category__split {
      width: 100%;
      float: left; }
    .main__category .category__photo {
      width: 14em;
      height: 14rem;
      float: left;
      background-color: #CCC;
      position: relative; }
      .main__category .category__photo img {
        width: 100%; }
      .main__category .category__photo .photo__show {
        width: 3rem;
        height: 3rem;
        border-radius: 7px;
        position: absolute;
        bottom: -0.5rem;
        right: -0.5rem;
        background-color: #009cff;
        color: #FFF;
        text-align: center;
        line-height: 3rem;
        font-size: 1.4rem;
        transition: 0.2s; }
    .main__category .category__details {
      width: calc(100% - 14rem);
      float: left;
      padding-left: 2rem; }
      .main__category .category__details h2 {
        margin-bottom: 1rem;
        text-align: left; }
      .main__category .category__details p {
        display: block; } }
@media only screen and (min-width: 1112px) {
  .main__category {
    width: 100%;
    float: left;
    margin-top: 3rem;
    margin-bottom: 4rem;
    position: relative; }
    .main__category a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    .main__category h3 {
      margin-bottom: 1.5rem; }
    .main__category p a {
      position: relative;
      color: #009cff;
      font-weight: 600; }
    .main__category .category__split {
      width: 100%;
      float: left; }
    .main__category .category__photo {
      width: 14em;
      height: 14rem;
      float: left;
      background-color: #CCC;
      position: relative; }
      .main__category .category__photo img {
        width: 100%; }
      .main__category .category__photo .photo__show {
        width: 3rem;
        height: 3rem;
        border-radius: 7px;
        position: absolute;
        bottom: -0.5rem;
        right: -0.5rem;
        background-color: #009cff;
        color: #FFF;
        text-align: center;
        line-height: 3rem;
        font-size: 1.4rem;
        transition: 0.2s; }
    .main__category .category__details {
      width: calc(100% - 14rem);
      float: left;
      padding-left: 2rem; }
      .main__category .category__details h2 {
        margin-bottom: 1rem; }
      .main__category .category__details span {
        text-align: left; } }
@media only screen and (min-width: 1600px) {
  .main__category {
    width: 100%;
    float: left;
    margin-top: 3rem;
    margin-bottom: 4rem;
    position: relative; }
    .main__category a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    .main__category h3 {
      margin-bottom: 1.5rem; }
    .main__category p a {
      position: relative;
      color: #009cff;
      font-weight: 600; }
    .main__category .category__split {
      width: 100%;
      float: left; }
    .main__category .category__photo {
      width: 14em;
      height: 14rem;
      float: left;
      background-color: #CCC;
      position: relative; }
      .main__category .category__photo img {
        width: 100%; }
      .main__category .category__photo .photo__show {
        width: 3rem;
        height: 3rem;
        border-radius: 7px;
        position: absolute;
        bottom: -0.5rem;
        right: -0.5rem;
        background-color: #009cff;
        color: #FFF;
        text-align: center;
        line-height: 3rem;
        font-size: 1.4rem;
        transition: 0.2s; }
    .main__category .category__details {
      width: calc(100% - 14rem);
      float: left;
      padding-left: 2rem; }
      .main__category .category__details h2 {
        margin-bottom: 1rem; } }
@media only screen and (min-width: 1920px) {
  .main__category .category__photo {
    width: 16em;
    height: 16rem; }
  .main__category .category__details {
    width: calc(100% - 16rem); }
  .main__category .category__split {
    width: 50%;
    float: left; }

  .main__block .phone, .main__block .email {
    font-size: 1.4rem; } }
@media only screen and (min-width: 2560px) {
  .main__category .category__split {
    width: 50%;
    float: left; }

  .main__block .phone, .main__block .email {
    font-size: 1.4rem; } }
.products, .products__fullwidth {
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 1rem;
  position: relative; }
  .products a, .products__fullwidth a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5; }
  .products .products__photo, .products__fullwidth .products__photo {
    position: relative;
    width: 100%;
    z-index: 1;
    margin-bottom: 1rem;
    padding-top: 100%; }
    .products .products__photo .photo__image, .products__fullwidth .products__photo .photo__image {
      width: 100%;
      height: 100%;
      overflow: hidden;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0; }
      .products .products__photo .photo__image img, .products__fullwidth .products__photo .photo__image img {
        transition: 0.2s;
        display: initial;
        width: 100%;
        height: 100%; }
    .products .products__photo .photo__show, .products__fullwidth .products__photo .photo__show {
      width: 3rem;
      height: 3rem;
      border-radius: 7px;
      position: absolute;
      bottom: -0.5rem;
      right: -0.5rem;
      background-color: #009cff;
      color: #FFF;
      text-align: center;
      line-height: 3rem;
      font-size: 1.4rem;
      transition: 0.2s; }
  .products .products__codes, .products__fullwidth .products__codes {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
    .products .products__codes p, .products__fullwidth .products__codes p {
      background-color: #009cff;
      color: #FFF;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
      margin: 0;
      margin-top: 0.3rem;
      padding: 0.2rem 0.5rem;
      font-size: 0.8rem;
      display: block !important; }
  .products .products__title, .products__fullwidth .products__title {
    width: 100%;
    float: left; }
    .products .products__title h4, .products .products__title h5, .products__fullwidth .products__title h4, .products__fullwidth .products__title h5 {
      text-align: center;
      font-weight: 600;
      min-height: 3rem;
      transition: 0.2s;
      margin: 0; }
  .products .products__bims, .products__fullwidth .products__bims {
    width: 100%;
    float: left;
    margin-bottom: 3rem; }
    .products .products__bims a, .products__fullwidth .products__bims a {
      position: relative;
      background-color: #009cff;
      color: #FFF;
      padding: 0.5rem 0;
      text-align: center;
      display: block;
      float: left;
      width: 80%;
      margin-left: 10%;
      border-radius: 7px; }
  .products:hover .products__photo .photo__show, .products__fullwidth:hover .products__photo .photo__show {
    background-color: #66c4ff;
    transition: 0.4s; }
  .products:hover .products__title h4, .products__fullwidth:hover .products__title h4 {
    color: #666666;
    transition: 0.4s; }

.products__fullwidth {
  width: 100%;
  margin: 0; }

.products__other {
  width: 100%;
  float: left;
  margin-top: 7rem; }

@media only screen and (min-width: 600px) {
  .products, .products__fullwidth {
    width: 48%; }
    .products:nth-of-type(even), .products__fullwidth:nth-of-type(even) {
      margin-left: 4%; } }
@media only screen and (min-width: 768px) {
  .products, .products__fullwidth {
    width: 100%; }
    .products:nth-of-type(even), .products__fullwidth:nth-of-type(even) {
      margin-left: 0%; }

  .products__fullwidth {
    width: 48%; }
    .products__fullwidth:nth-of-type(even) {
      margin-left: 4%; } }
@media only screen and (min-width: 1024px) {
  .products {
    width: 48%; }
    .products:nth-of-type(2n) {
      margin-left: 4%; }

  .products__fullwidth {
    width: 31%;
    margin: 0; }
    .products__fullwidth:nth-of-type(2n) {
      margin: 0; }
    .products__fullwidth:nth-of-type(3n+2) {
      margin: 0 3.5%; } }
@media only screen and (min-width: 1440px) {
  .products {
    width: 31%; }
    .products:nth-of-type(2n) {
      margin-left: 0; }
    .products:nth-of-type(3n+2) {
      margin-left: 3.5%;
      margin-right: 3.5%; }

  .products__fullwidth {
    width: 23%;
    margin: 0; }
    .products__fullwidth:nth-of-type(3n+2) {
      margin-left: 2.66666666666666666%;
      margin-right: 2.66666666666666666%; }
    .products__fullwidth:nth-of-type(3n) {
      margin-right: 2.66666666666666666%; } }
@media only screen and (min-width: 1920px) {
  .products, .products__fullwidth {
    width: 32%;
    float: left;
    margin-top: 2rem;
    margin-bottom: 1rem;
    position: relative; }
    .products:nth-of-type(even), .products__fullwidth:nth-of-type(even) {
      margin-left: 0; }
    .products a, .products__fullwidth a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 5; }
    .products:nth-of-type(3n+2), .products__fullwidth:nth-of-type(3n+2) {
      margin-left: 2%;
      margin-right: 2%; }
    .products .products__photo, .products__fullwidth .products__photo {
      position: relative;
      width: 100%;
      z-index: 1;
      margin-bottom: 1rem;
      padding-top: 100%; }
      .products .products__photo .photo__image, .products__fullwidth .products__photo .photo__image {
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0; }
        .products .products__photo .photo__image img, .products__fullwidth .products__photo .photo__image img {
          transition: 0.2s;
          display: initial;
          width: 100%;
          height: 100%; }
      .products .products__photo .photo__show, .products__fullwidth .products__photo .photo__show {
        width: 3rem;
        height: 3rem;
        border-radius: 7px;
        position: absolute;
        bottom: -0.5rem;
        right: -0.5rem;
        background-color: #009cff;
        color: #FFF;
        text-align: center;
        line-height: 3rem;
        font-size: 1.4rem;
        transition: 0.2s; }
    .products .products__codes, .products__fullwidth .products__codes {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
      .products .products__codes p, .products__fullwidth .products__codes p {
        background-color: #009cff;
        color: #FFF;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
        margin: 0;
        margin-top: 0.3rem;
        padding: 0.2rem 0.5rem;
        font-size: 0.8rem; }
    .products .products__title, .products__fullwidth .products__title {
      width: 100%;
      float: left; }
      .products .products__title h4, .products .products__title h5, .products__fullwidth .products__title h4, .products__fullwidth .products__title h5 {
        text-align: center;
        font-weight: 600;
        min-height: 3rem;
        transition: 0.2s;
        margin: 0; }
    .products .products__bims, .products__fullwidth .products__bims {
      width: 100%;
      float: left;
      margin-bottom: 3rem; }
      .products .products__bims a, .products__fullwidth .products__bims a {
        position: relative;
        background-color: #009cff;
        color: #FFF;
        padding: 0.5rem 0;
        text-align: center;
        display: block;
        float: left;
        width: 80%;
        margin-left: 10%;
        border-radius: 7px; }
    .products:hover .products__photo .photo__show, .products__fullwidth:hover .products__photo .photo__show {
      background-color: #66c4ff;
      transition: 0.4s; }
    .products:hover .products__title h4, .products__fullwidth:hover .products__title h4 {
      color: #666666;
      transition: 0.4s; }

  .products__fullwidth {
    width: 23%;
    margin: 0; }
    .products__fullwidth:nth-of-type(3n+2) {
      margin: 0 !important; }
    .products__fullwidth:nth-of-type(2n) {
      margin: 0 2% !important; }
    .products__fullwidth:nth-child(0n+4) {
      margin-right: 0 !important; }

  .products__other {
    width: 100%;
    float: left;
    margin-top: 7rem; } }
.product .product__info {
  width: 100%;
  float: left;
  margin-bottom: 2rem; }
  .product .product__info .info__photo {
    width: 100%;
    border: 1px solid #CCC;
    position: relative; }
    .product .product__info .info__photo img {
      width: 100%; }
    .product .product__info .info__photo .photo__other {
      position: absolute;
      bottom: -2rem;
      right: 0.3rem; }
      .product .product__info .info__photo .photo__other a {
        width: 4rem;
        height: 4rem;
        display: block;
        float: left;
        background-color: #FFF;
        border: 1px solid #CCC;
        margin-left: 0.3rem;
        overflow: hidden; }
        .product .product__info .info__photo .photo__other a img {
          width: 100%; }
  .product .product__info .info__links {
    width: 100%;
    float: left;
    margin-top: 0.5rem; }
    .product .product__info .info__links a {
      display: block;
      width: 100%;
      float: left;
      background-color: #009cff;
      color: #FFF;
      padding: 0 1rem;
      margin-bottom: 1px;
      line-height: 3rem; }
      .product .product__info .info__links a:hover {
        background-color: #1aa6ff; }
.product .product__details {
  width: 100%;
  float: left; }
  .product .product__details h2 {
    font-weight: 800; }
  .product .product__details h3 {
    margin-bottom: 2rem;
    font-weight: 400; }
  .product .product__details .details__add {
    width: 100%;
    float: left;
    margin: 1.5rem 0; }
    .product .product__details .details__add h4 {
      margin-bottom: 1rem; }
    .product .product__details .details__add .add__option {
      width: 100%;
      float: left; }
      .product .product__details .details__add .add__option label {
        float: left;
        width: 100%; }
        .product .product__details .details__add .add__option label input {
          height: 3rem;
          width: 100%;
          padding: 0 0.3rem; }
      .product .product__details .details__add .add__option button {
        width: 100%;
        height: 3rem;
        background-color: #009cff;
        color: #FFF;
        float: left;
        display: block;
        border: none;
        margin-top: 0.5rem; }
        .product .product__details .details__add .add__option button:hover {
          background-color: #1aa6ff; }
  .product .product__details .details__detail {
    width: 100%;
    float: left;
    margin-top: 1rem; }
    .product .product__details .details__detail a {
      display: block;
      float: left;
      width: 100%;
      line-height: 3rem;
      border: 1px solid #CCC;
      padding: 0 1rem;
      color: #333;
      background-color: #FFF;
      margin-top: 0.5rem;
      position: relative;
      font-weight: 600; }
      .product .product__details .details__detail a:after {
        content: '';
        width: 3rem;
        height: 3rem;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #009cff;
        background-image: url("../images/arrow-down-thin.svg");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 20px 15px;
        transition: 0.2s; }
      .product .product__details .details__detail a:hover:after {
        transition: 0.2s;
        background-color: #1aa6ff; }
    .product .product__details .details__detail .accordion__data {
      display: none;
      float: left;
      width: 100%;
      border: 1px solid #CCC;
      border-top: none;
      padding: 1rem; }
      .product .product__details .details__detail .accordion__data h5 {
        margin: 0;
        font-weight: 600; }
      .product .product__details .details__detail .accordion__data p {
        margin-bottom: 2rem; }
      .product .product__details .details__detail .accordion__data .data__image {
        width: 17rem;
        float: left;
        padding-right: 2rem; }
        .product .product__details .details__detail .accordion__data .data__image img {
          max-width: 100%; }
      .product .product__details .details__detail .accordion__data .data__content {
        width: calc(100% - 17rem);
        float: left; }
    .product .product__details .details__detail .accordion--show {
      display: block; }
    .product .product__details .details__detail .accordionlink--close {
      display: block; }
      .product .product__details .details__detail .accordionlink--close:after {
        background-image: url("../images/cross-thin.svg");
        background-size: 20px 20px; }

@media only screen and (min-width: 375px) {
  .product .product__details .details__add .add__option label {
    width: 5rem; }
  .product .product__details .details__add .add__option button {
    width: calc(100% - 5rem);
    margin-top: 2.5rem;
    margin-left: -1px; } }
@media only screen and (min-width: 768px) {
  .product .product__details .details__add .add__option button {
    margin-top: 2.6rem;
    width: 15rem; } }
@media only screen and (min-width: 1024px) {
  .product .product__info {
    width: 16rem; }
    .product .product__info h2 {
      display: none; }
  .product .product__details {
    width: calc(100% - 16rem);
    padding-left: 3rem; }
    .product .product__details .details__add .add__option label {
      width: 5rem; }
    .product .product__details .details__add .add__option button {
      margin-top: 2.6rem; } }
@media only screen and (min-width: 1280px) {
  .product .product__info {
    width: 20rem; }
    .product .product__info h2 {
      display: none; }
  .product .product__details {
    width: calc(100% - 20rem);
    padding-left: 4rem; }
    .product .product__details .details__add .add__option label {
      width: 5rem; }
    .product .product__details .details__add .add__option button {
      margin-top: 2.6rem; } }
@media only screen and (min-width: 2560px) {
  .product .product__details .details__add .add__option button {
    margin-top: 2.8rem; } }
.product__photos {
  background-color: #3b3b3b;
  display: none; }
  .product__photos .photos__main {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1rem solid #3b3b3b;
    border-bottom: none; }
    .product__photos .photos__main .main__inner {
      height: calc(100% - 3rem);
      width: 100%;
      background-color: #FFF;
      padding: 2rem; }
      .product__photos .photos__main .main__inner h1 {
        line-height: 2rem; }
      .product__photos .photos__main .main__inner .inner__close {
        width: 3rem;
        height: 3rem;
        background-color: #009cff;
        display: block;
        position: absolute;
        top: 1rem;
        right: 1rem;
        line-height: 3rem;
        text-align: center;
        z-index: 15;
        color: #FFF;
        border-radius: 0.3rem; }
      .product__photos .photos__main .main__inner .swiper-container {
        position: absolute;
        top: 0;
        left: 0;
        height: calc(100% - 3rem); }
        .product__photos .photos__main .main__inner .swiper-container .swiper-button-next, .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
          top: 50%;
          position: fixed;
          width: 4rem;
          height: 4rem;
          background-color: #009cff;
          border-radius: 0.3rem; }
        .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
          left: 3rem; }
        .product__photos .photos__main .main__inner .swiper-container .swiper-button-next {
          right: 3rem; }
        .product__photos .photos__main .main__inner .swiper-container .swiper-wrapper .swiper-slide .slide__inner {
          height: 66%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          border: 1px solid #CCC;
          text-align: center; }
          .product__photos .photos__main .main__inner .swiper-container .swiper-wrapper .swiper-slide .slide__inner img {
            height: 100%;
            display: initial; }
          .product__photos .photos__main .main__inner .swiper-container .swiper-wrapper .swiper-slide .slide__inner .inner__caption {
            width: 100%;
            float: left;
            text-align: right;
            position: absolute; }
      .product__photos .photos__main .main__inner .some {
        position: relative;
        z-index: 20; }
    .product__photos .photos__main .main__end {
      width: 100%;
      background-color: #3b3b3b;
      position: absolute;
      bottom: 0;
      left: 0;
      line-height: 3rem;
      font-size: 0.9rem;
      color: #FFF; }
      .product__photos .photos__main .main__end a {
        float: right;
        line-height: 3rem;
        display: block;
        color: #FFF; }

.banner {
  width: 100%;
  float: left;
  margin: 4rem 0 6rem 0;
  position: relative; }
  .banner .banner__default {
    background-color: #009cff; }
  .banner .banner__looking {
    background-color: #009cff;
    padding: 1rem;
    position: relative;
    border-radius: 0.4rem; }
    .banner .banner__looking .banner__main h3 {
      color: #FFF;
      font-size: 1.8em;
      font-weight: 600; }
    .banner .banner__looking .banner__main p {
      margin: 0;
      color: #FFF; }
    .banner .banner__looking .banner__cta {
      width: 100%;
      background-color: #009cff;
      position: absolute;
      height: auto;
      border-bottom-left-radius: 0.4rem;
      border-bottom-right-radius: 0.4rem;
      display: block;
      float: left;
      bottom: -3.5rem;
      left: 0;
      height: 4rem;
      padding: 0 1rem; }
      .banner .banner__looking .banner__cta .cta__inner {
        padding: 0;
        width: 100%;
        display: block;
        float: left; }
        .banner .banner__looking .banner__cta .cta__inner h4 {
          width: 100%;
          float: left;
          text-align: left;
          color: #FFF;
          font-size: 1.4rem; }
        .banner .banner__looking .banner__cta .cta__inner span {
          width: 100%;
          display: block;
          text-align: left;
          color: #FFF;
          font-size: 0.7rem;
          float: left;
          margin-top: -0.3rem; }
      .banner .banner__looking .banner__cta:hover {
        background-color: #009cff; }

@media only screen and (min-width: 1024px) {
  .banner {
    margin: 5rem 0 3rem 0; }
    .banner .banner__looking {
      padding: 0.7rem 21rem 0.7rem 2rem; }
      .banner .banner__looking .banner__main h3 {
        font-size: 2.2rem; }
      .banner .banner__looking .banner__cta {
        width: 20rem;
        background-color: #007dcc;
        top: 0;
        right: 0;
        height: 100%;
        left: auto;
        border-radius: 0;
        border-top-right-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem; }
        .banner .banner__looking .banner__cta .cta__inner {
          position: absolute;
          top: 50%;
          transform: translatey(-50%);
          width: 100%;
          display: block; }
          .banner .banner__looking .banner__cta .cta__inner h4 {
            text-align: center; }
          .banner .banner__looking .banner__cta .cta__inner span {
            text-align: center; } }
@media only screen and (min-width: 1440px) {
  .banner {
    margin: 6rem 0 0 0; } }
.table {
  width: 100%;
  float: left; }
  .table .row {
    width: 100%;
    float: left;
    margin-top: 0.5rem;
    position: relative; }
    .table .row .row__photo {
      width: 10rem;
      float: left; }
      .table .row .row__photo img {
        width: 100%;
        float: left; }
    .table .row .row__details {
      width: calc(100% - 10rem);
      float: left;
      padding: 0.5rem; }
    .table .row:nth-of-type(odd) {
      background-color: #e6e6e6; }
    .table .row a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .table .row__heading div {
    background-color: #009cff;
    padding: 1rem;
    color: #FFF; }
  .table .row__heading .row__photo {
    width: 100%; }

.controlzapp {
  width: 100%;
  float: left;
  position: relative; }
  .controlzapp .controlzapp__content {
    width: 100%;
    float: left;
    background-color: #e0e0e0;
    padding: 1rem;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2;
    overflow: hidden; }
    .controlzapp .controlzapp__content .content__block {
      margin: 2rem 0;
      width: 100%;
      float: left; }
      .controlzapp .controlzapp__content .content__block h1, .controlzapp .controlzapp__content .content__block h2, .controlzapp .controlzapp__content .content__block p {
        margin-bottom: 1.5rem; }
      .controlzapp .controlzapp__content .content__block .btn {
        width: 100%;
        padding: 0 1rem;
        font-size: 1rem;
        text-align: center;
        border-radius: 7px;
        color: #FFF;
        background-color: #009cff;
        float: left;
        display: block;
        line-height: 3rem; }
        .controlzapp .controlzapp__content .content__block .btn:hover {
          background-color: #1aa6ff; }
    .controlzapp .controlzapp__content .content__phone {
      display: none; }
  .controlzapp .controlzapp__image {
    display: none; }

@media only screen and (min-width: 480px) {
  .controlzapp .controlzapp__content {
    padding: 1.5rem; } }
@media only screen and (min-width: 600px) {
  .controlzapp {
    margin-top: 2rem; }
    .controlzapp .controlzapp__content {
      padding: 4rem; }
      .controlzapp .controlzapp__content .content__block {
        margin: 2rem 0 0 0;
        width: calc(100% - 15rem); }
        .controlzapp .controlzapp__content .content__block .btn {
          width: auto; }
      .controlzapp .controlzapp__content .content__phone {
        float: right;
        width: auto;
        margin: 5rem -5.5rem 3rem 0;
        position: relative;
        display: block; }
        .controlzapp .controlzapp__content .content__phone img {
          width: 15rem;
          position: relative;
          z-index: 2; }
        .controlzapp .controlzapp__content .content__phone .phone__tab {
          display: none; } }
@media only screen and (min-width: 768px) {
  .controlzapp {
    margin-top: 3rem; }
    .controlzapp .controlzapp__content {
      width: 65%;
      overflow: visible; }
      .controlzapp .controlzapp__content .content__block {
        margin: 3rem 0;
        width: 100%; }
      .controlzapp .controlzapp__content .content__phone {
        margin: 5rem -16.5rem 3rem 0; }
        .controlzapp .controlzapp__content .content__phone .phone__tab {
          width: 3rem;
          height: 3rem;
          background-color: #009cff;
          border-top-right-radius: 7px;
          border-bottom-right-radius: 7px;
          position: absolute;
          top: 5rem;
          right: -2.9rem;
          line-height: 3rem;
          text-align: center;
          color: #FFF;
          z-index: 1;
          display: block; }
    .controlzapp .controlzapp__image {
      width: 35%;
      float: left;
      background-color: #888;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      z-index: 1;
      background-image: url("../images/controlzapp-bg.webp");
      background-size: cover;
      background-color: #222;
      display: block; } }
@media only screen and (min-width: 1440px) {
  .controlzapp {
    width: 100%;
    float: left;
    margin-top: 4rem; }
    .controlzapp .controlzapp__content {
      width: 60%;
      float: left;
      padding-left: 5%; }
      .controlzapp .controlzapp__content .content__block {
        padding-right: 4rem; }
    .controlzapp .controlzapp__image {
      width: 40%;
      float: left; } }
@media only screen and (min-width: 1920px) {
  .controlzapp {
    margin-top: 5rem; }
    .controlzapp .controlzapp__content {
      padding-left: 12%; }
      .controlzapp .controlzapp__content .content__block {
        padding-right: 8rem; } }
@media only screen and (min-width: 2560px) {
  .controlzapp .controlzapp__content {
    width: 65%;
    padding-left: 18%; }
    .controlzapp .controlzapp__content .content__block {
      padding-right: 12rem; }
  .controlzapp .controlzapp__image {
    width: 35%; } }
.latest {
  width: 100%;
  float: left;
  padding-top: 3rem; }
  .latest .latest__header {
    width: 100%; }

@media only screen and (min-width: 1024px) {
  .latest {
    width: 100%;
    float: left;
    padding-top: 6rem;
    padding-bottom: 4rem; }
    .latest .latest__header {
      width: 100%; } }
.top {
  width: 3rem;
  height: 3rem;
  background-color: #0083d6;
  position: fixed;
  bottom: 0.5rem;
  right: -4rem;
  z-index: 9;
  overflow: hidden;
  transition: 0.4s;
  border-radius: 7px; }
  .top:before {
    content: 'Top';
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 3rem;
    transition: 0.4s;
    text-align: center;
    line-height: 3rem;
    color: #FFF;
    font-size: 0.8rem; }
  .top:after {
    content: 'GO';
    position: absolute;
    top: 3rem;
    left: 0;
    width: 3rem;
    height: 3rem;
    transition: 0.4s;
    text-align: center;
    line-height: 3rem;
    color: #FFF;
    font-size: 0.8rem; }
  .top:hover:before {
    top: -3rem; }
  .top:hover:after {
    top: 0; }

.top--active {
  right: 0.5rem; }

@media only screen and (min-width: 1920px) {
  .top {
    width: 3.5rem;
    height: 3.5rem;
    right: -4.5rem;
    bottom: 1rem; }
    .top:before {
      width: 3.5rem;
      height: 3.5rem;
      line-height: 3.5rem; }
    .top:after {
      top: 3.5rem;
      width: 3.5rem;
      height: 3.5rem;
      line-height: 3.5rem; }

  .top--active {
    bottom: 1rem;
    right: 1rem; } }
.footer {
  width: 100%;
  float: left;
  background-color: #414141;
  margin-top: 2rem; }
  .footer .footer__main {
    padding-top: 3rem;
    padding-bottom: 3rem;
    float: left; }
    .footer .footer__main .main__links {
      width: 100%;
      float: left;
      margin-bottom: 2rem; }
      .footer .footer__main .main__links a {
        width: 100%;
        float: left;
        line-height: 2.5rem;
        color: #FFF; }
    .footer .footer__main .main__copy {
      width: 100%;
      float: left; }
      .footer .footer__main .main__copy p .email, .footer .footer__main .main__copy p .phone, .footer .footer__main .main__copy p .address {
        padding-left: 1.8rem;
        width: max-content;
        background-size: 1rem;
        background-position: 0 50%;
        background-repeat: no-repeat; }
      .footer .footer__main .main__copy p .email {
        background-image: url("../images/email-white.svg"); }
      .footer .footer__main .main__copy p .phone {
        background-image: url("../images/phone-white.svg"); }
      .footer .footer__main .main__copy p .address {
        background-image: url("../images/location-white.svg"); }
    .footer .footer__main .main__links h3, .footer .footer__main .main__copy h3 {
      color: #FFF;
      margin-bottom: 0.6rem;
      font-size: 1.2rem;
      font-weight: 400; }
    .footer .footer__main .main__links p, .footer .footer__main .main__copy p {
      color: #FFF; }
  .footer .footer__associates {
    width: 100%;
    float: left;
    background-color: #FFF;
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 4rem; }
    .footer .footer__associates h3 {
      font-weight: 400;
      padding: 0 1rem; }
    .footer .footer__associates img {
      height: 2rem;
      display: inline-block;
      margin-top: 2.2rem; }
  .footer .footer__end {
    width: 100%;
    float: left;
    padding-right: 4.5rem;
    background-color: #4e4e4e; }
    .footer .footer__end .end__copyright {
      float: left;
      line-height: 3rem;
      font-size: 0.9rem;
      color: #FFF; }
      .footer .footer__end .end__copyright span {
        display: none; }
    .footer .footer__end .end__links {
      float: right; }
      .footer .footer__end .end__links a {
        line-height: 3rem;
        font-size: 0.9rem;
        color: #FFF;
        margin-left: 1rem; }
        .footer .footer__end .end__links a span {
          display: none; }
        .footer .footer__end .end__links a:hover {
          color: #009cff; }
  .footer .footer__devs {
    width: 100%;
    float: left;
    text-align: right;
    background-color: #009cff;
    padding-right: 4.5rem; }
    .footer .footer__devs a {
      font-size: 0.7rem;
      color: #FFF;
      line-height: 1.4rem;
      opacity: 1; }
      .footer .footer__devs a:hover {
        opacity: 0.5; }
      .footer .footer__devs a span {
        display: none; }

.active {
  color: #009cff !important; }

@media only screen and (min-width: 600px) {
  .footer .footer__associates img {
    height: 2.3rem; }
  .footer .footer__main .main__links {
    width: 33.333333333333333333333333333333%; }
  .footer .footer__end .end__copyright span {
    display: inline-block; } }
@media only screen and (min-width: 1440px) {
  .footer {
    margin-top: 4rem; }
    .footer .footer__main .main__links {
      width: 15rem; }
      .footer .footer__main .main__links a {
        font-size: 0.9rem; }
        .footer .footer__main .main__links a:hover {
          color: #009cff; }
    .footer .footer__main .main__copy {
      width: calc(100% - 45rem);
      padding-left: 5rem; }
    .footer .footer__main .main__links h3, .footer .footer__main .main__copy h3 {
      margin-bottom: 2rem;
      font-size: 1.8rem; }
    .footer .footer__main .main__links p, .footer .footer__main .main__copy p {
      font-size: 0.9rem; }
    .footer .footer__associates img {
      height: 2.5rem; }
    .footer .footer__end {
      padding-right: 5%; }
    .footer .footer__devs {
      padding-right: 5%; } }
@media only screen and (min-width: 1600px) {
  .footer {
    margin-top: 5rem; }
    .footer .footer__associates img {
      height: 2.7rem; }
    .footer .footer__end {
      padding-right: 10%; }
    .footer .footer__devs {
      padding-right: 10%; } }
@media only screen and (min-width: 1920px) {
  .footer {
    margin-top: 6rem; }
    .footer .footer__associates img {
      height: 3.2rem; }
    .footer .footer__end {
      padding-right: 12%; }
    .footer .footer__devs {
      padding-right: 12%; } }
.modal__standard,
.modal__advisor,
.modal__products,
.modal__search {
  display: none; }
  .modal__standard .modal__close,
  .modal__advisor .modal__close,
  .modal__products .modal__close,
  .modal__search .modal__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    background-color: #009cff;
    display: block;
    background-image: url("../images/cross-thin.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1.4rem; }
  .modal__standard:before,
  .modal__advisor:before,
  .modal__products:before,
  .modal__search:before {
    content: 'Loading data, one moment.....';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF; }

.modal__open {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  overflow-y: auto;
  z-index: 11;
  display: block !important; }

.modal__standard {
  background-color: #2f2f2f; }
  .modal__standard .modal__inner {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #2f2f2f; }
    .modal__standard .modal__inner h1 {
      width: 100%;
      text-align: center;
      color: #FFF; }

.modal__advisor {
  background-color: #007dcc; }
  .modal__advisor .modal__close {
    background-color: #FFF;
    background-image: url("../images/cross-thin-highlight.svg");
    z-index: 8; }
  .modal__advisor .modal__inner {
    background-color: #007dcc;
    padding: 1rem;
    padding-bottom: 0;
    width: 100%;
    float: left;
    position: relative;
    z-index: 5; }
    .modal__advisor .modal__inner .inner__header {
      width: 100%;
      float: left;
      text-align: center;
      color: #FFF;
      margin-top: 3rem; }
      .modal__advisor .modal__inner .inner__header h1, .modal__advisor .modal__inner .inner__header h2, .modal__advisor .modal__inner .inner__header h3 {
        color: #FFF; }
      .modal__advisor .modal__inner .inner__header h1 {
        font-size: 2rem;
        line-height: 2rem;
        margin: 0; }
      .modal__advisor .modal__inner .inner__header h2 {
        margin-bottom: 1rem; }
    .modal__advisor .modal__inner .inner__form {
      width: 100%;
      float: left;
      text-align: center;
      margin-top: 2rem; }
      .modal__advisor .modal__inner .inner__form .form__step {
        display: none; }
        .modal__advisor .modal__inner .inner__form .form__step h3 {
          color: #FFF;
          font-size: 1.1rem; }
        .modal__advisor .modal__inner .inner__form .form__step .step__options {
          width: 100%;
          float: left;
          margin-top: 2rem; }
          .modal__advisor .modal__inner .inner__form .form__step .step__options label {
            width: 100%;
            display: inline-block;
            border: 1px solid #FFF;
            padding: 0rem 0 1rem 0;
            margin-bottom: 0.25rem;
            border-radius: 1rem;
            padding: 0.5rem; }
            .modal__advisor .modal__inner .inner__form .form__step .step__options label span {
              color: #FFF;
              font-size: 1.1rem;
              margin: 0;
              display: block;
              width: 100%; }
          .modal__advisor .modal__inner .inner__form .form__step .step__options .options__nav {
            width: 100%;
            float: left; }
            .modal__advisor .modal__inner .inner__form .form__step .step__options .options__nav a {
              width: 100%;
              display: inline-block;
              border: 1px solid #FFF;
              padding: 2rem 0;
              margin-bottom: 0.25rem;
              border-radius: 1rem;
              color: #FFF;
              font-size: 1.4rem; }
          .modal__advisor .modal__inner .inner__form .form__step .step__options .options--navlinkactive {
            background-color: rgba(255, 255, 255, 0.4); }
          .modal__advisor .modal__inner .inner__form .form__step .step__options .option__others {
            display: none;
            width: 100%;
            float: left;
            margin-top: 2rem; }
          .modal__advisor .modal__inner .inner__form .form__step .step__options .option--active {
            display: inline-block; }
        .modal__advisor .modal__inner .inner__form .form__step .step__next, .modal__advisor .modal__inner .inner__form .form__step .step__previous {
          width: 46%;
          background-color: #FFF;
          margin: 2rem 1% 0 1%;
          text-align: center;
          color: #333;
          line-height: 4rem;
          display: inline-block;
          border: none;
          border-radius: 1rem;
          cursor: pointer;
          transition: 0.3s;
          font-size: 0.9rem;
          -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); }
          .modal__advisor .modal__inner .inner__form .form__step .step__next:hover, .modal__advisor .modal__inner .inner__form .form__step .step__previous:hover {
            color: #009cff;
            transform: scale(1.05); }
        .modal__advisor .modal__inner .inner__form .form__step .step__previous {
          background-color: #CCC; }
        .modal__advisor .modal__inner .inner__form .form__step p {
          width: 100%;
          margin-top: 1rem;
          text-align: center;
          color: #FFF;
          font-size: 0.9rem; }
      .modal__advisor .modal__inner .inner__form .step--active {
        display: block; }

@media only screen and (min-width: 800px) {
  .modal__advisor .modal__inner {
    padding: 5rem;
    padding-bottom: 0; }
    .modal__advisor .modal__inner .inner__header {
      margin-top: 0; }
      .modal__advisor .modal__inner .inner__header h1 {
        font-size: 4rem;
        line-height: 4rem; }
      .modal__advisor .modal__inner .inner__header h2 {
        margin-bottom: 1.5rem; }
    .modal__advisor .modal__inner .inner__form .form__step h3 {
      font-size: 1.1rem;
      padding: 1rem; }
    .modal__advisor .modal__inner .inner__form .form__step .step__options {
      margin-top: 4rem; }
      .modal__advisor .modal__inner .inner__form .form__step .step__options label {
        width: 17rem;
        padding: 1rem 0; }
        .modal__advisor .modal__inner .inner__form .form__step .step__options label span {
          font-size: 1.4rem; }
      .modal__advisor .modal__inner .inner__form .form__step .step__options .options__nav a {
        width: 17rem; }
    .modal__advisor .modal__inner .inner__form .form__step .step__next, .modal__advisor .modal__inner .inner__form .form__step .step__previous {
      width: 17rem;
      margin-top: 4rem; }
  .modal__advisor .step1type {
    width: 54ch;
    animation: typing 1s steps(54), blink 0.3s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid;
    margin-left: calc(50% - 27ch); }
  .modal__advisor .step2type {
    width: 44ch;
    animation: typing 1s steps(44), blink 0.3s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid;
    margin-left: calc(50% - 22ch); }
  .modal__advisor .step3type {
    width: 40ch;
    animation: typing 1s steps(40), blink 0.3s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid;
    margin-left: calc(50% - 20ch); }
  .modal__advisor .step4type {
    width: 30ch;
    animation: typing 1s steps(30), blink 0.3s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid;
    margin-left: calc(50% - 15ch); }
  @keyframes typing {
    from {
      width: 0; } }
  @keyframes blink {
    50% {
      border-color: transparent; } } }
@media only screen and (min-width: 1024px) {
  .modal__advisor .modal__inner {
    padding: 7rem;
    padding-bottom: 0; }
    .modal__advisor .modal__inner .inner__header h1 {
      font-size: 5rem;
      line-height: 5rem; }
    .modal__advisor .modal__inner .inner__header h2 {
      margin-bottom: 2rem; }
    .modal__advisor .modal__inner .inner__form .form__step h3 {
      font-size: 2rem;
      padding: 1rem; }
    .modal__advisor .modal__inner .inner__form .form__step .step__options {
      margin-top: 4rem; }
      .modal__advisor .modal__inner .inner__form .form__step .step__options label {
        width: 20rem;
        padding: 1rem 0; }
        .modal__advisor .modal__inner .inner__form .form__step .step__options label span {
          font-size: 1.4rem; }
      .modal__advisor .modal__inner .inner__form .form__step .step__options .options__nav a {
        width: 20rem; }
    .modal__advisor .modal__inner .inner__form .form__step .step__next, .modal__advisor .modal__inner .inner__form .form__step .step__previous {
      width: 20rem;
      margin-top: 4rem; }
  .modal__advisor .step1type {
    width: 53ch;
    animation: typing 1s steps(52), blink 0.3s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid;
    margin-left: calc(50% - 26ch); }
  .modal__advisor .step2type {
    width: 44ch;
    animation: typing 1s steps(43), blink 0.3s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid;
    margin-left: calc(50% - 22ch); }
  .modal__advisor .step3type {
    width: 40ch;
    animation: typing 1s steps(40), blink 0.3s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid;
    margin-left: calc(50% - 20ch); }
  .modal__advisor .step4type {
    width: 29ch;
    animation: typing 1s steps(29), blink 0.3s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid;
    margin-left: calc(50% - 15ch); }
  @keyframes typing {
    from {
      width: 0; } }
  @keyframes blink {
    50% {
      border-color: transparent; } } }
.modal__search {
  background-color: #FFF;
  padding: 1rem; }
  .modal__search .modal__inner {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #FFF; }
    .modal__search .modal__inner h1 {
      width: 100%;
      text-align: center;
      color: #333; }
    .modal__search .modal__inner form input {
      width: 100%;
      padding: 1rem;
      border: none;
      border-bottom: 2px solid #009cff;
      text-align: center; }
      .modal__search .modal__inner form input:focus {
        border-bottom: 2px solid #009cff; }
    .modal__search .modal__inner form button {
      width: 80%;
      padding: 1rem;
      color: #FFF;
      background-color: #009cff;
      border: none;
      margin: 1rem 10% 0 10%; }
    .modal__search .modal__inner img {
      width: 80%;
      margin-left: 10%;
      margin-bottom: 3rem; }

@media only screen and (min-width: 600px) {
  .modal__search {
    padding: 2rem; }
    .modal__search .modal__inner {
      width: 30rem; }
      .modal__search .modal__inner h1 {
        width: 100%;
        text-align: center;
        color: #333; }
      .modal__search .modal__inner form input {
        width: 100%;
        padding: 1rem;
        border: none;
        border-bottom: 2px solid #009cff;
        text-align: center; }
        .modal__search .modal__inner form input:focus {
          outline: none;
          border-bottom: 4px solid #009cff; }
      .modal__search .modal__inner form button {
        width: 80%;
        padding: 1rem;
        color: #FFF;
        background-color: #009cff;
        border: none;
        margin: 3rem 10% 0 10%; }
      .modal__search .modal__inner img {
        width: 80%;
        margin-left: 10%;
        margin-bottom: 3rem; } }
.modal__products {
  background-color: #ccc; }
  .modal__products:before {
    color: #333; }
  .modal__products .modal__close {
    z-index: 1; }
  .modal__products .modal__inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    padding: 1rem;
    overflow-y: scroll; }

@media only screen and (min-width: 375px) {
  .modal__products .modal__inner {
    padding: 1.5rem; } }
@media only screen and (min-width: 600px) {
  .modal__products {
    padding: 2rem; }
    .modal__products .modal__inner {
      padding: 4rem; } }
@media only screen and (min-width: 768px) {
  .modal__products {
    padding: 4rem; }
    .modal__products .modal__inner {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #FFF;
      padding: 4rem;
      overflow-y: scroll; } }
@media only screen and (min-width: 1024px) {
  .modal__products {
    padding: 2rem; }
    .modal__products .modal__inner {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #FFF;
      padding: 2rem;
      overflow-y: scroll; } }
@media only screen and (min-width: 1280px) {
  .modal__products {
    padding: 3rem; }
    .modal__products .modal__inner {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #FFF;
      padding: 3rem;
      overflow-y: scroll; } }
@media only screen and (min-width: 1600px) {
  .modal__products {
    padding: 4rem; }
    .modal__products .modal__inner {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #FFF;
      padding: 5rem;
      overflow-y: scroll; } }
.feedback {
  transition: 0.3s;
  opacity: 0;
  border-radius: 7px; }
  .feedback p {
    padding: 1rem;
    color: #FFF;
    margin: 0; }
  .feedback .feedback__success {
    background-color: #009cff; }
  .feedback .feedback__error {
    background-color: red;
    color: #FFF; }

.feedback--show {
  opacity: 1;
  padding: 0; }

.theme-smart-products h1 span, .theme-smart-products h2 span, .theme-smart-products h3 span, .theme-smart-products h4 span, .theme-smart-products h5 span, .theme-smart-products h6 span {
  color: #0d8e62; }
.theme-smart-products .header .header__top .top__links .links__group a:hover {
  color: #0d8e62; }
.theme-smart-products .header .header__top .top__icons a:hover {
  background-color: #0d8e62; }
.theme-smart-products .header .header__main .main__search button {
  background-color: #0d8e62; }
  .theme-smart-products .header .header__main .main__search button:hover {
    background-color: #11bd82; }
.theme-smart-products .header .header__main .main__contact p span {
  color: #0d8e62; }
.theme-smart-products .header .header__main .main__basket .basket__icon .icon__count {
  background-color: #0d8e62; }
.theme-smart-products .header .header__nav {
  background-color: #0d8e62;
  border-bottom-color: #095f42; }
  .theme-smart-products .header .header__nav .nav {
    background-color: #0d8e62; }
    .theme-smart-products .header .header__nav .nav ul {
      border-left-color: #095f42;
      border-right-color: #11bd82;
      background-color: #0d8e62; }
      .theme-smart-products .header .header__nav .nav ul li {
        border-top-color: #0fa572; }
        .theme-smart-products .header .header__nav .nav ul li a {
          border-right-color: #095f42;
          border-left-color: #0fa572; }
        .theme-smart-products .header .header__nav .nav ul li:hover {
          background-color: #0e9c6c; }
          .theme-smart-products .header .header__nav .nav ul li:hover ul {
            background-color: #0d8e62; }
            .theme-smart-products .header .header__nav .nav ul li:hover ul:before {
              background-color: #0d8e62; }
            .theme-smart-products .header .header__nav .nav ul li:hover ul li {
              border-top-color: #095f42; }
              .theme-smart-products .header .header__nav .nav ul li:hover ul li:nth-of-type(3) {
                border-top-color: #095f42; }
              .theme-smart-products .header .header__nav .nav ul li:hover ul li:hover {
                background-color: #0b7b55; }
        .theme-smart-products .header .header__nav .nav ul li .header__nav__sub__show {
          background-color: #0d8e62; }
        .theme-smart-products .header .header__nav .nav ul li:last-of-type {
          border-bottom-color: #0fa572; }
    .theme-smart-products .header .header__nav .nav a {
      border-left-color: #10aa75; }
  .theme-smart-products .header .header__nav .nav--active {
    background-color: #0fa16f; }
.theme-smart-products .header .header__cookies {
  background-color: #0c855c; }
  .theme-smart-products .header .header__cookies a {
    background-color: #0b7752; }
    .theme-smart-products .header .header__cookies a:hover {
      background-color: #0a6948; }
.theme-smart-products .breadcrumbs a:hover {
  color: #0d8e62; }
  .theme-smart-products .breadcrumbs a:hover span {
    color: #0d8e62 !important; }
.theme-smart-products .breadcrumbs span {
  color: #0d8e62; }
.theme-smart-products .footer .footer__main .main__links a:hover {
  color: #0d8e62; }
.theme-smart-products .footer .footer__end .end__links a:hover {
  color: #0d8e62; }
.theme-smart-products .footer .footer__devs {
  background-color: #0d8e62; }
.theme-smart-products .btn {
  background-color: #0d8e62; }
  .theme-smart-products .btn:hover {
    background-color: #0b7752; }
.theme-smart-products .scaffold__sidebar .sidebar__nav .nav__cap {
  background-color: #0d8e62; }
.theme-smart-products .scaffold__sidebar .sidebar__nav .nav__body a:hover {
  color: #0d8e62; }
.theme-smart-products .scaffold__sidebar .sidebar__nav .nav__body a:before {
  background-color: #0d8e62; }
.theme-smart-products .scaffold__main .main__category .category__photo:after {
  border-right-color: #0d8e62; }
.theme-smart-products .scaffold__main .main__category .category__photo .photo__show {
  background-color: #0d8e62; }
.theme-smart-products .scaffold__main .main__category:hover .category__photo .photo__show {
  background-color: #0fa572; }
.theme-smart-products .top {
  background-color: #0a6948; }
.theme-smart-products .products .products__photo .photo__show {
  background-color: #0d8e62; }
.theme-smart-products .products .products__codes p {
  background-color: #0d8e62; }
.theme-smart-products .products:hover .products__photo .photo__show {
  background-color: #0fa572; }
.theme-smart-products .product .product__info .info__links a {
  background-color: #0d8e62; }
  .theme-smart-products .product .product__info .info__links a:hover {
    background-color: #0fa572; }
.theme-smart-products .product .product__details .details__add button {
  background-color: #0d8e62; }
  .theme-smart-products .product .product__details .details__add button:hover {
    background-color: #0fa572; }
.theme-smart-products .product .product__details .details__detail a:after {
  background-color: #0d8e62; }
.theme-smart-products .product .product__details .details__detail a:hover:after {
  background-color: #0fa572; }
.theme-smart-products .category__details span {
  color: #0d8e62; }
.theme-smart-products .product__photos .photos__main {
  border-color: #0d8e62; }
  .theme-smart-products .product__photos .photos__main .main__inner .inner__close {
    background-color: #0d8e62; }
  .theme-smart-products .product__photos .photos__main .main__inner .swiper-container .swiper-button-next, .theme-smart-products .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
    background-color: #0d8e62; }
  .theme-smart-products .product__photos .photos__main .main__end {
    background-color: #0d8e62; }
.theme-smart-products .feedback .feedback__success {
  background-color: #0d8e62; }
.theme-smart-products .active {
  color: #0d8e62 !important; }

.theme-switches h1 span, .theme-switches h2 span, .theme-switches h3 span, .theme-switches h4 span, .theme-switches h5 span, .theme-switches h6 span {
  color: #2ca33c; }
.theme-switches .header .header__top .top__links .links__group a:hover {
  color: #2ca33c; }
.theme-switches .header .header__top .top__icons a:hover {
  background-color: #2ca33c; }
.theme-switches .header .header__main .main__search button {
  background-color: #2ca33c; }
  .theme-switches .header .header__main .main__search button:hover {
    background-color: #39c94c; }
.theme-switches .header .header__main .main__contact p span {
  color: #2ca33c; }
.theme-switches .header .header__main .main__basket .basket__icon .icon__count {
  background-color: #2ca33c; }
.theme-switches .header .header__nav {
  background-color: #2ca33c;
  border-bottom-color: #217b2d; }
  .theme-switches .header .header__nav .nav {
    background-color: #2ca33c; }
    .theme-switches .header .header__nav .nav ul {
      border-left-color: #217b2d;
      border-right-color: #39c94c;
      background-color: #2ca33c; }
      .theme-switches .header .header__nav .nav ul li {
        border-top-color: #31b743; }
        .theme-switches .header .header__nav .nav ul li a {
          border-right-color: #217b2d;
          border-left-color: #31b743; }
        .theme-switches .header .header__nav .nav ul li:hover {
          background-color: #2faf40; }
          .theme-switches .header .header__nav .nav ul li:hover ul {
            background-color: #2ca33c; }
            .theme-switches .header .header__nav .nav ul li:hover ul:before {
              background-color: #2ca33c; }
            .theme-switches .header .header__nav .nav ul li:hover ul li {
              border-top-color: #217b2d; }
              .theme-switches .header .header__nav .nav ul li:hover ul li:nth-of-type(3) {
                border-top-color: #217b2d; }
              .theme-switches .header .header__nav .nav ul li:hover ul li:hover {
                background-color: #289336; }
        .theme-switches .header .header__nav .nav ul li .header__nav__sub__show {
          background-color: #2ca33c; }
        .theme-switches .header .header__nav .nav ul li:last-of-type {
          border-bottom-color: #31b743; }
    .theme-switches .header .header__nav .nav a {
      border-left-color: #33bb45; }
  .theme-switches .header .header__nav .nav--active {
    background-color: #30b342; }
.theme-switches .header .header__cookies {
  background-color: #2a9b39; }
  .theme-switches .header .header__cookies a {
    background-color: #278f35; }
    .theme-switches .header .header__cookies a:hover {
      background-color: #238330; }
.theme-switches .breadcrumbs a:hover {
  color: #2ca33c; }
  .theme-switches .breadcrumbs a:hover span {
    color: #2ca33c !important; }
.theme-switches .breadcrumbs span {
  color: #2ca33c; }
.theme-switches .footer .footer__main .main__links a:hover {
  color: #2ca33c; }
.theme-switches .footer .footer__end .end__links a:hover {
  color: #2ca33c; }
.theme-switches .footer .footer__devs {
  background-color: #2ca33c; }
.theme-switches .btn {
  background-color: #2ca33c; }
  .theme-switches .btn:hover {
    background-color: #278f35; }
.theme-switches .scaffold__sidebar .sidebar__nav .nav__cap {
  background-color: #2ca33c; }
.theme-switches .scaffold__sidebar .sidebar__nav .nav__body a:hover {
  color: #2ca33c; }
.theme-switches .scaffold__sidebar .sidebar__nav .nav__body a:before {
  background-color: #2ca33c; }
.theme-switches .scaffold__main .main__category .category__photo:after {
  border-right-color: #2ca33c; }
.theme-switches .scaffold__main .main__category .category__photo .photo__show {
  background-color: #2ca33c; }
.theme-switches .scaffold__main .main__category:hover .category__photo .photo__show {
  background-color: #31b743; }
.theme-switches .top {
  background-color: #238330; }
.theme-switches .products .products__photo .photo__show {
  background-color: #2ca33c; }
.theme-switches .products .products__codes p {
  background-color: #2ca33c; }
.theme-switches .products:hover .products__photo .photo__show {
  background-color: #31b743; }
.theme-switches .product .product__info .info__links a {
  background-color: #2ca33c; }
  .theme-switches .product .product__info .info__links a:hover {
    background-color: #31b743; }
.theme-switches .product .product__details .details__add button {
  background-color: #2ca33c; }
  .theme-switches .product .product__details .details__add button:hover {
    background-color: #31b743; }
.theme-switches .product .product__details .details__detail a:after {
  background-color: #2ca33c; }
.theme-switches .product .product__details .details__detail a:hover:after {
  background-color: #31b743; }
.theme-switches .category__details span {
  color: #2ca33c; }
.theme-switches .product__photos .photos__main {
  border-color: #2ca33c; }
  .theme-switches .product__photos .photos__main .main__inner .inner__close {
    background-color: #2ca33c; }
  .theme-switches .product__photos .photos__main .main__inner .swiper-container .swiper-button-next, .theme-switches .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
    background-color: #2ca33c; }
  .theme-switches .product__photos .photos__main .main__end {
    background-color: #2ca33c; }
.theme-switches .feedback .feedback__success {
  background-color: #2ca33c; }
.theme-switches .active {
  color: #2ca33c !important; }

.theme-controls h1 span, .theme-controls h2 span, .theme-controls h3 span, .theme-controls h4 span, .theme-controls h5 span, .theme-controls h6 span {
  color: #d64121; }
.theme-controls .header .header__top .top__links .links__group a:hover {
  color: #d64121; }
.theme-controls .header .header__top .top__icons a:hover {
  background-color: #d64121; }
.theme-controls .header .header__main .main__search button {
  background-color: #d64121; }
  .theme-controls .header .header__main .main__search button:hover {
    background-color: #e36347; }
.theme-controls .header .header__main .main__contact p span {
  color: #d64121; }
.theme-controls .header .header__main .main__basket .basket__icon .icon__count {
  background-color: #d64121; }
.theme-controls .header .header__nav {
  background-color: #d64121;
  border-bottom-color: #aa341a; }
  .theme-controls .header .header__nav .nav {
    background-color: #d64121; }
    .theme-controls .header .header__nav .nav ul {
      border-left-color: #aa341a;
      border-right-color: #e36347;
      background-color: #d64121; }
      .theme-controls .header .header__nav .nav ul li {
        border-top-color: #df5031; }
        .theme-controls .header .header__nav .nav ul li a {
          border-right-color: #aa341a;
          border-left-color: #df5031; }
        .theme-controls .header .header__nav .nav ul li:hover {
          background-color: #de4828; }
          .theme-controls .header .header__nav .nav ul li:hover ul {
            background-color: #d64121; }
            .theme-controls .header .header__nav .nav ul li:hover ul:before {
              background-color: #d64121; }
            .theme-controls .header .header__nav .nav ul li:hover ul li {
              border-top-color: #aa341a; }
              .theme-controls .header .header__nav .nav ul li:hover ul li:nth-of-type(3) {
                border-top-color: #aa341a; }
              .theme-controls .header .header__nav .nav ul li:hover ul li:hover {
                background-color: #c43c1e; }
        .theme-controls .header .header__nav .nav ul li .header__nav__sub__show {
          background-color: #d64121; }
        .theme-controls .header .header__nav .nav ul li:last-of-type {
          border-bottom-color: #df5031; }
    .theme-controls .header .header__nav .nav a {
      border-left-color: #e05436; }
  .theme-controls .header .header__nav .nav--active {
    background-color: #df4c2d; }
.theme-controls .header .header__cookies {
  background-color: #cd3e20; }
  .theme-controls .header .header__cookies a {
    background-color: #c03a1e; }
    .theme-controls .header .header__cookies a:hover {
      background-color: #b3361c; }
.theme-controls .breadcrumbs a:hover {
  color: #d64121; }
  .theme-controls .breadcrumbs a:hover span {
    color: #d64121 !important; }
.theme-controls .breadcrumbs span {
  color: #d64121; }
.theme-controls .footer .footer__main .main__links a:hover {
  color: #d64121; }
.theme-controls .footer .footer__end .end__links a:hover {
  color: #d64121; }
.theme-controls .footer .footer__devs {
  background-color: #d64121; }
.theme-controls .btn {
  background-color: #d64121; }
  .theme-controls .btn:hover {
    background-color: #c03a1e; }
.theme-controls .scaffold__sidebar .sidebar__nav .nav__cap {
  background-color: #d64121; }
.theme-controls .scaffold__sidebar .sidebar__nav .nav__body a:hover {
  color: #d64121; }
.theme-controls .scaffold__sidebar .sidebar__nav .nav__body a:before {
  background-color: #d64121; }
.theme-controls .scaffold__main .main__category .category__photo:after {
  border-right-color: #d64121; }
.theme-controls .scaffold__main .main__category .category__photo .photo__show {
  background-color: #d64121; }
.theme-controls .scaffold__main .main__category:hover .category__photo .photo__show {
  background-color: #df5031; }
.theme-controls .top {
  background-color: #b3361c; }
.theme-controls .products .products__photo .photo__show {
  background-color: #d64121; }
.theme-controls .products .products__codes p {
  background-color: #d64121; }
.theme-controls .products:hover .products__photo .photo__show {
  background-color: #df5031; }
.theme-controls .product .product__info .info__links a {
  background-color: #d64121; }
  .theme-controls .product .product__info .info__links a:hover {
    background-color: #df5031; }
.theme-controls .product .product__details .details__add button {
  background-color: #d64121; }
  .theme-controls .product .product__details .details__add button:hover {
    background-color: #df5031; }
.theme-controls .product .product__details .details__detail a:after {
  background-color: #d64121; }
.theme-controls .product .product__details .details__detail a:hover:after {
  background-color: #df5031; }
.theme-controls .category__details span {
  color: #d64121; }
.theme-controls .product__photos .photos__main {
  border-color: #d64121; }
  .theme-controls .product__photos .photos__main .main__inner .inner__close {
    background-color: #d64121; }
  .theme-controls .product__photos .photos__main .main__inner .swiper-container .swiper-button-next, .theme-controls .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
    background-color: #d64121; }
  .theme-controls .product__photos .photos__main .main__end {
    background-color: #d64121; }
.theme-controls .feedback .feedback__success {
  background-color: #d64121; }
.theme-controls .active {
  color: #d64121 !important; }

.theme-dimmers h1 span, .theme-dimmers h2 span, .theme-dimmers h3 span, .theme-dimmers h4 span, .theme-dimmers h5 span, .theme-dimmers h6 span {
  color: #007ac2; }
.theme-dimmers .header .header__top .top__links .links__group a:hover {
  color: #007ac2; }
.theme-dimmers .header .header__top .top__icons a:hover {
  background-color: #007ac2; }
.theme-dimmers .header .header__main .main__search button {
  background-color: #007ac2; }
  .theme-dimmers .header .header__main .main__search button:hover {
    background-color: #009af5; }
.theme-dimmers .header .header__main .main__contact p span {
  color: #007ac2; }
.theme-dimmers .header .header__main .main__basket .basket__icon .icon__count {
  background-color: #007ac2; }
.theme-dimmers .header .header__nav {
  background-color: #007ac2;
  border-bottom-color: #005a8f; }
  .theme-dimmers .header .header__nav .nav {
    background-color: #007ac2; }
    .theme-dimmers .header .header__nav .nav ul {
      border-left-color: #005a8f;
      border-right-color: #009af5;
      background-color: #007ac2; }
      .theme-dimmers .header .header__nav .nav ul li {
        border-top-color: #008adc; }
        .theme-dimmers .header .header__nav .nav ul li a {
          border-right-color: #005a8f;
          border-left-color: #008adc; }
        .theme-dimmers .header .header__nav .nav ul li:hover {
          background-color: #0084d1; }
          .theme-dimmers .header .header__nav .nav ul li:hover ul {
            background-color: #007ac2; }
            .theme-dimmers .header .header__nav .nav ul li:hover ul:before {
              background-color: #007ac2; }
            .theme-dimmers .header .header__nav .nav ul li:hover ul li {
              border-top-color: #005a8f; }
              .theme-dimmers .header .header__nav .nav ul li:hover ul li:nth-of-type(3) {
                border-top-color: #005a8f; }
              .theme-dimmers .header .header__nav .nav ul li:hover ul li:hover {
                background-color: #006dae; }
        .theme-dimmers .header .header__nav .nav ul li .header__nav__sub__show {
          background-color: #007ac2; }
        .theme-dimmers .header .header__nav .nav ul li:last-of-type {
          border-bottom-color: #008adc; }
    .theme-dimmers .header .header__nav .nav a {
      border-left-color: #008de1; }
  .theme-dimmers .header .header__nav .nav--active {
    background-color: #0087d6; }
.theme-dimmers .header .header__cookies {
  background-color: #0074b8; }
  .theme-dimmers .header .header__cookies a {
    background-color: #006aa9; }
    .theme-dimmers .header .header__cookies a:hover {
      background-color: #006099; }
.theme-dimmers .breadcrumbs a:hover {
  color: #007ac2; }
  .theme-dimmers .breadcrumbs a:hover span {
    color: #007ac2 !important; }
.theme-dimmers .breadcrumbs span {
  color: #007ac2; }
.theme-dimmers .footer .footer__main .main__links a:hover {
  color: #007ac2; }
.theme-dimmers .footer .footer__end .end__links a:hover {
  color: #007ac2; }
.theme-dimmers .footer .footer__devs {
  background-color: #007ac2; }
.theme-dimmers .btn {
  background-color: #007ac2; }
  .theme-dimmers .btn:hover {
    background-color: #006aa9; }
.theme-dimmers .scaffold__sidebar .sidebar__nav .nav__cap {
  background-color: #007ac2; }
.theme-dimmers .scaffold__sidebar .sidebar__nav .nav__body a:hover {
  color: #007ac2; }
.theme-dimmers .scaffold__sidebar .sidebar__nav .nav__body a:before {
  background-color: #007ac2; }
.theme-dimmers .scaffold__main .main__category .category__photo:after {
  border-right-color: #007ac2; }
.theme-dimmers .scaffold__main .main__category .category__photo .photo__show {
  background-color: #007ac2; }
.theme-dimmers .scaffold__main .main__category:hover .category__photo .photo__show {
  background-color: #008adc; }
.theme-dimmers .top {
  background-color: #006099; }
.theme-dimmers .products .products__photo .photo__show {
  background-color: #007ac2; }
.theme-dimmers .products .products__codes p {
  background-color: #007ac2; }
.theme-dimmers .products:hover .products__photo .photo__show {
  background-color: #008adc; }
.theme-dimmers .product .product__info .info__links a {
  background-color: #007ac2; }
  .theme-dimmers .product .product__info .info__links a:hover {
    background-color: #008adc; }
.theme-dimmers .product .product__details .details__add button {
  background-color: #007ac2; }
  .theme-dimmers .product .product__details .details__add button:hover {
    background-color: #008adc; }
.theme-dimmers .product .product__details .details__detail a:after {
  background-color: #007ac2; }
.theme-dimmers .product .product__details .details__detail a:hover:after {
  background-color: #008adc; }
.theme-dimmers .category__details span {
  color: #007ac2; }
.theme-dimmers .product__photos .photos__main {
  border-color: #007ac2; }
  .theme-dimmers .product__photos .photos__main .main__inner .inner__close {
    background-color: #007ac2; }
  .theme-dimmers .product__photos .photos__main .main__inner .swiper-container .swiper-button-next, .theme-dimmers .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
    background-color: #007ac2; }
  .theme-dimmers .product__photos .photos__main .main__end {
    background-color: #007ac2; }
.theme-dimmers .feedback .feedback__success {
  background-color: #007ac2; }
.theme-dimmers .active {
  color: #007ac2 !important; }

.theme-ancillary h1 span, .theme-ancillary h2 span, .theme-ancillary h3 span, .theme-ancillary h4 span, .theme-ancillary h5 span, .theme-ancillary h6 span {
  color: #a41c50; }
.theme-ancillary .header .header__top .top__links .links__group a:hover {
  color: #a41c50; }
.theme-ancillary .header .header__top .top__icons a:hover {
  background-color: #a41c50; }
.theme-ancillary .header .header__main .main__search button {
  background-color: #a41c50; }
  .theme-ancillary .header .header__main .main__search button:hover {
    background-color: #d02365; }
.theme-ancillary .header .header__main .main__contact p span {
  color: #a41c50; }
.theme-ancillary .header .header__main .main__basket .basket__icon .icon__count {
  background-color: #a41c50; }
.theme-ancillary .header .header__nav {
  background-color: #a41c50;
  border-bottom-color: #78153b; }
  .theme-ancillary .header .header__nav .nav {
    background-color: #a41c50; }
    .theme-ancillary .header .header__nav .nav ul {
      border-left-color: #78153b;
      border-right-color: #d02365;
      background-color: #a41c50; }
      .theme-ancillary .header .header__nav .nav ul li {
        border-top-color: #ba205b; }
        .theme-ancillary .header .header__nav .nav ul li a {
          border-right-color: #78153b;
          border-left-color: #ba205b; }
        .theme-ancillary .header .header__nav .nav ul li:hover {
          background-color: #b11e56; }
          .theme-ancillary .header .header__nav .nav ul li:hover ul {
            background-color: #a41c50; }
            .theme-ancillary .header .header__nav .nav ul li:hover ul:before {
              background-color: #a41c50; }
            .theme-ancillary .header .header__nav .nav ul li:hover ul li {
              border-top-color: #78153b; }
              .theme-ancillary .header .header__nav .nav ul li:hover ul li:nth-of-type(3) {
                border-top-color: #78153b; }
              .theme-ancillary .header .header__nav .nav ul li:hover ul li:hover {
                background-color: #931948; }
        .theme-ancillary .header .header__nav .nav ul li .header__nav__sub__show {
          background-color: #a41c50; }
        .theme-ancillary .header .header__nav .nav ul li:last-of-type {
          border-bottom-color: #ba205b; }
    .theme-ancillary .header .header__nav .nav a {
      border-left-color: #be205d; }
  .theme-ancillary .header .header__nav .nav--active {
    background-color: #b51f59; }
.theme-ancillary .header .header__cookies {
  background-color: #9b1b4c; }
  .theme-ancillary .header .header__cookies a {
    background-color: #8e1845; }
    .theme-ancillary .header .header__cookies a:hover {
      background-color: #81163f; }
.theme-ancillary .breadcrumbs a:hover {
  color: #a41c50; }
  .theme-ancillary .breadcrumbs a:hover span {
    color: #a41c50 !important; }
.theme-ancillary .breadcrumbs span {
  color: #a41c50; }
.theme-ancillary .footer .footer__main .main__links a:hover {
  color: #a41c50; }
.theme-ancillary .footer .footer__end .end__links a:hover {
  color: #a41c50; }
.theme-ancillary .footer .footer__devs {
  background-color: #a41c50; }
.theme-ancillary .btn {
  background-color: #a41c50; }
  .theme-ancillary .btn:hover {
    background-color: #8e1845; }
.theme-ancillary .scaffold__sidebar .sidebar__nav .nav__cap {
  background-color: #a41c50; }
.theme-ancillary .scaffold__sidebar .sidebar__nav .nav__body a:hover {
  color: #a41c50; }
.theme-ancillary .scaffold__sidebar .sidebar__nav .nav__body a:before {
  background-color: #a41c50; }
.theme-ancillary .scaffold__main .main__category .category__photo:after {
  border-right-color: #a41c50; }
.theme-ancillary .scaffold__main .main__category .category__photo .photo__show {
  background-color: #a41c50; }
.theme-ancillary .scaffold__main .main__category:hover .category__photo .photo__show {
  background-color: #ba205b; }
.theme-ancillary .top {
  background-color: #81163f; }
.theme-ancillary .products .products__photo .photo__show {
  background-color: #a41c50; }
.theme-ancillary .products .products__codes p {
  background-color: #a41c50; }
.theme-ancillary .products:hover .products__photo .photo__show {
  background-color: #ba205b; }
.theme-ancillary .product .product__info .info__links a {
  background-color: #a41c50; }
  .theme-ancillary .product .product__info .info__links a:hover {
    background-color: #ba205b; }
.theme-ancillary .product .product__details .details__add button {
  background-color: #a41c50; }
  .theme-ancillary .product .product__details .details__add button:hover {
    background-color: #ba205b; }
.theme-ancillary .product .product__details .details__detail a:after {
  background-color: #a41c50; }
.theme-ancillary .product .product__details .details__detail a:hover:after {
  background-color: #ba205b; }
.theme-ancillary .category__details span {
  color: #a41c50; }
.theme-ancillary .product__photos .photos__main {
  border-color: #a41c50; }
  .theme-ancillary .product__photos .photos__main .main__inner .inner__close {
    background-color: #a41c50; }
  .theme-ancillary .product__photos .photos__main .main__inner .swiper-container .swiper-button-next, .theme-ancillary .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
    background-color: #a41c50; }
  .theme-ancillary .product__photos .photos__main .main__end {
    background-color: #a41c50; }
.theme-ancillary .feedback .feedback__success {
  background-color: #a41c50; }
.theme-ancillary .active {
  color: #a41c50 !important; }

.theme-original-equipment-manufacturing h1 span, .theme-original-equipment-manufacturing h2 span, .theme-original-equipment-manufacturing h3 span, .theme-original-equipment-manufacturing h4 span, .theme-original-equipment-manufacturing h5 span, .theme-original-equipment-manufacturing h6 span {
  color: #792060; }
.theme-original-equipment-manufacturing .header .header__top .top__links .links__group a:hover {
  color: #792060; }
.theme-original-equipment-manufacturing .header .header__top .top__icons a:hover {
  background-color: #792060; }
.theme-original-equipment-manufacturing .header .header__main .main__search button {
  background-color: #792060; }
  .theme-original-equipment-manufacturing .header .header__main .main__search button:hover {
    background-color: #a12b80; }
.theme-original-equipment-manufacturing .header .header__main .main__contact p span {
  color: #792060; }
.theme-original-equipment-manufacturing .header .header__main .main__basket .basket__icon .icon__count {
  background-color: #792060; }
.theme-original-equipment-manufacturing .header .header__nav {
  background-color: #792060;
  border-bottom-color: #511540; }
  .theme-original-equipment-manufacturing .header .header__nav .nav {
    background-color: #792060; }
    .theme-original-equipment-manufacturing .header .header__nav .nav ul {
      border-left-color: #511540;
      border-right-color: #a12b80;
      background-color: #792060; }
      .theme-original-equipment-manufacturing .header .header__nav .nav ul li {
        border-top-color: #8d2570; }
        .theme-original-equipment-manufacturing .header .header__nav .nav ul li a {
          border-right-color: #511540;
          border-left-color: #8d2570; }
        .theme-original-equipment-manufacturing .header .header__nav .nav ul li:hover {
          background-color: #85236a; }
          .theme-original-equipment-manufacturing .header .header__nav .nav ul li:hover ul {
            background-color: #792060; }
            .theme-original-equipment-manufacturing .header .header__nav .nav ul li:hover ul:before {
              background-color: #792060; }
            .theme-original-equipment-manufacturing .header .header__nav .nav ul li:hover ul li {
              border-top-color: #511540; }
              .theme-original-equipment-manufacturing .header .header__nav .nav ul li:hover ul li:nth-of-type(3) {
                border-top-color: #511540; }
              .theme-original-equipment-manufacturing .header .header__nav .nav ul li:hover ul li:hover {
                background-color: #691c53; }
        .theme-original-equipment-manufacturing .header .header__nav .nav ul li .header__nav__sub__show {
          background-color: #792060; }
        .theme-original-equipment-manufacturing .header .header__nav .nav ul li:last-of-type {
          border-bottom-color: #8d2570; }
    .theme-original-equipment-manufacturing .header .header__nav .nav a {
      border-left-color: #912673; }
  .theme-original-equipment-manufacturing .header .header__nav .nav--active {
    background-color: #89246d; }
.theme-original-equipment-manufacturing .header .header__cookies {
  background-color: #711e5a; }
  .theme-original-equipment-manufacturing .header .header__cookies a {
    background-color: #651b50; }
    .theme-original-equipment-manufacturing .header .header__cookies a:hover {
      background-color: #591746; }
.theme-original-equipment-manufacturing .breadcrumbs a:hover {
  color: #792060; }
  .theme-original-equipment-manufacturing .breadcrumbs a:hover span {
    color: #792060 !important; }
.theme-original-equipment-manufacturing .breadcrumbs span {
  color: #792060; }
.theme-original-equipment-manufacturing .footer .footer__main .main__links a:hover {
  color: #792060; }
.theme-original-equipment-manufacturing .footer .footer__end .end__links a:hover {
  color: #792060; }
.theme-original-equipment-manufacturing .footer .footer__devs {
  background-color: #792060; }
.theme-original-equipment-manufacturing .btn {
  background-color: #792060; }
  .theme-original-equipment-manufacturing .btn:hover {
    background-color: #651b50; }
.theme-original-equipment-manufacturing .scaffold__sidebar .sidebar__nav .nav__cap {
  background-color: #792060; }
.theme-original-equipment-manufacturing .scaffold__sidebar .sidebar__nav .nav__body a:hover {
  color: #792060; }
.theme-original-equipment-manufacturing .scaffold__sidebar .sidebar__nav .nav__body a:before {
  background-color: #792060; }
.theme-original-equipment-manufacturing .scaffold__main .main__category .category__photo:after {
  border-right-color: #792060; }
.theme-original-equipment-manufacturing .scaffold__main .main__category .category__photo .photo__show {
  background-color: #792060; }
.theme-original-equipment-manufacturing .scaffold__main .main__category:hover .category__photo .photo__show {
  background-color: #8d2570; }
.theme-original-equipment-manufacturing .top {
  background-color: #591746; }
.theme-original-equipment-manufacturing .products .products__photo .photo__show {
  background-color: #792060; }
.theme-original-equipment-manufacturing .products .products__codes p {
  background-color: #792060; }
.theme-original-equipment-manufacturing .products:hover .products__photo .photo__show {
  background-color: #8d2570; }
.theme-original-equipment-manufacturing .product .product__info .info__links a {
  background-color: #792060; }
  .theme-original-equipment-manufacturing .product .product__info .info__links a:hover {
    background-color: #8d2570; }
.theme-original-equipment-manufacturing .product .product__details .details__add button {
  background-color: #792060; }
  .theme-original-equipment-manufacturing .product .product__details .details__add button:hover {
    background-color: #8d2570; }
.theme-original-equipment-manufacturing .product .product__details .details__detail a:after {
  background-color: #792060; }
.theme-original-equipment-manufacturing .product .product__details .details__detail a:hover:after {
  background-color: #8d2570; }
.theme-original-equipment-manufacturing .category__details span {
  color: #792060; }
.theme-original-equipment-manufacturing .product__photos .photos__main {
  border-color: #792060; }
  .theme-original-equipment-manufacturing .product__photos .photos__main .main__inner .inner__close {
    background-color: #792060; }
  .theme-original-equipment-manufacturing .product__photos .photos__main .main__inner .swiper-container .swiper-button-next, .theme-original-equipment-manufacturing .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
    background-color: #792060; }
  .theme-original-equipment-manufacturing .product__photos .photos__main .main__end {
    background-color: #792060; }
.theme-original-equipment-manufacturing .feedback .feedback__success {
  background-color: #792060; }
.theme-original-equipment-manufacturing .active {
  color: #792060 !important; }

.theme-contract-electronics-manufacturing h1 span, .theme-contract-electronics-manufacturing h2 span, .theme-contract-electronics-manufacturing h3 span, .theme-contract-electronics-manufacturing h4 span, .theme-contract-electronics-manufacturing h5 span, .theme-contract-electronics-manufacturing h6 span {
  color: #00a160; }
.theme-contract-electronics-manufacturing .header .header__top .top__links .links__group a:hover {
  color: #00a160; }
.theme-contract-electronics-manufacturing .header .header__top .top__icons a:hover {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .header .header__main .main__search button {
  background-color: #00a160; }
  .theme-contract-electronics-manufacturing .header .header__main .main__search button:hover {
    background-color: #00d47e; }
.theme-contract-electronics-manufacturing .header .header__main .main__contact p span {
  color: #00a160; }
.theme-contract-electronics-manufacturing .header .header__main .main__basket .basket__icon .icon__count {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .header .header__nav {
  background-color: #00a160;
  border-bottom-color: #006e42; }
  .theme-contract-electronics-manufacturing .header .header__nav .nav {
    background-color: #00a160; }
    .theme-contract-electronics-manufacturing .header .header__nav .nav ul {
      border-left-color: #006e42;
      border-right-color: #00d47e;
      background-color: #00a160; }
      .theme-contract-electronics-manufacturing .header .header__nav .nav ul li {
        border-top-color: #00bb6f; }
        .theme-contract-electronics-manufacturing .header .header__nav .nav ul li a {
          border-right-color: #006e42;
          border-left-color: #00bb6f; }
        .theme-contract-electronics-manufacturing .header .header__nav .nav ul li:hover {
          background-color: #00b069; }
          .theme-contract-electronics-manufacturing .header .header__nav .nav ul li:hover ul {
            background-color: #00a160; }
            .theme-contract-electronics-manufacturing .header .header__nav .nav ul li:hover ul:before {
              background-color: #00a160; }
            .theme-contract-electronics-manufacturing .header .header__nav .nav ul li:hover ul li {
              border-top-color: #006e42; }
              .theme-contract-electronics-manufacturing .header .header__nav .nav ul li:hover ul li:nth-of-type(3) {
                border-top-color: #006e42; }
              .theme-contract-electronics-manufacturing .header .header__nav .nav ul li:hover ul li:hover {
                background-color: #008d54; }
        .theme-contract-electronics-manufacturing .header .header__nav .nav ul li .header__nav__sub__show {
          background-color: #00a160; }
        .theme-contract-electronics-manufacturing .header .header__nav .nav ul li:last-of-type {
          border-bottom-color: #00bb6f; }
    .theme-contract-electronics-manufacturing .header .header__nav .nav a {
      border-left-color: #00c072; }
  .theme-contract-electronics-manufacturing .header .header__nav .nav--active {
    background-color: #00b56c; }
.theme-contract-electronics-manufacturing .header .header__cookies {
  background-color: #00975a; }
  .theme-contract-electronics-manufacturing .header .header__cookies a {
    background-color: #008851; }
    .theme-contract-electronics-manufacturing .header .header__cookies a:hover {
      background-color: #007848; }
.theme-contract-electronics-manufacturing .breadcrumbs a:hover {
  color: #00a160; }
  .theme-contract-electronics-manufacturing .breadcrumbs a:hover span {
    color: #00a160 !important; }
.theme-contract-electronics-manufacturing .breadcrumbs span {
  color: #00a160; }
.theme-contract-electronics-manufacturing .footer .footer__main .main__links a:hover {
  color: #00a160; }
.theme-contract-electronics-manufacturing .footer .footer__end .end__links a:hover {
  color: #00a160; }
.theme-contract-electronics-manufacturing .footer .footer__devs {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .btn {
  background-color: #00a160; }
  .theme-contract-electronics-manufacturing .btn:hover {
    background-color: #008851; }
.theme-contract-electronics-manufacturing .scaffold__sidebar .sidebar__nav .nav__cap {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .scaffold__sidebar .sidebar__nav .nav__body a:hover {
  color: #00a160; }
.theme-contract-electronics-manufacturing .scaffold__sidebar .sidebar__nav .nav__body a:before {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .scaffold__main .main__category .category__photo:after {
  border-right-color: #00a160; }
.theme-contract-electronics-manufacturing .scaffold__main .main__category .category__photo .photo__show {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .scaffold__main .main__category:hover .category__photo .photo__show {
  background-color: #00bb6f; }
.theme-contract-electronics-manufacturing .top {
  background-color: #007848; }
.theme-contract-electronics-manufacturing .products .products__photo .photo__show {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .products .products__codes p {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .products:hover .products__photo .photo__show {
  background-color: #00bb6f; }
.theme-contract-electronics-manufacturing .product .product__info .info__links a {
  background-color: #00a160; }
  .theme-contract-electronics-manufacturing .product .product__info .info__links a:hover {
    background-color: #00bb6f; }
.theme-contract-electronics-manufacturing .product .product__details .details__add button {
  background-color: #00a160; }
  .theme-contract-electronics-manufacturing .product .product__details .details__add button:hover {
    background-color: #00bb6f; }
.theme-contract-electronics-manufacturing .product .product__details .details__detail a:after {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .product .product__details .details__detail a:hover:after {
  background-color: #00bb6f; }
.theme-contract-electronics-manufacturing .category__details span {
  color: #00a160; }
.theme-contract-electronics-manufacturing .product__photos .photos__main {
  border-color: #00a160; }
  .theme-contract-electronics-manufacturing .product__photos .photos__main .main__inner .inner__close {
    background-color: #00a160; }
  .theme-contract-electronics-manufacturing .product__photos .photos__main .main__inner .swiper-container .swiper-button-next, .theme-contract-electronics-manufacturing .product__photos .photos__main .main__inner .swiper-container .swiper-button-prev {
    background-color: #00a160; }
  .theme-contract-electronics-manufacturing .product__photos .photos__main .main__end {
    background-color: #00a160; }
.theme-contract-electronics-manufacturing .feedback .feedback__success {
  background-color: #00a160; }
.theme-contract-electronics-manufacturing .active {
  color: #00a160 !important; }

.contact .block__1 {
  width: 100%;
  float: left; }
  .contact .block__1 img {
    width: 100%; }
.contact .block__2 {
  width: 100%;
  float: left; }
  .contact .block__2 .main__block .phone, .contact .block__2 .main__block .email {
    background-image: url("../images/phone-blue.svg");
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 2rem;
    color: #333; }
    .contact .block__2 .main__block .phone:hover, .contact .block__2 .main__block .email:hover {
      color: #0093f0; }
  .contact .block__2 .main__block .email {
    background-image: url("../images/email-blue.svg"); }

@media only screen and (min-width: 1024px) {
  .contact .block__1 {
    width: 40%;
    float: left; }
  .contact .block__2 {
    width: 60%;
    float: left;
    padding-left: 4rem; } }
@media print {
  .inner {
    padding: 0 !important; } }

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