/*
*	Project	: {Project}
*	Date 	: {Date}
*	Company	: Mixfinity
*	Author	: {Name}
*
*   USE THIS PLEASE!!!!!!!
*   BEM documentation : https://en.bem.info/methodology/css/
*/
/*
*	Here are all the global project variables defined
*	The are all required!!!w
*/
/*
*	Plugins
*	Uncomment if you need to use them
*/
.m-cookie-popup {
  display: block;
  position: fixed;
  z-index: 999999;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #333;
  opacity: 0;
  transition: .7s all; }
  .m-cookie-popup * {
    font-family: sans-serif; }
  .m-cookie-popup.show {
    opacity: 1;
    bottom: 0;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5); }
  .m-cookie-popup .m-cookie-popup-inner {
    max-width: 800px;
    margin: 10px auto 0;
    position: relative;
    padding: 10px; }
    .m-cookie-popup .m-cookie-popup-inner .m-cookie-close {
      width: 40px;
      height: 25px;
      color: #fff;
      font-size: 12px;
      position: absolute;
      right: 15px;
      border-radius: 5px;
      text-align: center;
      line-height: 25px;
      transition: .3s all;
      cursor: pointer;
      background: #41b334; }
      .m-cookie-popup .m-cookie-popup-inner .m-cookie-close:hover {
        background: rgba(255, 255, 255, 0.3); }
    .m-cookie-popup .m-cookie-popup-inner h4 {
      font-size: 14px;
      line-height: 24px;
      color: #fff;
      margin-bottom: 20px;
      margin-top: 0; }
    .m-cookie-popup .m-cookie-popup-inner p {
      font-size: 12px;
      line-height: 16px;
      color: #fff;
      margin-bottom: 8px;
      margin-top: 0; }
      .m-cookie-popup .m-cookie-popup-inner p a {
        color: #fff !important;
        text-decoration: underline; }
    .m-cookie-popup .m-cookie-popup-inner .mcb-checkwrap {
      position: relative;
      padding-right: 70px; }
    .m-cookie-popup .m-cookie-popup-inner .mcb-check {
      width: 120px;
      color: #fff;
      font-size: 12px;
      cursor: pointer; }
      .m-cookie-popup .m-cookie-popup-inner .mcb-check.disabled {
        pointer-events: none;
        opacity: 0.8; }
      .m-cookie-popup .m-cookie-popup-inner .mcb-check input[type="checkbox"] {
        background: none !important;
        border: 2px solid #999 !important;
        border-radius: 3px !important;
        cursor: pointer;
        height: 14px !important;
        margin: 3px 5px 0 !important;
        width: 14px !important;
        transition: .3s all;
        outline: none;
        position: relative;
        top: 3px;
        -webkit-appearance: none; }
        .m-cookie-popup .m-cookie-popup-inner .mcb-check input[type="checkbox"]:after {
          content: "" !important;
          position: absolute !important;
          top: -6px !important;
          left: 5px !important;
          display: block;
          background: none !important;
          width: 6px;
          height: 14px;
          border-right: 2px solid #41b334;
          border-bottom: 2px solid #41b334;
          transform: rotate(45deg);
          opacity: 0;
          transition: .3s all; }
        .m-cookie-popup .m-cookie-popup-inner .mcb-check input[type="checkbox"]:checked {
          background: #ffffff !important;
          border: 2px solid #41b334 !important; }
          .m-cookie-popup .m-cookie-popup-inner .mcb-check input[type="checkbox"]:checked:after {
            opacity: 1; }
    .m-cookie-popup .m-cookie-popup-inner .mcb-button {
      width: 100px; }
    .m-cookie-popup .m-cookie-popup-inner .mcb-detailbutton {
      width: 120px;
      width: 62px;
      text-align: right;
      color: #fff;
      font-size: 12px;
      cursor: pointer;
      position: absolute;
      right: 15px;
      top: 0;
      line-height: 32px;
      padding-right: 25px; }
      .m-cookie-popup .m-cookie-popup-inner .mcb-detailbutton:before {
        content: '';
        display: block;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 8px;
        transform: rotate(45deg); }
      .m-cookie-popup .m-cookie-popup-inner .mcb-detailbutton.active:before {
        transform: rotate(225deg);
        top: 12px; }
    .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox {
      height: 0;
      overflow: hidden;
      transition: .4s all;
      background: #424242; }
      .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox.active {
        height: 150px; }
      .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailtable {
        width: calc(100% - 100px);
        display: none;
        vertical-align: top;
        height: 100%;
        padding: 10px 5px;
        overflow-y: scroll; }
        .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailtable.active {
          display: inline-block; }
        .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailtable table {
          border-collapse: collapse;
          width: 100%; }
          .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailtable table * {
            color: #fff; }
          .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailtable table tr th {
            padding: 2px 4px;
            vertical-align: top; }
          .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailtable table tr td {
            padding: 2px 4px;
            vertical-align: top;
            border: 1px solid #666;
            line-height: 20px;
            max-width: 350px; }
      .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailswitch-wrap {
        width: 80px;
        height: 100%;
        border-right: 1px solid #666;
        display: inline-block; }
        .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailswitch-wrap .mcb-detailswitch {
          border-bottom: 1px solid #666;
          text-align: center;
          transition: .3s all;
          cursor: pointer;
          line-height: 30px; }
          .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailswitch-wrap .mcb-detailswitch:hover, .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox .mcb-detailswitch-wrap .mcb-detailswitch.active {
            background: #41b334; }
      .m-cookie-popup .m-cookie-popup-inner .mcb-detailbox > * {
        color: #fff;
        font-size: 12px; }

body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px 44px 0 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0 0 0; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--html {
  padding: 6px 6px 0 6px; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0 0 44px 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-slide--html .fancybox-content {
  margin: 0 0 6px 0; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: calc(100% - 44px);
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  vertical-align: top;
  width: 100%; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:hover {
  color: #fff; }

.fancybox-button:focus {
  outline: none; }

.fancybox-button.fancybox-focus {
  outline: 1px dotted; }

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none; }

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%; }

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0; }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none; }

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: linear;
  z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1; }

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background: transparent;
  height: 100px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px; }

.fancybox-navigation .fancybox-button div {
  background: rgba(30, 30, 30, 0.6);
  height: 100%;
  padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1; }

.fancybox-caption::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  left: 44px;
  position: absolute;
  right: 44px;
  top: 0; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }

  .fancybox-slide--image {
    padding: 6px 0 0 0; }

  .fancybox-slide--image .fancybox-content {
    margin-bottom: 6px; }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; } }
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs__list a:focus::before {
  opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 768px) {
  .fancybox-thumbs {
    width: 110px; }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }
/*
*	Toolbox with some neat scss functions
*/
/*
*	Can be usefull for disabling the animations on page load
*   Make sure to remove the class with javascript
*/
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

/*
* 	Global styling for headers and text are defined here
* 	The base layout for the header and foot are here as well
*/
* {
  padding: 0;
  margin: 0; }

body {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  font-weight: 400; }

h1,
.like-h1 {
  font: 900 22px/26px "Ubuntu", sans-serif;
  font-weight: 400; }

h2,
.like-h2 {
  font: 900 20px/24px "Ubuntu", sans-serif;
  font-weight: 400;
  margin-bottom: 10px; }

h3,
.like-h3 {
  font: 16px/22px "Ubuntu", sans-serif;
  font-weight: 500; }

@media (max-width: 575px) {
  h4 {
    font-size: 5vw;
    line-height: 5vw; } }

a {
  color: #000; }

p a {
  color: #555555;
  text-decoration: underline; }

p {
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #555555;
  font-weight: 400; }
  @media (max-width: 575px) {
    p {
      font-size: 3.5vw;
      line-height: 5vw; } }

hr {
  border-color: #c1c1c1;
  margin-top: 45px;
  margin-bottom: 45px; }

.light {
  font-weight: 300; }

.regular {
  font-weight: 400; }

.semibold {
  font-weight: 600; }

.bold {
  font-weight: 700; }

.black {
  font-weight: 900; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  transition: .3s all; }

::-webkit-input-placeholder {
  color: #555555; }

:-moz-placeholder {
  color: #555555;
  opacity: 1; }

::-moz-placeholder {
  color: #555555;
  opacity: 1; }

:-ms-input-placeholder {
  color: #555555; }

.padding {
  padding-top: 75px;
  padding-bottom: 75px; }
  @media (max-width: 767px) {
    .padding {
      padding-top: 25px;
      padding-bottom: 25px; } }

.form-error {
  box-shadow: inset 0 0 5px 0px #f00; }

.button {
  transition: .3s all ease;
  outline: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 15px 10px;
  min-width: 250px;
  max-width: 100%;
  width: max-content;
  min-height: 40px;
  background-color: #ff7a00;
  display: block;
  color: #fff;
  cursor: pointer;
  font: 700 15px/20px "Ubuntu", sans-serif;
  position: relative; }
  .button:hover, .button:active, .button:focus {
    color: #fff;
    text-decoration: none; }
  .button.arrow-right, .button.arrow-left {
    position: relative; }
    .button.arrow-right:before, .button.arrow-left:before {
      content: '';
      position: absolute;
      top: 50%;
      transition: .3s all;
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      border-radius: 2px;
      border-top: 3px solid #fff;
      border-left: 3px solid #fff; }
  .button.arrow-right {
    margin-left: auto;
    text-align: right;
    padding-right: 20px; }
    .button.arrow-right:before {
      right: 20px;
      transform: translateY(-50%) rotate(135deg); }
    .button.arrow-right:hover:before {
      right: 10px; }
  .button.arrow-left {
    margin-right: auto;
    text-align: left;
    padding-left: 20px; }
    .button.arrow-left:before {
      left: 20px;
      transform: translateY(-50%) rotate(-45deg); }
    .button.arrow-left:hover:before {
      left: 10px; }
  .button--grey {
    background-color: #c7c7c7; }

.button--shadow-hover {
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); }
  .button--shadow-hover:hover {
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12), 0 3px 9px 0 rgba(0, 0, 0, 0.24); }

.button--shadow-only-hover:hover {
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12), 0 3px 9px 0 rgba(0, 0, 0, 0.24); }

.shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.custom-bullet {
  margin-left: 0;
  list-style: none;
  counter-reset: counter; }
  .custom-bullet > li:before {
    counter-increment: counter;
    content: counter(counter); }

.round-corners-3 {
  border-radius: 3px; }

.round-corners-5 {
  border-radius: 5px; }

ul.normal {
  list-style: none; }
  @media (min-width: 768px) {
    ul.normal {
      margin-left: 20px; } }
  @media (max-width: 767px) {
    ul.normal {
      margin-left: 15px; } }
  ul.normal li {
    position: relative;
    font-size: 14px; }
    ul.normal li:before {
      content: '\00b7';
      display: block;
      position: absolute;
      left: -20px;
      font-size: 45px; }
    @media (max-width: 359px) {
      ul.normal li {
        font-size: 16px;
        line-height: 28px; } }

input[type="checkbox"] {
  width: 20px !important;
  border: 2px solid #999;
  height: 20px !important;
  border-radius: 3px !important;
  transition: .3s all;
  cursor: pointer; }
  input[type="checkbox"]:after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 5px !important;
    display: block;
    background: none !important;
    width: 6px;
    height: 14px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
    transition: .3s all; }
  input[type="checkbox"]:checked {
    background: #fff !important;
    border-color: #fff !important; }
    input[type="checkbox"]:checked:after {
      opacity: 1; }

.select-wrap {
  position: relative; }
  .select-wrap:before {
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #686868;
    border-left: 2px solid #686868;
    position: absolute;
    transform: translateY(-50%) rotate(-45deg);
    top: 50%;
    transition: .3s all;
    right: 15px; }

.form-group {
  margin-bottom: 40px;
  width: 100%; }
  .form-group input[type="text"],
  .form-group input[type="email"],
  .form-group input[type="password"],
  .form-group select,
  .form-group textarea {
    width: 100%;
    background: #fff;
    border: none;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    outline: none !important;
    padding: 7px 10px;
    font-size: 16px;
    line-height: 20px;
    resize: vertical;
    transition: .3s all;
    -webkit-appearance: none; }
    .form-group input[type="text"]:active, .form-group input[type="text"]:focus,
    .form-group input[type="email"]:active,
    .form-group input[type="email"]:focus,
    .form-group input[type="password"]:active,
    .form-group input[type="password"]:focus,
    .form-group select:active,
    .form-group select:focus,
    .form-group textarea:active,
    .form-group textarea:focus {
      border-color: #ff7a00; }
    .form-group input[type="text"].form-error,
    .form-group input[type="email"].form-error,
    .form-group input[type="password"].form-error,
    .form-group select.form-error,
    .form-group textarea.form-error {
      border-color: #FF0000; }
  .form-group.form-error > {
    border-color: #FF0000; }

.fullscreen-image {
  position: relative;
  background-position: center center;
  background-size: cover;
  background-attachment: scroll; }
  @media (max-width: 767px) {
    .fullscreen-image.fullscreen-container {
      height: 0;
      padding-bottom: 56.8%; } }

.fullscreen-container {
  height: 100vh; }
  .fullscreen-container.only-min {
    height: auto;
    min-height: 100vh; }
  .fullscreen-container.no-xs {
    height: auto; }
    @media (min-width: 768px) {
      .fullscreen-container.no-xs {
        height: 100vh; } }

.grecaptcha-badge {
  width: 1px !important;
  height: 1px !important;
  transition: none !important;
  top: 0 !important;
  right: 0 !important;
  box-shadow: none !important; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .ipad .fullscreen-container,
  .iphone .fullscreen-container {
    height: 768px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .ipad .fullscreen-container,
  .iphone .fullscreen-container {
    height: 1024px; } }
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .ipad .fullscreen-container,
  .iphone .fullscreen-container {
    height: 320px; } }
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .ipad .fullscreen-container,
  .iphone .fullscreen-container {
    height: 568px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .ipad .fullscreen-container,
  .iphone .fullscreen-container {
    height: 320px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .ipad .fullscreen-container,
  .iphone .fullscreen-container {
    height: 480px; } }
.ipad .fullscreen-container.only-min,
.iphone .fullscreen-container.only-min {
  height: auto; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .ipad .fullscreen-container.only-min,
    .iphone .fullscreen-container.only-min {
      min-height: 768px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .ipad .fullscreen-container.only-min,
    .iphone .fullscreen-container.only-min {
      min-height: 1024px; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    .ipad .fullscreen-container.only-min,
    .iphone .fullscreen-container.only-min {
      min-height: 320px; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .ipad .fullscreen-container.only-min,
    .iphone .fullscreen-container.only-min {
      min-height: 568px; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .ipad .fullscreen-container.only-min,
    .iphone .fullscreen-container.only-min {
      min-height: 320px; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .ipad .fullscreen-container.only-min,
    .iphone .fullscreen-container.only-min {
      min-height: 480px; } }
@media (max-width: 767px) {
  .ipad .fullscreen-container.no-xs,
  .iphone .fullscreen-container.no-xs {
    height: auto; } }

/**************
* Base
**************/
@media (max-width: 767px) {
  body {
    padding-top: 59px; } }

@media (max-width: 767px) {
  .banner-slider img {
    width: Calc(100% - 15px) !important; } }

.hidden {
  display: none; }

.error {
  background: #fce4e4; }

.breadcrum-section {
  margin-top: 10px; }

@media (max-width: 767px) {
  header nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #ff7a00; } }
@media (max-width: 767px) {
  header nav .header-cart-wrap {
    overflow: hidden;
    transition: .3s all;
    max-height: 0; }
    header nav .header-cart-wrap.active {
      max-height: 100px; } }
header nav .header-cart {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  background: #eff0f1;
  padding: 6px 10px; }
  @media (max-width: 767px) {
    header nav .header-cart {
      margin-top: 20px;
      transition: .3s all; } }
  header nav .header-cart p {
    font-size: 14px;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 0; }
  header nav .header-cart i {
    margin-right: 10px;
    font-size: 16px; }
header nav .main-header-section .top-header {
  margin: 25px -15px 30px; }
  @media (max-width: 767px) {
    header nav .main-header-section .top-header {
      margin: 5px -20px; } }
header nav .main-header-section .logo-wrap {
  padding: 0 0 0 15px; }
  @media (max-width: 767px) {
    header nav .main-header-section .logo-wrap {
      padding: 5px 0 5px 15px; } }
  header nav .main-header-section .logo-wrap #logo {
    display: flex; }
    header nav .main-header-section .logo-wrap #logo svg:first-child {
      max-height: 100px;
      filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
      width: 21%; }
    header nav .main-header-section .logo-wrap #logo svg:last-child {
      max-height: 100px;
      width: 79%; }
      @media (max-width: 767px) {
        header nav .main-header-section .logo-wrap #logo svg:last-child path {
          fill: #fff; } }
header nav .main-header-section .form-group {
  padding: 0; }
  @media (max-width: 991px) {
    header nav .main-header-section .form-group {
      padding: 0 15px; } }
header nav .main-header-section .header-questions {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    header nav .main-header-section .header-questions {
      margin: 10px 0; } }
header nav .main-header-section .header-text-buttons {
  text-align: right; }
  header nav .main-header-section .header-text-buttons p {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 20px; }
    @media (max-width: 1199px) {
      header nav .main-header-section .header-text-buttons p {
        padding-left: 20px; } }
    @media (max-width: 991px) {
      header nav .main-header-section .header-text-buttons p {
        margin: 10px 0; } }
    header nav .main-header-section .header-text-buttons p i {
      margin-right: 10px; }
header nav .main-header-section .header-buttons {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: flex-end;
  align-items: center; }
  header nav .main-header-section .header-buttons .menu-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    transition: .3s all;
    margin-left: 5px;
    border-radius: 5px; }
    header nav .main-header-section .header-buttons .menu-buttons i {
      color: #fff;
      font-size: 18px; }
    header nav .main-header-section .header-buttons .menu-buttons.active {
      background-color: rgba(0, 0, 0, 0.15); }
header nav .main-header-section #menu-button {
  transition: .2s all;
  border-radius: 0;
  cursor: pointer;
  padding: 4px 7px 9px;
  border-radius: 2px;
  margin-right: 10px; }
  header nav .main-header-section #menu-button span {
    width: 26px;
    height: 4px;
    border-radius: 5px;
    background-color: #fff;
    display: block;
    margin-top: 5px;
    transition: .3s all; }
  header nav .main-header-section #menu-button.active span:nth-child(1) {
    transform: rotate(-45deg) translate(-7px, 6px); }
  header nav .main-header-section #menu-button.active span:nth-child(2) {
    background-color: #ff7a00; }
  header nav .main-header-section #menu-button.active span:nth-child(3) {
    transform: rotate(45deg) translate(-7px, -6px); }
@media (min-width: 768px) {
  header nav .main-header-section #navbar {
    position: relative;
    z-index: 1000; }
    header nav .main-header-section #navbar > ul {
      position: relative;
      z-index: initial;
      list-style-type: none;
      background-color: #ff7a00;
      border-radius: 5px;
      margin-bottom: 0;
      padding: 0; }
      header nav .main-header-section #navbar > ul > li {
        display: inline-block; }
        header nav .main-header-section #navbar > ul > li > a {
          position: relative;
          display: inline-block;
          padding: 8px 35px;
          padding-bottom: 10px;
          font-size: 16px;
          font-weight: 400;
          line-height: 27px;
          color: #fff; }
          header nav .main-header-section #navbar > ul > li > a:not(.home-link):before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transition: .3s all;
            transform: translateX(-50%) rotate(45deg);
            width: 0;
            height: 0;
            background-color: #ff7a00; }
        header nav .main-header-section #navbar > ul > li .home-link {
          padding: 8px 20px; }
        header nav .main-header-section #navbar > ul > li > .submenu-wrap {
          position: absolute;
          top: calc(100% - 5px);
          left: 0;
          width: 100%;
          z-index: -1;
          background: #fff;
          transition: .3s all;
          transition-timing-function: cubic-bezier(0.75, 0.25, 0.25, 0.75);
          max-height: 0;
          display: flex;
          overflow: hidden; }
          header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul {
            flex: 1 0 70%;
            padding: 30px 0 30px 50px;
            flex-wrap: wrap;
            list-style-type: none;
            display: flex; }
            header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li {
              display: flex;
              flex: 1 0 50%;
              align-items: center;
              cursor: pointer; } }
            @media (min-width: 768px) and (max-width: 991px) {
              header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li {
                font-size: 15px; } }
@media (min-width: 768px) {
              header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a {
                display: flex;
                align-items: center;
                transition: .25s all;
                font-size: 18px;
                color: #555555;
                text-transform: uppercase; } }
              @media (min-width: 768px) and (max-width: 1199px) {
                header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a {
                  font-size: 16px; } }
              @media (min-width: 768px) and (max-width: 991px) {
                header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a {
                  font-size: 15px; } }
@media (min-width: 768px) {
                header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a svg {
                  margin-right: 10px;
                  width: 40px;
                  vertical-align: middle;
                  height: 40px; }
                  header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a svg path, header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a svg polyline, header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a svg polygon, header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a svg rect {
                    transition: .25s all;
                    stroke: #919191; }
              header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li .submenu-image-wrap {
                position: absolute;
                transition: .25s all;
                transition-timing-function: cubic-bezier(0.75, 0.25, 0.25, 0.75);
                transform: translateX(100%);
                top: 0;
                right: 0;
                opacity: 0; }
              header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li:hover > a {
                color: #ff7a00;
                text-decoration: none; }
                header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li:hover > a svg path, header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li:hover > a svg polyline, header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li:hover > a svg polygon, header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li:hover > a svg rect {
                  stroke: #ff7a00; }
              header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li:hover .submenu-image-wrap {
                transform: translateX(0);
                opacity: 1; }
          header nav .main-header-section #navbar > ul > li > .submenu-wrap .submenu-image-holder {
            height: 300px; }
          header nav .main-header-section #navbar > ul > li > .submenu-wrap .menu-image-wrap {
            flex: 1 0 30%; }
            header nav .main-header-section #navbar > ul > li > .submenu-wrap .menu-image-wrap img {
              padding: 20px;
              width: 100%; }
        header nav .main-header-section #navbar > ul > li:hover > .submenu-wrap {
          max-height: 400px; }
        header nav .main-header-section #navbar > ul > li:hover > a {
          text-decoration: none; }
          header nav .main-header-section #navbar > ul > li:hover > a:before {
            transform: translateY(7px) translateX(-50%) rotate(45deg);
            width: 14px;
            height: 14px; } }
@media (max-width: 767px) {
  header nav #navbar-sm {
    transition: .3s all;
    max-height: 0;
    width: 100%;
    overflow: hidden;
    outline: 1px solid rgba(0, 0, 0, 0.15); }
    header nav #navbar-sm.active {
      max-height: 100vh; }
    header nav #navbar-sm.sub-active > ul > li {
      background-color: rgba(0, 0, 0, 0.05); }
    header nav #navbar-sm > ul {
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      width: 100%; }
      header nav #navbar-sm > ul > li {
        transition: .3s all;
        width: 100%;
        font-size: 18px; }
        header nav #navbar-sm > ul > li > a {
          display: block;
          padding: 15px;
          color: #fff; }
        header nav #navbar-sm > ul > li .submenu-wrap {
          transition: .3s all;
          max-height: 0;
          width: 100%;
          overflow: hidden; }
          header nav #navbar-sm > ul > li .submenu-wrap.active {
            max-height: 100vh; }
          header nav #navbar-sm > ul > li .submenu-wrap ul {
            list-style-type: none;
            background-color: #fff; }
            header nav #navbar-sm > ul > li .submenu-wrap ul li {
              position: relative;
              font-size: 16px; }
              header nav #navbar-sm > ul > li .submenu-wrap ul li a {
                display: block;
                padding: 15px 20px;
                color: #555555; }
              header nav #navbar-sm > ul > li .submenu-wrap ul li svg {
                width: 5vw; }
                header nav #navbar-sm > ul > li .submenu-wrap ul li svg path, header nav #navbar-sm > ul > li .submenu-wrap ul li svg polyline, header nav #navbar-sm > ul > li .submenu-wrap ul li svg polygon, header nav #navbar-sm > ul > li .submenu-wrap ul li svg rect {
                  transition: .25s all;
                  stroke: #919191; }
              header nav #navbar-sm > ul > li .submenu-wrap ul li:before {
                content: '';
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                transition: opacity .3s;
                opacity: 1;
                width: 8vw;
                height: 8vw;
                background-size: 8vw 8vw;
                background-repeat: no-repeat;
                background-position: center center; }
              header nav #navbar-sm > ul > li .submenu-wrap ul li:after {
                content: '';
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                transition: opacity .3s;
                opacity: 0;
                width: 8vw;
                height: 8vw;
                background-size: 8vw 8vw;
                background-repeat: no-repeat;
                background-position: center center; }
              header nav #navbar-sm > ul > li .submenu-wrap ul li:hover:before {
                opacity: 0; }
              header nav #navbar-sm > ul > li .submenu-wrap ul li:hover:after {
                opacity: 1; }
              header nav #navbar-sm > ul > li .submenu-wrap ul li:hover > a {
                color: #ff7a00;
                text-decoration: none; }
              header nav #navbar-sm > ul > li .submenu-wrap ul li:hover svg path, header nav #navbar-sm > ul > li .submenu-wrap ul li:hover svg polyline, header nav #navbar-sm > ul > li .submenu-wrap ul li:hover svg polygon, header nav #navbar-sm > ul > li .submenu-wrap ul li:hover svg rect {
                stroke: #ff7a00; } }
header nav .search-section--mobile, header nav .cart-section--mobile {
  width: 100%;
  background-color: #fff; }
header nav .cart-section--mobile {
  height: 0; }
  header nav .cart-section--mobile.active {
    height: auto; }
header nav .usp-section {
  width: 100%;
  margin-top: -20px;
  background-color: #e5eff6; }
  header nav .usp-section .usp-wrap a {
    display: flex;
    justify-content: space-around;
    padding-top: 20px; }
    header nav .usp-section .usp-wrap a p {
      padding: 4px 0;
      margin: 0; }
      header nav .usp-section .usp-wrap a p i {
        margin-right: 15px; }
      @media (max-width: 1199px) {
        header nav .usp-section .usp-wrap a p {
          font-size: 12px; } }
      @media (max-width: 992px) {
        header nav .usp-section .usp-wrap a p {
          font-size: 9px; } }
header .form-group {
  margin-bottom: 0;
  padding: 20px 15px; }
  header .form-group .header-search {
    font-size: 14px;
    border: 3px solid #eff0f1; }
  header .form-group.mobile:before {
    top: 40px;
    right: 25px; }

footer {
  background: #555555;
  border-top: 4px solid #c8c8c8;
  padding: 30px 0 25px; }
  footer h3, footer p, footer li, footer a, footer span {
    color: #fff; }
  footer h3 {
    text-transform: uppercase;
    margin: 20px 0; }
  footer p {
    line-height: 20px;
    color: #fff;
    margin: 0; }
    @media (max-width: 991px) {
      footer p.subscribe-text {
        margin-bottom: 20px; } }
  footer a:hover {
    text-decoration: none;
    color: #ff7a00; }
  footer ul {
    list-style-type: none; }
    footer ul li {
      line-height: 20px; }
      footer ul li.subkop {
        font-weight: 500;
        text-transform: uppercase; }
  footer .social-wrap li {
    display: inline-block;
    width: 45px;
    font-weight: 500; }
    footer .social-wrap li img {
      width: 40px; }
    @media (max-width: 1199px) {
      footer .social-wrap li {
        width: 40px; }
        footer .social-wrap li img {
          width: 35px; } }
  footer .middle-devider {
    margin: 50px 0 25px;
    border-bottom: 4px solid #c8c8c8; }
    @media (max-width: 991px) {
      footer .middle-devider {
        margin: 25px 0 0px; } }
  footer .bottom-devider {
    margin: 25px 0;
    border-bottom: 4px solid #c8c8c8; }
  footer .form-group {
    margin: 0;
    display: flex; }
    footer .form-group input.subscribe-input {
      width: 75%;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      padding: 9px 20px;
      font-size: 15px; }
    footer .form-group .button {
      text-align: left;
      text-transform: uppercase;
      width: 25%;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      min-width: 0; }
  footer .copyright {
    line-height: 16px;
    color: #c8c8c8; }

/******************
* Home 
*******************/
/***************************
* Pages
***************************/
/***************************
* Objects
****************************/
@media (min-width: 1440px) {
  .container {
    max-width: 1280px; } }

.bg-white {
  background-color: #fff; }

.banner-section {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px; }
  @media (max-width: 1199px) {
    .banner-section {
      height: 250px; } }
  @media (max-width: 992px) {
    .banner-section {
      height: 200px; } }

.home-section {
  padding: 30px 0; }
  @media (max-width: 767px) {
    .home-section {
      padding: 20px 0; }
      .home-section h2 {
        font-size: 5vw;
        margin-bottom: 20px; } }
  @media (max-width: 992px) {
    .home-section .product-row {
      margin: 0 -7.5px; } }
  .home-section .product-row .product-wrap {
    padding: 15px 0 0 15px; }
    @media (max-width: 991px) {
      .home-section .product-row .product-wrap {
        padding: 7.5px; } }
    .home-section .product-row .product-wrap .product {
      border-radius: 5px;
      border: 3px solid #eff0f1;
      padding: 5px 10px; }
      .home-section .product-row .product-wrap .product img {
        display: block;
        margin: 0 auto;
        max-width: 100%; }
      .home-section .product-row .product-wrap .product h4 {
        font-weight: 400;
        font-size: 18px; }
      .home-section .product-row .product-wrap .product p {
        max-width: 70%;
        margin: 0; }
        @media (max-width: 767px) {
          .home-section .product-row .product-wrap .product p {
            max-width: 100%;
            font-weight: 400;
            font-size: 3vw;
            line-height: 3.5vw; } }
  .home-section .banner-wrap {
    padding: 15px 0 0 15px; }
    @media (max-width: 991px) {
      .home-section .banner-wrap {
        padding: 15px; } }
    .home-section .banner-wrap img {
      width: 100%;
      border-radius: 5px;
      border: 3px solid #eff0f1; }
  .home-section .references-wrap {
    padding: 15px 0 0 15px; }
    @media (max-width: 991px) {
      .home-section .references-wrap {
        padding: 15px; } }
    .home-section .references-wrap .references-slider .slick-slide {
      margin: 20px; }
  .home-section .info-wrap {
    padding: 15px 0 0 15px; }
    .home-section .info-wrap .home-information {
      margin: 15px 0 25px;
      border-top: 4px solid #b2b2b2; }
      .home-section .info-wrap .home-information h1, .home-section .info-wrap .home-information h3 {
        margin: 25px 0 20px;
        font-weight: 400; }

.side-bar, .side-bar-sm {
  padding: 15px 15px 0; }
  .side-bar > .row, .side-bar-sm > .row {
    margin: 10px -15px; }
    @media (max-width: 767px) {
      .side-bar > .row, .side-bar-sm > .row {
        margin: 20px -15px; } }
  .side-bar .communication, .side-bar-sm .communication {
    border-radius: 5px;
    border: 3px solid #eff0f1; }
    .side-bar .communication__title, .side-bar-sm .communication__title {
      color: #555;
      font: 800 22px "Ubuntu", sans-serif; }
    .side-bar .communication__link a, .side-bar-sm .communication__link a {
      color: #555555; }
      .side-bar .communication__link a i, .side-bar-sm .communication__link a i {
        margin-right: 10px; }
    .side-bar .communication img, .side-bar-sm .communication img {
      width: 100%; }
  .side-bar .trust-pilot, .side-bar-sm .trust-pilot {
    border-radius: 5px;
    border: 3px solid #eff0f1; }
  .side-bar .socials li, .side-bar-sm .socials li {
    display: inline-block;
    width: 16%;
    font-weight: 500; }
    .side-bar .socials li img, .side-bar-sm .socials li img {
      width: 85%; }
  .side-bar .usps, .side-bar-sm .usps {
    border-radius: 5px;
    border: 3px solid #eff0f1; }
    .side-bar .usps p, .side-bar-sm .usps p {
      margin: 20px 0; }
    .side-bar .usps i, .side-bar-sm .usps i {
      color: #00b845;
      margin-right: 10px; }
  .side-bar .payment-methods img, .side-bar-sm .payment-methods img {
    width: 100%; }

.breadcrumb-section {
  background-color: #cce0ec;
  padding: 10px 0; }
  .breadcrumb-section p {
    margin: 0; }
  .breadcrumb-section a {
    color: #555555; }
  @media (max-width: 767px) {
    .breadcrumb-section {
      display: none; } }

.category-section {
  padding: 30px 0; }
  @media (max-width: 767px) {
    .category-section {
      padding: 20px 0; }
      .category-section h2 {
        font-size: 5vw;
        margin-bottom: 20px; } }
  .category-section ul {
    padding-left: 15px; }
  @media (max-width: 992px) {
    .category-section .category-row {
      margin: 0 -7.5px; } }
  .category-section .category-row .category-wrap {
    padding: 15px 0 0 15px; }
    @media (max-width: 991px) {
      .category-section .category-row .category-wrap {
        padding: 7.5px; } }
    .category-section .category-row .category-wrap .category {
      border-radius: 5px;
      border: 3px solid #eff0f1;
      padding: 5px 10px; }
      .category-section .category-row .category-wrap .category img {
        display: block;
        margin: 0 auto;
        max-width: 100%; }
      .category-section .category-row .category-wrap .category h4 {
        font-weight: 400;
        font-size: 18px;
        color: #555; }
      .category-section .category-row .category-wrap .category p {
        max-width: 70%;
        margin: 0; }
        @media (max-width: 767px) {
          .category-section .category-row .category-wrap .category p {
            max-width: 100%;
            font-weight: 400;
            font-size: 3vw;
            line-height: 3.5vw; } }
  .category-section .side-bar > .row {
    margin: 0; }
  .category-section .banner-wrap {
    padding: 15px 0 0 15px; }
    @media (max-width: 991px) {
      .category-section .banner-wrap {
        padding: 15px; } }
    .category-section .banner-wrap img {
      width: 100%;
      border-radius: 5px;
      border: 3px solid #eff0f1; }
  .category-section .references-wrap {
    padding: 15px 0 0 15px; }
    @media (max-width: 991px) {
      .category-section .references-wrap {
        padding: 15px; } }
    .category-section .references-wrap .references-slider .slick-slide {
      margin: 20px; }
  .category-section .info-wrap {
    padding: 15px 0 0 15px; }
    .category-section .info-wrap .home-information {
      margin: 15px 0 25px;
      border-top: 4px solid #b2b2b2; }
      .category-section .info-wrap .home-information h1, .category-section .info-wrap .home-information h3 {
        margin: 25px 0 20px;
        font-weight: 400; }

.product-section {
  padding: 20px 0; }
  .product-section .vat-wrap {
    display: block;
    padding: 5px 30px 0 0;
    text-align: right; }
  .product-section .product-wrap h1.like-h3 {
    font-weight: 400;
    text-transform: uppercase; }
  .product-section .product-wrap ul {
    list-style-type: none; }
    .product-section .product-wrap ul li {
      padding-left: 15px;
      position: relative; }
      .product-section .product-wrap ul li:before {
        content: '';
        width: 10px;
        height: 6px;
        border-bottom: 2px solid #686868;
        border-left: 2px solid #686868;
        position: absolute;
        transform: translateY(-50%) rotate(-45deg);
        top: 50%;
        left: 0; }
  .product-section .product-options-wrap .product-options-title {
    margin: 20px 0;
    padding: 20px; }
    .product-section .product-options-wrap .product-options-title .like-h1 {
      display: inline-block;
      color: #ff7a00;
      margin: 0; }
  .product-section .product-prices {
    margin-top: 20px;
    padding: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #eff0f1;
    border: none; }
    .product-section .product-prices .like-h1 {
      display: inline-block;
      color: #ff7a00;
      margin: 0; }
  .product-section .prices-table-wrap table {
    width: 100%; }
    .product-section .prices-table-wrap table tr:first-child {
      border-bottom: 4px solid #b2b2b2; }
    .product-section .prices-table-wrap table tr:nth-child(odd) {
      background-color: #eff0f1; }
    .product-section .prices-table-wrap table td, .product-section .prices-table-wrap table th {
      width: 25%;
      text-align: center; }
    .product-section .prices-table-wrap table th {
      font-size: 18px;
      line-height: 22px;
      font-weight: 400;
      padding: 15px 10px 5px; }
    .product-section .prices-table-wrap table td {
      font-size: 16px;
      line-height: 22px;
      font-weight: 400;
      padding: 15px 0; }
      .product-section .prices-table-wrap table td .select-wrap {
        padding: 10px 0; }
        .product-section .prices-table-wrap table td .select-wrap:before {
          right: 15%; }
        .product-section .prices-table-wrap table td .select-wrap #hogere_oplage {
          width: 85%; }
  .product-section .info-button {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-color: #ff9933;
    display: flex;
    justify-content: center;
    align-items: center; }
    .product-section .info-button i {
      color: #fff;
      font-size: 12px; }
  .product-section .product-option-row {
    margin: 7.5px; }
    .product-section .product-option-row .product-option-wrap {
      padding: 7.5px; }
      .product-section .product-option-row .product-option-wrap .product-option {
        border-radius: 5px;
        border: 2px solid #eff0f1; }
        .product-section .product-option-row .product-option-wrap .product-option img {
          display: block;
          width: 100px;
          margin: 0 auto; }
        .product-section .product-option-row .product-option-wrap .product-option p {
          font-size: 16px;
          padding: 10px 0;
          font-weight: 400;
          text-align: center; }
        .product-section .product-option-row .product-option-wrap .product-option.active {
          border: 2px solid #ff6400; }
      .product-section .product-option-row .product-option-wrap .product-option-wide {
        border-radius: 5px;
        border: 3px solid #eff0f1; }
        .product-section .product-option-row .product-option-wrap .product-option-wide img {
          display: block;
          width: 100%;
          margin: 0 auto; }
        .product-section .product-option-row .product-option-wrap .product-option-wide .form-group {
          margin: 0;
          display: flex;
          align-items: center; }
        .product-section .product-option-row .product-option-wrap .product-option-wide .add-extra-product-wrap {
          margin: 0 10px;
          display: flex;
          flex-wrap: wrap; }
          @media (max-width: 767px) {
            .product-section .product-option-row .product-option-wrap .product-option-wide .add-extra-product-wrap {
              padding: 0 12.5%;
              margin: 10px 0; } }
          .product-section .product-option-row .product-option-wrap .product-option-wide .add-extra-product-wrap input {
            flex: 1 0 calc(100% - 70px);
            max-height: 35px;
            text-align: center;
            border: 3px solid #eff0f1; }
          .product-section .product-option-row .product-option-wrap .product-option-wide .add-extra-product-wrap .button {
            flex: 1 0 34px;
            max-height: 34px;
            min-width: 0px;
            min-height: 0;
            font-size: 26px;
            font-weight: 400;
            padding: 0; }
          .product-section .product-option-row .product-option-wrap .product-option-wide .add-extra-product-wrap p {
            margin-top: 10%; }
          @media (max-width: 767px) {
            .product-section .product-option-row .product-option-wrap .product-option-wide .add-extra-product-wrap p {
              font-size: 18px;
              line-height: 22px;
              font-weight: 400;
              margin: 20px 0 0; } }
        .product-section .product-option-row .product-option-wrap .product-option-wide p {
          text-align: center;
          padding: 0 10%; }
        .product-section .product-option-row .product-option-wrap .product-option-wide.active {
          border: 3px solid #ff6400; }
  .product-section .communication {
    border-radius: 5px;
    border: 3px solid #eff0f1; }
    .product-section .communication__title {
      color: #ff6400; }
    .product-section .communication__link a {
      color: #555555; }
  .product-section .product-price-bar {
    padding: 15px;
    border-radius: 5px;
    border: 3px solid #ff6400; }
    @media (max-width: 767px) {
      .product-section .product-price-bar {
        margin: 15px; } }
    .product-section .product-price-bar h3 {
      margin: 0;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 14px; }
    .product-section .product-price-bar p {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      margin: 0; }
      .product-section .product-price-bar p.priceing, .product-section .product-price-bar p.subtotal {
        display: flex;
        justify-content: space-between; }
      .product-section .product-price-bar p.subtotal {
        margin-top: 10px;
        border-top: 3px solid #eff0f1;
        padding: 10px 0; }
      .product-section .product-price-bar p.sub {
        color: #ff6400; }
    .product-section .product-price-bar .button {
      margin-top: 5px;
      font-size: 22px;
      font-weight: 400;
      min-width: 0;
      width: 100%; }
  .product-section .top-devider {
    margin: 20px -15px;
    border-top: 3px solid #b2b2b2; }
    @media (max-width: 767px) {
      .product-section .top-devider {
        margin: 0px; } }
  .product-section .product-information h2, .product-section .product-information h3 {
    margin: 20px 0; }

.login-section,
.cart-section,
.checkout-section,
.my-account-section {
  padding: 20px 0; }
  .login-section h1,
  .cart-section h1,
  .checkout-section h1,
  .my-account-section h1 {
    margin: 20px 0; }
  .login-section h2.like-h3,
  .cart-section h2.like-h3,
  .checkout-section h2.like-h3,
  .my-account-section h2.like-h3 {
    font-weight: 400; }
  .login-section .header-bar,
  .cart-section .header-bar,
  .checkout-section .header-bar,
  .my-account-section .header-bar {
    margin-bottom: 30px; }
  .login-section .prices-header,
  .cart-section .prices-header,
  .checkout-section .prices-header,
  .my-account-section .prices-header {
    margin-bottom: 0px; }
  .login-section .form-group input[type="text"], .login-section .form-group input[type="password"], .login-section .form-group select, .login-section .form-group textarea,
  .cart-section .form-group input[type="text"],
  .cart-section .form-group input[type="password"],
  .cart-section .form-group select,
  .cart-section .form-group textarea,
  .checkout-section .form-group input[type="text"],
  .checkout-section .form-group input[type="password"],
  .checkout-section .form-group select,
  .checkout-section .form-group textarea,
  .my-account-section .form-group input[type="text"],
  .my-account-section .form-group input[type="password"],
  .my-account-section .form-group select,
  .my-account-section .form-group textarea {
    border: 3px solid #eff0f1;
    margin-bottom: -3px; }
    .login-section .form-group input[type="text"].half, .login-section .form-group input[type="password"].half, .login-section .form-group select.half, .login-section .form-group textarea.half,
    .cart-section .form-group input[type="text"].half,
    .cart-section .form-group input[type="password"].half,
    .cart-section .form-group select.half,
    .cart-section .form-group textarea.half,
    .checkout-section .form-group input[type="text"].half,
    .checkout-section .form-group input[type="password"].half,
    .checkout-section .form-group select.half,
    .checkout-section .form-group textarea.half,
    .my-account-section .form-group input[type="text"].half,
    .my-account-section .form-group input[type="password"].half,
    .my-account-section .form-group select.half,
    .my-account-section .form-group textarea.half {
      margin-right: -3px;
      width: calc(50% + 3px); }
      .login-section .form-group input[type="text"].half:last-child, .login-section .form-group input[type="password"].half:last-child, .login-section .form-group select.half:last-child, .login-section .form-group textarea.half:last-child,
      .cart-section .form-group input[type="text"].half:last-child,
      .cart-section .form-group input[type="password"].half:last-child,
      .cart-section .form-group select.half:last-child,
      .cart-section .form-group textarea.half:last-child,
      .checkout-section .form-group input[type="text"].half:last-child,
      .checkout-section .form-group input[type="password"].half:last-child,
      .checkout-section .form-group select.half:last-child,
      .checkout-section .form-group textarea.half:last-child,
      .my-account-section .form-group input[type="text"].half:last-child,
      .my-account-section .form-group input[type="password"].half:last-child,
      .my-account-section .form-group select.half:last-child,
      .my-account-section .form-group textarea.half:last-child {
        width: 50%;
        margin-right: 0; }
    .login-section .form-group input[type="text"].quater, .login-section .form-group input[type="password"].quater, .login-section .form-group select.quater, .login-section .form-group textarea.quater,
    .cart-section .form-group input[type="text"].quater,
    .cart-section .form-group input[type="password"].quater,
    .cart-section .form-group select.quater,
    .cart-section .form-group textarea.quater,
    .checkout-section .form-group input[type="text"].quater,
    .checkout-section .form-group input[type="password"].quater,
    .checkout-section .form-group select.quater,
    .checkout-section .form-group textarea.quater,
    .my-account-section .form-group input[type="text"].quater,
    .my-account-section .form-group input[type="password"].quater,
    .my-account-section .form-group select.quater,
    .my-account-section .form-group textarea.quater {
      width: calc(25% + 3px);
      margin-right: -3px; }
      .login-section .form-group input[type="text"].quater:last-child, .login-section .form-group input[type="password"].quater:last-child, .login-section .form-group select.quater:last-child, .login-section .form-group textarea.quater:last-child,
      .cart-section .form-group input[type="text"].quater:last-child,
      .cart-section .form-group input[type="password"].quater:last-child,
      .cart-section .form-group select.quater:last-child,
      .cart-section .form-group textarea.quater:last-child,
      .checkout-section .form-group input[type="text"].quater:last-child,
      .checkout-section .form-group input[type="password"].quater:last-child,
      .checkout-section .form-group select.quater:last-child,
      .checkout-section .form-group textarea.quater:last-child,
      .my-account-section .form-group input[type="text"].quater:last-child,
      .my-account-section .form-group input[type="password"].quater:last-child,
      .my-account-section .form-group select.quater:last-child,
      .my-account-section .form-group textarea.quater:last-child {
        width: 25%;
        margin-right: 0; }
    .login-section .form-group input[type="text"]:focus:not(.search-input), .login-section .form-group input[type="text"].form-error, .login-section .form-group input[type="password"]:focus:not(.search-input), .login-section .form-group input[type="password"].form-error, .login-section .form-group select:focus:not(.search-input), .login-section .form-group select.form-error, .login-section .form-group textarea:focus:not(.search-input), .login-section .form-group textarea.form-error,
    .cart-section .form-group input[type="text"]:focus:not(.search-input),
    .cart-section .form-group input[type="text"].form-error,
    .cart-section .form-group input[type="password"]:focus:not(.search-input),
    .cart-section .form-group input[type="password"].form-error,
    .cart-section .form-group select:focus:not(.search-input),
    .cart-section .form-group select.form-error,
    .cart-section .form-group textarea:focus:not(.search-input),
    .cart-section .form-group textarea.form-error,
    .checkout-section .form-group input[type="text"]:focus:not(.search-input),
    .checkout-section .form-group input[type="text"].form-error,
    .checkout-section .form-group input[type="password"]:focus:not(.search-input),
    .checkout-section .form-group input[type="password"].form-error,
    .checkout-section .form-group select:focus:not(.search-input),
    .checkout-section .form-group select.form-error,
    .checkout-section .form-group textarea:focus:not(.search-input),
    .checkout-section .form-group textarea.form-error,
    .my-account-section .form-group input[type="text"]:focus:not(.search-input),
    .my-account-section .form-group input[type="text"].form-error,
    .my-account-section .form-group input[type="password"]:focus:not(.search-input),
    .my-account-section .form-group input[type="password"].form-error,
    .my-account-section .form-group select:focus:not(.search-input),
    .my-account-section .form-group select.form-error,
    .my-account-section .form-group textarea:focus:not(.search-input),
    .my-account-section .form-group textarea.form-error {
      position: relative;
      z-index: 5; }
    .login-section .form-group input[type="text"]:focus, .login-section .form-group input[type="password"]:focus, .login-section .form-group select:focus, .login-section .form-group textarea:focus,
    .cart-section .form-group input[type="text"]:focus,
    .cart-section .form-group input[type="password"]:focus,
    .cart-section .form-group select:focus,
    .cart-section .form-group textarea:focus,
    .checkout-section .form-group input[type="text"]:focus,
    .checkout-section .form-group input[type="password"]:focus,
    .checkout-section .form-group select:focus,
    .checkout-section .form-group textarea:focus,
    .my-account-section .form-group input[type="text"]:focus,
    .my-account-section .form-group input[type="password"]:focus,
    .my-account-section .form-group select:focus,
    .my-account-section .form-group textarea:focus {
      border-color: #ff7a00; }
  .login-section .form-group textarea,
  .cart-section .form-group textarea,
  .checkout-section .form-group textarea,
  .my-account-section .form-group textarea {
    height: 80px; }
  .login-section .form-group label,
  .cart-section .form-group label,
  .checkout-section .form-group label,
  .my-account-section .form-group label {
    display: block; }
    .login-section .form-group label input,
    .cart-section .form-group label input,
    .checkout-section .form-group label input,
    .my-account-section .form-group label input {
      margin-right: 10px;
      background-color: inherit;
      border-radius: 2px; }
    .login-section .form-group label.delivery,
    .cart-section .form-group label.delivery,
    .checkout-section .form-group label.delivery,
    .my-account-section .form-group label.delivery {
      padding-top: 10px;
      text-align: right; }
  .login-section .form-group .login-wrap,
  .cart-section .form-group .login-wrap,
  .checkout-section .form-group .login-wrap,
  .my-account-section .form-group .login-wrap {
    margin-top: 50px; }
    @media (max-width: 767px) {
      .login-section .form-group .login-wrap,
      .cart-section .form-group .login-wrap,
      .checkout-section .form-group .login-wrap,
      .my-account-section .form-group .login-wrap {
        margin-top: 25px; } }
  .login-section .checkout-prices,
  .cart-section .checkout-prices,
  .checkout-section .checkout-prices,
  .my-account-section .checkout-prices {
    padding: 30px 30px 0px;
    background: #eff0f1; }
    .login-section .checkout-prices .form-group input, .login-section .checkout-prices .form-group select, .login-section .checkout-prices .form-group textarea,
    .cart-section .checkout-prices .form-group input,
    .cart-section .checkout-prices .form-group select,
    .cart-section .checkout-prices .form-group textarea,
    .checkout-section .checkout-prices .form-group input,
    .checkout-section .checkout-prices .form-group select,
    .checkout-section .checkout-prices .form-group textarea,
    .my-account-section .checkout-prices .form-group input,
    .my-account-section .checkout-prices .form-group select,
    .my-account-section .checkout-prices .form-group textarea {
      margin: 0 0 3px 0;
      max-width: 100%; }
      .login-section .checkout-prices .form-group input:first-child, .login-section .checkout-prices .form-group select:first-child, .login-section .checkout-prices .form-group textarea:first-child,
      .cart-section .checkout-prices .form-group input:first-child,
      .cart-section .checkout-prices .form-group select:first-child,
      .cart-section .checkout-prices .form-group textarea:first-child,
      .checkout-section .checkout-prices .form-group input:first-child,
      .checkout-section .checkout-prices .form-group select:first-child,
      .checkout-section .checkout-prices .form-group textarea:first-child,
      .my-account-section .checkout-prices .form-group input:first-child,
      .my-account-section .checkout-prices .form-group select:first-child,
      .my-account-section .checkout-prices .form-group textarea:first-child {
        margin: 0 0 3px 0;
        max-width: 100%; }
    .login-section .checkout-prices .deviders,
    .cart-section .checkout-prices .deviders,
    .checkout-section .checkout-prices .deviders,
    .my-account-section .checkout-prices .deviders {
      margin: 10px 0;
      padding: 10px 0;
      border-top: 1px solid #b2b2b2;
      border-bottom: 1px solid #b2b2b2; }
    .login-section .checkout-prices .devider,
    .cart-section .checkout-prices .devider,
    .checkout-section .checkout-prices .devider,
    .my-account-section .checkout-prices .devider {
      margin: 10px 0;
      padding: 10px 0;
      border-top: 1px solid #b2b2b2; }
  .login-section .button,
  .cart-section .button,
  .checkout-section .button,
  .my-account-section .button {
    font-size: 24px;
    font-weight: 400; }
    .login-section .button.dark,
    .cart-section .button.dark,
    .checkout-section .button.dark,
    .my-account-section .button.dark {
      background-color: #555555; }
    .login-section .button.disabled,
    .cart-section .button.disabled,
    .checkout-section .button.disabled,
    .my-account-section .button.disabled {
      background-color: #c7c7c7; }
  .login-section .radio,
  .cart-section .radio,
  .checkout-section .radio,
  .my-account-section .radio {
    margin: 30px 0 20px;
    padding-left: 30px; }
    .login-section .radio img,
    .cart-section .radio img,
    .checkout-section .radio img,
    .my-account-section .radio img {
      margin-top: -5px;
      margin-right: 5px; }

.checkout-section h1 {
  margin-bottom: 0; }
.checkout-section .header-bar {
  margin-top: 25px; }
.checkout-section .deviders {
  font-weight: 500; }
.checkout-section .info-button {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #ff9933;
  display: flex;
  justify-content: center;
  align-items: center; }
  .checkout-section .info-button i {
    color: #fff;
    font-size: 9px; }

.cart-section .header-bar {
  padding: 20px 0;
  margin-bottom: 20px; }
  .cart-section .header-bar h3 {
    font-weight: 400;
    margin: 0; }
  @media (max-width: 767px) {
    .cart-section .header-bar {
      padding: 20px; } }
.cart-section .cart-product-wrap {
  padding-bottom: 15px;
  border-bottom: 3px solid #f0f1f2; }
  .cart-section .cart-product-wrap p {
    margin-bottom: 5px; }
    .cart-section .cart-product-wrap p.product-spec {
      color: #ff7a00; }
  .cart-section .cart-product-wrap .actions-wrap, .cart-section .cart-product-wrap .product-title-wrap {
    margin-bottom: 5px; }
    .cart-section .cart-product-wrap .actions-wrap a, .cart-section .cart-product-wrap .product-title-wrap a {
      font-size: 20px;
      color: #555555;
      margin-right: 10px; }
  @media (max-width: 767px) {
    .cart-section .cart-product-wrap .cart-buttons {
      margin: 20px 0; } }
  .cart-section .cart-product-wrap .button {
    margin-bottom: 10px;
    font-size: 18px;
    padding: 7px;
    width: 100%;
    min-width: 0px; }
  .cart-section .cart-product-wrap .form-group {
    margin-bottom: 10px; }
    .cart-section .cart-product-wrap .form-group .quantity-wrap {
      position: relative; }
      .cart-section .cart-product-wrap .form-group .quantity-wrap .quantity {
        box-shadow: inherit;
        border: 1px solid #eff0f1;
        text-align: center;
        margin: 0;
        padding: 8px 10px 8px 0; }
      .cart-section .cart-product-wrap .form-group .quantity-wrap .add-to-quantity,
      .cart-section .cart-product-wrap .form-group .quantity-wrap .subtract-from-quantity {
        position: absolute;
        transition: .3s all;
        width: 20px;
        height: 50%;
        cursor: pointer; }
        .cart-section .cart-product-wrap .form-group .quantity-wrap .add-to-quantity:before,
        .cart-section .cart-product-wrap .form-group .quantity-wrap .subtract-from-quantity:before {
          content: '';
          position: absolute;
          width: 7px;
          height: 7px;
          transition: .3s all;
          border-bottom: 2px solid #555555;
          border-right: 2px solid #555555; }
        .cart-section .cart-product-wrap .form-group .quantity-wrap .add-to-quantity:hover,
        .cart-section .cart-product-wrap .form-group .quantity-wrap .subtract-from-quantity:hover {
          background-color: #c7c7c7; }
          .cart-section .cart-product-wrap .form-group .quantity-wrap .add-to-quantity:hover:before,
          .cart-section .cart-product-wrap .form-group .quantity-wrap .subtract-from-quantity:hover:before {
            border-bottom: 2px solid #ff7a00;
            border-right: 2px solid #ff7a00; }
      .cart-section .cart-product-wrap .form-group .quantity-wrap .add-to-quantity {
        top: 1px;
        right: 0px;
        border-top-right-radius: 5px; }
        .cart-section .cart-product-wrap .form-group .quantity-wrap .add-to-quantity:before {
          top: 25%;
          left: 50%;
          transform: translateX(-50%) translateY(50%) rotate(225deg); }
      .cart-section .cart-product-wrap .form-group .quantity-wrap .subtract-from-quantity {
        bottom: 1px;
        right: 0px;
        border-bottom-right-radius: 5px; }
        .cart-section .cart-product-wrap .form-group .quantity-wrap .subtract-from-quantity:before {
          bottom: 25%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.cart-section .info-button {
  display: inline-block;
  position: absolute;
  right: -40px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #ff9933;
  display: flex;
  justify-content: center;
  align-items: center; }
  .cart-section .info-button i {
    color: #fff;
    font-size: 9px; }
.cart-section .footer-bar p {
  margin-bottom: 5px; }
.cart-section .footer-bar .total-wrap p {
  text-align: right; }
  .cart-section .footer-bar .total-wrap p.total {
    font-weight: 500; }
.cart-section .buttons {
  margin: 20px 0; }
  @media (min-width: 768px) {
    .cart-section .buttons > div:first-child {
      padding-left: 0; }
    .cart-section .buttons > div:last-child {
      padding-right: 0; } }
  @media (max-width: 767px) {
    .cart-section .buttons {
      margin: 20px -15px; }
      .cart-section .buttons .button {
        width: 100%;
        min-width: 0px; } }

.login-section h1 {
  margin: 0 0 40px; }
.login-section .header-bar {
  margin-bottom: 20px; }
.login-section .button {
  display: block;
  margin: 40px 0 0 auto; }
.login-section .middle-devider {
  width: 3px;
  height: 100%;
  background-color: #f1f2f3;
  margin: -20px auto; }
.login-section .login-info,
.login-section .registration-info {
  margin-bottom: 20px;
  min-height: 75px; }

.faq-section h1, .faq-section .like-h1 {
  margin: 30px 0; }
.faq-section .contact .icon {
  margin: 10px auto;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  border: 1px solid #555555;
  display: flex;
  align-items: center;
  justify-content: center; }
  .faq-section .contact .icon i {
    font-size: 20px; }
.faq-section .contact h3 {
  color: #ff7a00;
  font-size: 20px;
  font-weight: 500;
  text-align: center; }
.faq-section .contact p {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  margin: 20px 0 40px; }
.faq-section .title-wrap {
  border-top: 3px solid #b2b2b2; }
.faq-section .faq-wrap > .row {
  border-top: 3px solid #eff0f1;
  padding: 15px 0;
  cursor: pointer; }
  .faq-section .faq-wrap > .row h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 0; }
  .faq-section .faq-wrap > .row:last-child {
    border-bottom: 3px solid #eff0f1; }
  .faq-section .faq-wrap > .row p {
    overflow: hidden;
    transition: .3s all;
    max-height: 0;
    margin: 0; }
    .faq-section .faq-wrap > .row p.active {
      max-height: 200px;
      margin: 10px 0; }

.text-section {
  padding: 40px 0; }
  .text-section h1 {
    margin-bottom: 20px; }

.over-ons-section {
  padding: 40px 0; }
  .over-ons-section h1 {
    margin-bottom: 50px; }
  .over-ons-section h3 {
    margin: 20px 0; }
  .over-ons-section img {
    width: 100%; }
    .over-ons-section img.banner {
      border: 3px solid #f1f2f3;
      border-radius: 5px;
      margin: 50px 0; }

.my-account-section h1 {
  margin-top: 20px; }
.my-account-section .tab-btn-wrap {
  margin-top: 25px; }
  @media (max-width: 767px) {
    .my-account-section .tab-btn-wrap {
      display: flex;
      justify-content: space-around; } }
  .my-account-section .tab-btn-wrap .tab-btn {
    display: block;
    cursor: pointer;
    border-radius: 5px;
    color: #555555;
    transition: .25s all;
    background-color: #f0f1f2;
    height: 45px;
    width: 100%;
    font-size: 16px;
    padding: 15px;
    margin-bottom: 10px; }
    .my-account-section .tab-btn-wrap .tab-btn i {
      margin-right: 10px; }
    @media (max-width: 991px) {
      .my-account-section .tab-btn-wrap .tab-btn {
        display: flex;
        justify-content: center; }
        .my-account-section .tab-btn-wrap .tab-btn i {
          margin: 0; } }
    @media (max-width: 767px) {
      .my-account-section .tab-btn-wrap .tab-btn {
        display: inline-block;
        width: inherit; } }
    .my-account-section .tab-btn-wrap .tab-btn:hover {
      background-color: #d1d1d1;
      text-decoration: none; }
    .my-account-section .tab-btn-wrap .tab-btn.active {
      background-color: #ff7a00;
      color: #ffffff; }
    .my-account-section .tab-btn-wrap .tab-btn.success {
      -webkit-animation-name: successTabBackground;
      -webkit-animation-duration: 3s;
      animation-name: successTabBackground;
      animation-duration: 3s; }
    .my-account-section .tab-btn-wrap .tab-btn.error {
      -webkit-animation-name: errorTabBackground;
      -webkit-animation-duration: 3s;
      animation-name: errorTabBackground;
      animation-duration: 3s; }
.my-account-section .form-group {
  margin: 0; }
.my-account-section .communication {
  border-radius: 5px;
  border: 3px solid #eff0f1;
  padding: 15px;
  padding-bottom: 0; }
  .my-account-section .communication__title {
    color: #ff6400; }
  .my-account-section .communication__link a {
    color: #555555; }
    .my-account-section .communication__link a i {
      margin-right: 10px; }
  .my-account-section .communication img {
    width: 100%; }
.my-account-section .tab {
  display: none;
  max-height: 0; }
  .my-account-section .tab.active {
    display: block;
    transition: max-height .3s;
    max-height: 2000px; }
  .my-account-section .tab .no-orders {
    margin: 20px 0; }
.my-account-section .header-bar {
  margin-top: 25px;
  margin-bottom: 10px; }
  .my-account-section .header-bar .like-h3 {
    line-height: 18px;
    font-weight: 400; }
.my-account-section .button {
  width: 100%; }
  @media (max-width: 991px) {
    .my-account-section .button {
      margin-left: auto;
      width: fit-content;
      max-width: 100%; } }
@media (max-width: 1199px) {
  .my-account-section .add-address {
    min-width: 0;
    font-size: 18px; } }
@media (max-width: 991px) {
  .my-account-section .search-icon {
    display: flex;
    justify-content: space-between; }
    .my-account-section .search-icon .search-input {
      width: calc(100% - 50px); }
    .my-account-section .search-icon .button {
      margin-left: auto;
      height: 40px;
      width: 40px;
      font-size: 18px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 0;
      max-width: 100%; } }
.my-account-section .address-wrap,
.my-account-section .bestelling-wrap {
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  background-color: #edeeef;
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px; }
  .my-account-section .address-wrap div,
  .my-account-section .bestelling-wrap div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .my-account-section .address-wrap:before,
  .my-account-section .bestelling-wrap:before {
    position: absolute;
    right: 10px;
    top: 15px;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #555555;
    border-left: 2px solid #555555;
    transition: .3s all;
    transform: rotate(225deg); }
  .my-account-section .address-wrap.active:before,
  .my-account-section .bestelling-wrap.active:before {
    top: 14px;
    transform: rotate(315deg); }
  .my-account-section .address-wrap.success,
  .my-account-section .bestelling-wrap.success {
    -webkit-animation-name: successBackground;
    -webkit-animation-duration: 3s;
    animation-name: successBackground;
    animation-duration: 3s; }
  .my-account-section .address-wrap.error,
  .my-account-section .bestelling-wrap.error {
    -webkit-animation-name: errorBackground;
    -webkit-animation-duration: 3s;
    animation-name: errorBackground;
    animation-duration: 3s; }
.my-account-section .edit-address-wrap {
  max-height: 0;
  transition: .3s all;
  overflow: hidden; }
  .my-account-section .edit-address-wrap.active {
    margin-top: 10px;
    max-height: 250px; }
    @media (max-width: 991px) {
      .my-account-section .edit-address-wrap.active {
        max-height: 300px; }
        .my-account-section .edit-address-wrap.active .button {
          margin-top: 20px; } }
.my-account-section .bestelling-details-wrap {
  padding: 0 10px;
  font-size: 14px;
  transition: .3s all;
  max-height: 0;
  overflow: hidden; }
  .my-account-section .bestelling-details-wrap.active {
    padding: 25px 10px;
    min-height: fit-content;
    max-height: 2000px; }
  .my-account-section .bestelling-details-wrap h3 {
    margin: 0;
    font-weight: 400; }
  .my-account-section .bestelling-details-wrap .header-bar {
    padding: 10px 20px;
    margin: 25px -10px 0; }
  .my-account-section .bestelling-details-wrap .product-details-wrap,
  .my-account-section .bestelling-details-wrap .product-details-extra-wrap {
    font-size: 15px;
    line-height: 25px;
    padding: 10px;
    border-bottom: 2px solid #eeeff0; }
    .my-account-section .bestelling-details-wrap .product-details-wrap .upload-preview,
    .my-account-section .bestelling-details-wrap .product-details-extra-wrap .upload-preview {
      width: 100%; }
    .my-account-section .bestelling-details-wrap .product-details-wrap .button,
    .my-account-section .bestelling-details-wrap .product-details-extra-wrap .button {
      min-width: 0;
      width: 100%;
      font-size: 18px; }
    .my-account-section .bestelling-details-wrap .product-details-wrap .accent,
    .my-account-section .bestelling-details-wrap .product-details-extra-wrap .accent {
      color: #ff7a00; }
      .my-account-section .bestelling-details-wrap .product-details-wrap .accent span,
      .my-account-section .bestelling-details-wrap .product-details-extra-wrap .accent span {
        color: #555555; }
    .my-account-section .bestelling-details-wrap .product-details-wrap i,
    .my-account-section .bestelling-details-wrap .product-details-extra-wrap i {
      font-size: 10px; }
  .my-account-section .bestelling-details-wrap .product-details-extra-wrap {
    border-bottom: none; }
  .my-account-section .bestelling-details-wrap .shipping-details-title-wrap {
    padding: 10px;
    border-bottom: 2px solid #eeeff0; }
  .my-account-section .bestelling-details-wrap .footer-bar {
    font-size: 15px;
    padding: 10px; }
    .my-account-section .bestelling-details-wrap .footer-bar .trackntrace {
      font-size: 16px; }
      .my-account-section .bestelling-details-wrap .footer-bar .trackntrace span {
        color: #074cff; }
    .my-account-section .bestelling-details-wrap .footer-bar .button {
      text-align: left;
      min-width: 0;
      width: 100%;
      font-size: 16px; }
      .my-account-section .bestelling-details-wrap .footer-bar .button:nth-child(odd) {
        margin-bottom: 5px; }
      .my-account-section .bestelling-details-wrap .footer-bar .button i {
        font-size: 14px;
        margin-right: 10px; }

.designer {
  background-color: #f7f7f7;
  padding: 50px 0; }
  .designer .sidebar p {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 18px; }
    .designer .sidebar p span:nth-child(even) {
      margin: 0 15px; }
  .designer .sidebar .title {
    font-size: 18px;
    line-height: 22px;
    margin-top: 10px; }
  .designer .sidebar .sub {
    font-weight: 500;
    color: #ff7a00; }
  .designer .sidebar__info {
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px 15px; }
  .designer .sidebar__logo {
    display: flex; }
    .designer .sidebar__logo svg:first-child {
      max-height: 100px;
      filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
      width: 21%; }
    .designer .sidebar__logo svg:last-child {
      max-height: 100px;
      width: 79%; }
  .designer .sidebar .details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px; }
  .designer .sidebar__uploader {
    margin-bottom: 10px; }
    .designer .sidebar__uploader .box {
      position: relative; }
      @media (min-width: 768px) {
        .designer .sidebar__uploader .box {
          background-color: #fff;
          padding: 50px 20px; } }
      .designer .sidebar__uploader .box:before {
        content: '';
        position: absolute;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        border-radius: 50%;
        border: 8px solid #a5a5a5;
        border-top: 8px solid #e4e4e4;
        width: 50px;
        height: 50px;
        opacity: 0;
        pointer-events: none;
        z-index: 5;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite; }
      .designer .sidebar__uploader .box__dragndrop {
        display: none; }
      .designer .sidebar__uploader .box.has-advanced-upload {
        border-radius: 5px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear; }
        @media (min-width: 768px) {
          .designer .sidebar__uploader .box.has-advanced-upload {
            border: 2px dashed #e5e5e5; } }
        .designer .sidebar__uploader .box.has-advanced-upload .box__dragndrop {
          word-break: break-word;
          display: block;
          text-align: center;
          margin-top: 5px; }
      .designer .sidebar__uploader .box--is-dragover {
        outline-offset: -20px;
        outline-color: #fff;
        background-color: #98c3da; }
      .designer .sidebar__uploader .box--is-uploading {
        opacity: 0.5;
        pointer-events: none; }
        .designer .sidebar__uploader .box--is-uploading:before {
          opacity: 1; }
      .designer .sidebar__uploader .box--is-success .box__input, .designer .sidebar__uploader .box--is-error {
        -webkit-animation-name: errorFormat;
        -webkit-animation-duration: 2s;
        animation-name: errorFormat;
        animation-duration: 2s; }
      .designer .sidebar__uploader .box__file {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1; }
        .designer .sidebar__uploader .box__file + label {
          cursor: pointer;
          margin: 0 auto;
          display: block;
          overflow: hidden; }
          @media (min-width: 768px) {
            .designer .sidebar__uploader .box__file + label {
              max-width: 155px; } }
      .designer .sidebar__uploader .box__button {
        display: block;
        min-width: 0;
        font-weight: 400; }
        @media (max-width: 767px) {
          .designer .sidebar__uploader .box__button {
            width: 100%;
            font-size: 20px; } }
  .designer .sidebar__tools {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 0 15px 10px; }
    .designer .sidebar__tools .tools {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .designer .sidebar__tools .tools__zoom .sidebar__button {
        margin-left: -5px; }
      .designer .sidebar__tools .tools__zoom .dragstrip {
        margin-top: 1px; }
  .designer .sidebar__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 40px;
    transition: .25s all;
    border: 2px solid #c4c4c4;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: top; }
    .designer .sidebar__button i {
      font-size: 20px;
      line-height: 20px; }
      .designer .sidebar__button i.turned {
        transform: rotate(90deg); }
        .designer .sidebar__button i.turned--half {
          transform: rotate(45deg); }
    .designer .sidebar__button:hover, .designer .sidebar__button--active {
      position: relative;
      z-index: 2;
      border-color: #ff7a00;
      color: #ff7a00; }
  .designer .sidebar__quality {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 2px solid #c4c4c4;
    border-radius: 5px;
    width: 75px; }
    .designer .sidebar__quality p {
      margin-bottom: 0; }
    .designer .sidebar__quality--good {
      border: 2px solid #73b551;
      background-color: #dbedce; }
    .designer .sidebar__quality--medium {
      border: 2px solid #ccc964;
      background-color: #eaeace; }
    .designer .sidebar__quality--bad {
      border: 2px solid #d83939;
      background-color: #e8cfcf; }
  .designer .sidebar__select {
    display: inline-flex;
    border: 2px solid #c4c4c4;
    border-radius: 5px;
    height: 40px;
    width: 100px;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    vertical-align: top; }
    .designer .sidebar__select p {
      margin: 0 0 0 10px;
      font-size: 16px;
      line-height: 16px; }
    .designer .sidebar__select i {
      font-size: 16px;
      line-height: 16px;
      margin-right: 10px; }
    .designer .sidebar__select:hover, .designer .sidebar__select--active {
      position: relative;
      z-index: 2;
      border-color: #ff7a00;
      color: #ff7a00; }
  .designer__preview {
    display: flex;
    justify-content: center;
    align-items: center; }
    .designer__preview .preview {
      position: relative;
      border: 7px solid #c8e7fb;
      width: 90%;
      height: 70%;
      background-color: #fff;
      overflow: hidden; }
      .designer__preview .preview img {
        position: absolute;
        pointer-events: none; }
    @media (max-width: 767px) {
      .designer__preview {
        margin-bottom: 10px;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .designer__preview .preview {
          width: 100%;
          height: 45vw;
          margin: 10vw 0; } }
  .designer__buttons {
    margin-top: 30px; }
    .designer__buttons .button {
      font-size: 24px;
      font-weight: 400; }
      @media (max-width: 767px) {
        .designer__buttons .button {
          margin-top: 20px; }
          .designer__buttons .button:not(.button--grey) {
            width: 100%; } }
  .designer .afloop {
    margin-bottom: 0; }
    .designer .afloop:before {
      content: '';
      display: inline-block;
      width: 25px;
      height: 7px;
      margin-right: 10px;
      background-color: #c8e7fb; }

.dragstrip {
  position: relative;
  display: none;
  width: 100%;
  height: 20px;
  cursor: pointer; }
  .dragstrip.supported {
    display: block; }
  .dragstrip__appearence {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 100%;
    height: 10px;
    border: 2px solid #c4c4c4;
    border-radius: 5px; }
  .dragstrip__handle {
    width: 20px;
    height: 20px;
    margin-top: -8px;
    transform: translateX(-50%);
    transition: .1s all;
    border-radius: 5px;
    background-color: #c4c4c4;
    position: relative;
    z-index: 3;
    cursor: pointer; }
    .dragstrip__handle:hover, .dragstrip__handle:active {
      background-color: #ff7a00; }

.header-bar {
  margin-top: 50px;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #eff0f1;
  border-bottom: 4px solid #b2b2b2;
  padding: 20px; }
  @media (max-width: 991px) {
    .header-bar {
      margin-top: 20px; } }
  .header-bar h2 {
    margin: 0; }
  .header-bar .info-button {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background-color: #ff9933;
    display: flex;
    justify-content: center;
    align-items: center; }
    .header-bar .info-button i {
      color: #fff;
      font-size: 10px; }

.search-icon {
  position: relative; }
  .search-icon:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #b8b8b8;
    transform: translateY(-50%);
    top: 50%;
    right: 10px;
    content: '\f002'; }
  .search-icon ::-webkit-input-placeholder {
    color: #b8b8b8; }
  .search-icon :-moz-placeholder {
    color: #b8b8b8;
    opacity: 1; }
  .search-icon ::-moz-placeholder {
    color: #b8b8b8;
    opacity: 1; }
  .search-icon :-ms-input-placeholder {
    color: #b8b8b8; }

.footer-bar {
  background-color: #eff0f1;
  border-top: 4px solid #b2b2b2;
  padding: 5px 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
  @media (max-width: 767px) {
    .footer-bar {
      padding: 5px 10px; } }

.radio {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  padding-left: 25px;
  padding-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .radio input:checked ~ .checkmark {
      background-color: #2196F3; }
    .radio input:checked ~ .checkmark:before {
      display: block; }
  .radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #b2b2b2;
    background-color: #fcfdff;
    border-radius: 50%; }
    .radio .checkmark:before {
      content: '';
      position: absolute;
      display: none;
      top: 6px;
      left: 6px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: white; }
  .radio:hover ~ .checkmark {
    background-color: #ccc; }

.checkbox {
  display: inline-block;
  font-size: 15px;
  margin: 20px 0;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  padding-left: 25px;
  padding-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .checkbox input:checked ~ .checkmark {
      background-color: #2196F3; }
    .checkbox input:checked ~ .checkmark:before {
      transition: .25s all;
      transition-delay: .15s;
      width: 6px;
      height: 10px;
      border-bottom: 3px solid #fff;
      border-right: 3px solid #fff; }
  .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #b2b2b2;
    transition: .25s all;
    border-radius: 5px;
    background-color: #fcfdff; }
    .checkbox .checkmark:before {
      content: '';
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
      width: 0px;
      height: 0px;
      border-bottom: 0px solid #fff;
      border-right: 0px solid #fff; }
    .checkbox .checkmark.loading:before {
      content: '';
      position: absolute;
      top: calc(50% - 6px);
      left: calc(50% - 6px);
      transform: translateX(-50%) translateY(-50%);
      border-radius: 50%;
      border: 3px solid #b2b2b2;
      border-top: 3px solid #fff;
      width: 12px;
      height: 12px;
      -webkit-animation: spin 1s linear infinite;
      animation: spin 1s linear infinite; }
  .checkbox:hover ~ .checkmark {
    background-color: #ccc; }

@keyframes errorFormat {
  0% {
    border-color: #e5e5e5; }
  25% {
    border-color: #ff0000; }
  50% {
    border-color: #e5e5e5; }
  75% {
    border-color: #ff0000; }
  100% {
    border-color: #e5e5e5; } }
@-webkit-keyframes errorFormat {
  0% {
    border-color: #e5e5e5; }
  25% {
    border-color: #ff0000; }
  50% {
    border-color: #e5e5e5; }
  75% {
    border-color: #ff0000; }
  100% {
    border-color: #e5e5e5; } }
@keyframes successBackground {
  0% {
    background-color: #edeeef; }
  50% {
    background-color: #d4edda; }
  100% {
    background-color: #edeeef; } }
@-webkit-keyframes successBackground {
  0% {
    background-color: #edeeef; }
  50% {
    background-color: #d4edda; }
  100% {
    background-color: #edeeef; } }
@keyframes errorBackground {
  0% {
    background-color: #edeeef; }
  50% {
    background-color: #ff6262; }
  100% {
    background-color: #edeeef; } }
@-webkit-keyframes errorBackground {
  0% {
    background-color: #edeeef; }
  50% {
    background-color: #ff6262; }
  100% {
    background-color: #edeeef; } }
@keyframes successTabBackground {
  0% {
    background-color: #f0f1f2; }
  50% {
    background-color: #d4edda; }
  100% {
    background-color: #f0f1f2; } }
@-webkit-keyframes successTabBackground {
  0% {
    background-color: #f0f1f2; }
  50% {
    background-color: #d4edda; }
  100% {
    background-color: #f0f1f2; } }
@keyframes errorTabBackground {
  0% {
    background-color: #f0f1f2; }
  50% {
    background-color: #ff6262; }
  100% {
    background-color: #f0f1f2; } }
@-webkit-keyframes errorTabBackground {
  0% {
    background-color: #f0f1f2; }
  50% {
    background-color: #ff6262; }
  100% {
    background-color: #f0f1f2; } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.easy-autocomplete {
  position: relative; }
  .easy-autocomplete input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px; }
    .easy-autocomplete input:hover, .easy-autocomplete input:focus {
      box-shadow: none; }
  .easy-autocomplete a {
    display: block; }
  .easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px; }

.easy-autocomplete-container {
  left: -100%;
  position: absolute;
  width: 200%;
  z-index: 1000000; }
  .easy-autocomplete-container img {
    margin-right: 20px; }
  .easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px; }
    .easy-autocomplete-container ul li,
    .easy-autocomplete-container ul .eac-category {
      background: inherit;
      border-color: #ccc;
      border-image: none;
      border-style: solid;
      border-width: 0 1px;
      display: block;
      font-size: 14px;
      font-weight: normal;
      padding: 4px 12px; }
    .easy-autocomplete-container ul li:last-child {
      border-radius: 0 0 2px 2px;
      border-width: 0 1px 1px; }
    .easy-autocomplete-container ul li.selected {
      background: none repeat scroll 0 0 #ebebeb;
      cursor: pointer; }
      .easy-autocomplete-container ul li.selected div {
        font-weight: normal; }
    .easy-autocomplete-container ul li div {
      display: block;
      font-weight: normal;
      word-break: break-all; }
    .easy-autocomplete-container ul li b {
      font-weight: bold; }
    .easy-autocomplete-container ul .eac-category {
      font-style: italic; }

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em; }

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px; }

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative; }
  .eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px; }

.radio-buttons-mobile-btw-excl .exclcheck:checked ~ .checkmark {
  background-color: #2196F3; }
  .radio-buttons-mobile-btw-excl .exclcheck:checked ~ .checkmark:before {
    display: block; }
.radio-buttons-mobile-btw-excl .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #b2b2b2;
  background-color: #fcfdff;
  border-radius: 50%; }
  .radio-buttons-mobile-btw-excl .checkmark:before {
    content: '';
    position: absolute;
    display: none;
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white; }

.product-option {
  cursor: pointer; }

.select-wrap {
  width: 85%;
  padding: 10px 0;
  margin-left: 15%; }

#hogere_oplage {
  width: 100%;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  outline: none;
  padding: 7px 10px;
  font-size: 16px;
  line-height: 20px;
  resize: vertical;
  transition: .3s all;
  -webkit-appearance: none; }

.prices-table-wrap .flex-row:nth-child(odd) {
  background-color: #f1f5f9; }

.selectable-cell {
  cursor: pointer;
  transition: all .2s ease-in-out; }
  .selectable-cell:hover, .selectable-cell.active {
    background: #ff9933;
    color: #ffffff; }

.flex-row {
  display: flex;
  justify-content: space-evenly; }

.flex-header {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  padding: 15px 10px 5px;
  text-align: center; }

.flex-row-header {
  background-color: #f1f5f9;
  border-bottom: 4px solid #b2b2b2; }

.flex-item-selectable-row {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  padding: 15px 0; }

.flex-item {
  text-align: center;
  flex-grow: 1;
  flex-basis: 0; }

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent; }
    .lds-ring div:nth-child(1) {
      animation-delay: -0.45s; }
    .lds-ring div:nth-child(2) {
      animation-delay: -0.3s; }
    .lds-ring div:nth-child(3) {
      animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.extra_amount {
  width: auto;
  max-width: 70px; }

.add-extra-product-wrap {
  position: relative; }

.eigen-formaat {
  height: 102px;
  margin-bottom: 20px; }
  .eigen-formaat .row {
    background: #f1f5f9; }
  .eigen-formaat .form-group {
    margin-bottom: 25px; }

.extra-padding {
  margin-top: 15px; }

.formaat-button {
  height: 35px;
  min-width: auto;
  width: 100%;
  padding: 7px 15px 10px;
  min-height: 35px; }

.product-price-bar {
  margin-top: 10px; }

@media (max-width: 767px) {
  .extra_product_min,
  .extra_product_plus {
    max-width: 25px; }

  .extra_amount {
    max-width: 50px; } }
@media (max-width: 667px) {
  .extra_product_min,
  .extra_product_plus {
    max-width: 20px; }

  .extra_amount {
    max-width: 40px; } }
a {
  text-decoration: none; }
  a:hover {
    color: #ff9933 !important;
    text-decoration: none; }

nav {
  background: linear-gradient(to right, #ff9933, #ff6666); }

h3 {
  font-size: 16px; }

.category a:hover {
  color: #ff9933; }

.fa-shopping-cart {
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px; }

.cart-row {
  border-bottom: 3px solid #f0f1f2; }
  .cart-row:last-child {
    border-bottom: 0; }

.cart-product-wrap .cart-row:nth-child(odd) {
  margin-bottom: 5px; }

.color-white {
  color: #ffffff !important; }

button.voucher-button {
  min-height: 30px;
  font: 700 10px/15px "Ubuntu", sans-serif;
  border-radius: 9999px;
  background-color: #f1f5f9;
  color: #555; }
  button.voucher-button:hover {
    background-color: #e3e8ed; }

.side-bar .communication__title,
.side-bar-sm .communication__title {
  margin-top: 20px; }

.banner-wrap {
  max-width: 960px; }

.levertijd-options-wrap .like-h1 {
  display: inline-block;
  color: #ff9933;
  margin: 0; }

.communication {
  background: #ffffff; }

.social-wrap {
  margin-top: 0; }
  .social-wrap svg {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    fill: #555555;
    transition: 0.3s; }
    .social-wrap svg:hover {
      fill: #ff9933; }

::placeholder {
  color: #A9A9A9;
  opacity: 1; }

:-ms-input-placeholder {
  color: #A9A9A9; }

::-ms-input-placeholder {
  color: #A9A9A9; }

.checkout-other {
  padding: 30px 30px 0;
  background: #f1f5f9; }

footer .trustpilot-widget {
  width: 200px;
  margin-left: 0; }
footer .nomargin {
  margin-top: 0;
  margin-bottom: 0; }

.product-section {
  background-color: #fff; }
  .product-section .communication {
    border: 2px solid #eff0f1; }
  .product-section .product-option-row .product-option-wrap .product-option {
    border: 2px solid #fff; }
    .product-section .product-option-row .product-option-wrap .product-option:hover {
      border-color: #ff9933; }
    .product-section .product-option-row .product-option-wrap .product-option.active {
      border-color: #ff9933; }
  .product-section .product-option-row .product-option-wrap .product-option-wide {
    border: 3px solid #fff; }
    .product-section .product-option-row .product-option-wrap .product-option-wide:hover {
      border-color: #ff9933; }
    .product-section .product-option-row .product-option-wrap .product-option-wide.active {
      border-color: #ff9933; }
  .product-section .product-price-bar {
    border: 2px solid #ff9933; }
  .product-section .product-prices {
    background-color: transparent; }
  .product-section .prices-table-wrap table tr:nth-child(odd) {
    background-color: #f1f5f9; }

.product-information {
  border-radius: 5px;
  overflow: hidden; }
  .product-information h4 {
    border-radius: 5px; }

.info-button {
  background-color: #ff9933; }

.communication__title {
  color: #ff9933; }

.common-home .communication__title {
  color: #555;
  font: 800 22px "Ubuntu", sans-serif; }

header .usp-section {
  background-color: #ffffff;
  height: 45px;
  padding: 8px 0;
  box-sizing: border-box; }
  header .usp-section .usp-wrap a {
    display: flex;
    justify-content: space-around;
    align-items: center; }
  header .usp-section .usp-wrap p {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    font-size: 12px;
    color: #555;
    margin: 0; }
    header .usp-section .usp-wrap p i {
      color: #13c08d; }
    header .usp-section .usp-wrap p b {
      color: #ff6666; }

.common-home .usp-section {
  display: none; }

.home-usp-section {
  background-color: #ffffff;
  height: 45px;
  padding: 8px 0;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1; }
  .home-usp-section .usp-wrap a {
    display: flex;
    justify-content: space-around; }
  .home-usp-section .usp-wrap p {
    padding: 4px 0;
    margin: 0;
    font-size: 12px;
    color: #555; }
    .home-usp-section .usp-wrap p i {
      margin-right: 10px;
      color: #13c08d; }
    .home-usp-section .usp-wrap p b {
      color: #ff6666; }

.home-section {
  background-color: #f1f5f9; }

.header-bar {
  background-color: #f1f5f9;
  border-bottom-color: #fff; }

.footer-bar {
  background-color: #f1f5f9; }

.login-section,
.cart-section,
.checkout-section,
.my-account-section,
.register-section,
.information-section,
.forgotten-section,
.return-section,
.contact-section {
  background-color: #f1f5f9; }

.login-section,
.cart-section {
  padding: 40px 0; }

#content legend {
  border-bottom-color: #fff; }

.home-section .category-row .category-wrap {
  padding: 15px; }

.home-section .category-row .category-wrap .category {
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
  transition: 0.3s all;
  background: #fff; }
  .home-section .category-row .category-wrap .category:hover {
    border-color: #ff9933;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }

.category .category-image-area {
  background: #fff;
  aspect-ratio: 1;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e2e8f0; }
  .category .category-image-area img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; }
.category .category-name-area {
  background: #fff;
  padding: 15px;
  border-radius: 0 0 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .category .category-name-area h4 {
    margin: 0;
    font-weight: 400;
    font-size: 16px; }
  .category .category-name-area .arrow-icon {
    transition: transform 0.3s;
    color: #555;
    font-size: 14px; }
.category:hover .category-name-area h4 {
  color: #ff9933; }
.category:hover .category-name-area .arrow-icon {
  transform: translateX(5px);
  color: #ff9933; }

.cart-section .checkout-prices,
.checkout-section .checkout-prices,
.my-account-section .checkout-prices,
.login-section .checkout-prices,
.register-section .checkout-prices {
  background: #f1f5f9; }

.checkout-section .checkout-prices,
.cart-section .checkout-prices {
  border: none; }

#vapp {
  background: transparent; }

.cart-section #vapp {
  background: #f1f5f9;
  padding-top: 0;
  padding-bottom: 0; }

.cart-section .header-bar,
.cart-section .footer-bar {
  box-shadow: none; }
.cart-section i.fas:active,
.cart-section a:active i.fas {
  color: #ff9933; }
.cart-section .info-button:active,
.cart-section .info-button.active {
  background-color: #ff9933;
  color: #fff; }
.cart-section .button.upload:not(.disabled) {
  background-color: #ff9933; }
  .cart-section .button.upload:not(.disabled):hover {
    background-color: #ff7755; }
.cart-section .cart-product-wrap > .row.cart-row {
  align-items: stretch; }
  .cart-section .cart-product-wrap > .row.cart-row > div {
    display: flex;
    flex-direction: column; }
.cart-section > .container > .row {
  align-items: stretch; }
  .cart-section > .container > .row > [class*="col-"] {
    display: flex;
    flex-direction: column; }
.cart-section .cart-right {
  flex: 1; }
.cart-section .winkelwagen-back {
  overflow: hidden;
  border: none; }

.cart-section .usp-section,
.checkout-section .usp-section,
.my-account-section .usp-section {
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1);
  border-bottom: none; }

.side-bar .communication,
.side-bar-sm .communication {
  border: none; }

.common-home .side-bar .communication {
  background: transparent; }

.side-bar > .row:first-child {
  margin-top: 0; }

.side-bar .communication {
  padding-top: 0; }

.crew-circle-outer {
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 9px 0px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  border: 10px solid #fff;
  background: #fff;
  width: 200px;
  height: 200px;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box; }

.crew-circle-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: #fff; }
  .crew-circle-inner img {
    display: block;
    position: absolute;
    top: 0;
    left: -12%;
    width: 125%; }

.com-label {
  position: absolute;
  display: inline-block;
  border-radius: 5px;
  background: #ff9933;
  color: #fff;
  padding: 3px;
  font-size: 16px;
  font-weight: bold;
  rotate: -7deg; }

.com-label1 {
  top: -60px;
  left: 40px; }

.com-label2 {
  top: -60px;
  left: 200px; }

.select-wrap::before {
  border-bottom: 2px solid #555;
  border-left: 2px solid #555;
  width: 10px;
  height: 10px;
  right: 12px; }

@media (min-width: 768px) {
  #left_footer_service {
    position: absolute;
    left: Calc(-32% + 2px);
    top: 0; }

  header nav {
    background: linear-gradient(to right, #ff9933, #ff6666); }
    header nav .main-header-section {
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      padding: 0;
      isolation: isolate;
      position: relative;
      z-index: 100; }
      header nav .main-header-section .top-header {
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 0; }
      header nav .main-header-section .logo-wrap #logo {
        max-width: 250px; }
        header nav .main-header-section .logo-wrap #logo svg:first-child,
        header nav .main-header-section .logo-wrap #logo svg:last-child {
          max-height: 60px; }
      header nav .main-header-section #navbar {
        background: linear-gradient(to right, #ffb364, #fc9292);
        border-radius: 0;
        top: 0;
        left: 0;
        width: 100%; }
        header nav .main-header-section #navbar > ul {
          background: transparent;
          border-radius: 0; }
        header nav .main-header-section #navbar > ul > li > a:hover {
          color: #fff !important; }
        header nav .main-header-section #navbar > ul > li > a:not(.home-link)::before {
          background-color: #fff;
          transform: translateX(-50%) rotate(45deg);
          bottom: 0;
          left: 50%;
          width: 0;
          height: 0;
          transition: .3s all; }
        header nav .main-header-section #navbar > ul > li:hover > a:not(.home-link)::before {
          width: 14px;
          height: 14px;
          transform: translateY(7px) translateX(-50%) rotate(45deg); }
        header nav .main-header-section #navbar > ul > li > .submenu-wrap {
          top: 100%;
          box-shadow: none;
          transition: max-height 0.3s cubic-bezier(0.75, 0.25, 0.25, 0.75); }
          header nav .main-header-section #navbar > ul > li > .submenu-wrap > ul > li a {
            text-transform: none; }
    header nav .top-header {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; }
    header nav .header-cart {
      background: transparent; }
      header nav .header-cart a {
        font: 16px/22px "Ubuntu", sans-serif;
        color: #ffffff; }
      header nav .header-cart .login {
        margin-right: 20px; }
      header nav .header-cart .login,
      header nav .header-cart .shopping {
        position: relative;
        display: inline-block;
        width: 40px;
        text-align: center;
        vertical-align: middle; }
        header nav .header-cart .login i,
        header nav .header-cart .shopping i {
          color: #ffffff;
          font-size: 24px;
          vertical-align: middle; }
    header nav .usp-section {
      background-color: #ffffff;
      position: relative; }

  #navbar ul {
    max-width: 1280px;
    margin: 0 auto; }

  header .form-group .header-search {
    border-radius: 20px;
    border: 0; }
    header .form-group .header-search:focus {
      margin-left: -100%;
      width: 200%; }

  header #searchbar-top {
    padding-top: 8px; }

  .search-icon::before {
    color: #ff9933; }

  header .shopping {
    position: relative; }
    header .shopping span {
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border-radius: 50%;
      background: #fff;
      color: #ff6666;
      font-weight: 700;
      font-size: 11px;
      font-family: 'Ubuntu', sans-serif;
      top: -10px;
      right: -4px;
      left: auto; }

  .initials-badge {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #ff6666;
    font-weight: 700;
    font-size: 11px;
    font-family: 'Ubuntu', sans-serif;
    top: -10px;
    right: -4px; }

  .pslick-track img {
    border-radius: 10px; }

  footer .middle-devider {
    border-bottom: 2px solid #c8c8c8; }
  footer .bottom-devider {
    border-bottom: 2px solid #c8c8c8; }

  .slick-slide {
    border-radius: 10px; } }
.nav {
  z-index: 2000;
  position: relative; }

@media (min-width: 768px) {
  body:has(header nav #navbar > ul > li.has-sub:hover)::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
    pointer-events: none; }
  body:has(header nav #navbar > ul > li.has-sub:hover) header nav .usp-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    pointer-events: none; }
  body:has(header nav #navbar > ul > li.has-sub:hover) .cart-section .communication::after,
  body:has(header nav #navbar > ul > li.has-sub:hover) .cart-section .checkout-prices::after,
  body:has(header nav #navbar > ul > li.has-sub:hover) .cart-section .cart-product-wrap::after,
  body:has(header nav #navbar > ul > li.has-sub:hover) .cart-section .winkelwagen-back::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    pointer-events: none; }
  body:has(header nav #navbar > ul > li.has-sub:hover) .cart-section .communication,
  body:has(header nav #navbar > ul > li.has-sub:hover) .cart-section .checkout-prices,
  body:has(header nav #navbar > ul > li.has-sub:hover) .cart-section .cart-product-wrap,
  body:has(header nav #navbar > ul > li.has-sub:hover) .cart-section .winkelwagen-back {
    position: relative; } }
.my-account-section a:hover {
  color: #ff9933; }
.my-account-section .tab-btn {
  background-color: #f1f5f9; }
  .my-account-section .tab-btn:hover {
    background-color: #e3e8ed; }
  .my-account-section .tab-btn.active {
    background-color: #ff9933;
    color: #fff; }
.my-account-section .communication {
  box-shadow: none;
  border: none; }
.my-account-section .header-bar,
.my-account-section .footer-bar,
.my-account-section .bestelling-wrap,
.my-account-section .address-wrap {
  box-shadow: none; }
.my-account-section .address-wrap,
.my-account-section .bestelling-wrap {
  background-color: #f1f5f9; }
.my-account-section .order {
  background: #f1f5f9; }
.my-account-section .address {
  background: #f1f5f9; }
  .my-account-section .address:hover {
    background: #f1f5f9; }
.my-account-section .address .address-edit,
.my-account-section .address .address-delete {
  border: none; }
  .my-account-section .address .address-edit:hover,
  .my-account-section .address .address-delete:hover {
    border: none; }
.my-account-section .button,
.my-account-section .btn {
  font-size: 18px;
  border-radius: 9999px;
  background-color: #f1f5f9;
  color: #555;
  border: none;
  padding: 10px 15px;
  cursor: pointer; }
  .my-account-section .button:hover,
  .my-account-section .btn:hover {
    background-color: #e3e8ed; }
.my-account-section .header-bar {
  border-radius: 9999px; }
.my-account-section .bestelling-details-wrap .button,
.my-account-section .button.upload {
  background-color: #ff9933;
  color: #fff;
  border-radius: 9999px;
  min-width: 0;
  width: auto;
  max-width: 200px; }
  .my-account-section .bestelling-details-wrap .button:hover,
  .my-account-section .button.upload:hover {
    background-color: #ff7755; }

.cart-section .button,
.checkout-section .button,
.checkout-section #checkout-button {
  border-radius: 9999px; }

.button.disabled,
.button--grey {
  background-color: #f1f5f9;
  color: #555; }

.button.disabled:hover,
.button--grey:hover {
  background-color: #e3e8ed; }

@media only screen and (max-width: 767px) {
  footer .social-wrap li {
    width: 48px;
    margin-right: 8px; }

  .social-wrap svg {
    width: 48px; }

  header nav #navbar-sm.active {
    overflow-y: scroll;
    max-height: 100vh; }

  header nav #navbar-sm > ul > li .submenu-wrap ul li svg {
    vertical-align: middle; }
  header nav #navbar-sm > ul > li .submenu-wrap ul li a {
    line-height: 25px; }

  .fa-home {
    font-size: 18px;
    margin-left: 10px;
    line-height: 10px; }

  .cart-home-button {
    line-height: 12px; }

  .bestandscontrole-info-button {
    right: -10px; }

  .checkout-button-back {
    min-width: 0;
    width: 100%; }

  #logo svg {
    height: 40px; }

  .search-section--mobile {
    display: none; }

  .kortingscode-input {
    min-width: 20px; } }
.button {
  background-color: #ff9933;
  color: #fff; }

.button:hover,
.button:active {
  background-color: #ff7755;
  color: #fff !important; }

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