@charset "UTF-8";
.mt-2 {
  margin-top: 2rem !important
}
.mb-2 {
  margin-bottom: 2rem !important
}
.m-b-2 {
  margin-bottom: 0.8rem !important
}
.m-b-3 {
  margin-bottom: 1.6rem !important
}
.ls-0 {
  letter-spacing: 0 !important
}
.ls-n-25 {
  letter-spacing: -0.025em !important
}
.bg-gray {
  background-color: #f4f4f4 !important
}
.text-body {
  color: #777 !important
}
.font2 {
  font-family: Poppins, sans-serif !important
}
@media (min-width:992px) {
  .d-lg-block {
    display: block !important
  }
  .w-lg-max {
    flex: 1;
    -ms-flex: 1;
    max-width: 100%
  }
}
@media (max-width:400px) {
  .w-xxs-100 {
    width: 100% !important
  }
}


.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  /*display: none*/
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: 0;
  padding: 0 !important;
  font: inherit
}
.owl-carousel.owl-loaded {
  display: block
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}
.owl-carousel.owl-hidden {
  opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}
.owl-carousel.owl-rtl {
  direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
  float: right
}
.no-js .owl-carousel {
  display: block
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
  z-index: 0
}
.owl-carousel .owl-animated-out {
  z-index: 1
}
.owl-carousel .fadeOut {
  animation-name: fadeOut
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.owl-height {
  transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}
.owl-theme .owl-nav {
  margin: 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  color: #222529;
  font-size: 3rem
}
.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #222529;
  margin: 0;
  font-size: 3rem;
  padding: 4px 7px;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-] i:before {
  margin: 0;
  width: auto
}
.owl-theme .owl-nav [class*=owl-]:not(.disabled):hover {
  background: transparent;
  color: #222529;
  text-decoration: none
}

.owl-theme .owl-nav [class*=owl-]:not(.disabled):focus {
    border: 1px solid;
}


.owl-theme .owl-nav .owl-prev {
  left: 0
}
.owl-theme .owl-nav .owl-next {
  right: 0
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 2.5rem
}
.owl-theme .owl-dots {
  line-height: 1;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline
}
.owl-theme .owl-dots .owl-dot span {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 2px 2px;
  background: transparent;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.3s ease;
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%
}
.owl-theme .owl-dots .owl-dot span:before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.35rem;
  margin-left: -0.35rem;
  background-color: #d41c00;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.3s;
  border-radius: 50%
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  border-color: #d41c00;
  background: transparent
}
.owl-theme .owl-dots .owl-dot.active span:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1)
}
.owl-theme.owl-theme-light .owl-dots .owl-dot span {
  border-color: #fff;
  background: transparent
}
.owl-theme.owl-theme-light .owl-dots .owl-dot span:before {
  border-color: #fff
}
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span, .owl-theme.owl-theme-light .owl-dots .owl-dot:hover span {
  border-color: #d41c00;
  background: transparent
}
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span:before {
  border-color: #d41c00
}
button::-moz-focus-inner {
  padding: 0;
  border: 0
}
.bootstrap-touchspin .form-control:not(:focus) {
  border-color: #ccc
}
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
@keyframes fadeInUpShorter {
  0% {
    opacity: 0;
    transform: translate(0, 50px)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInUpShorter {
  animation-timing-function: ease-out;
  animation-name: fadeInUpShorter
}
@keyframes fadeInLeftShorter {
  0% {
    opacity: 0;
    transform: translate(50px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInLeftShorter {
  animation-timing-function: ease-out;
  animation-name: fadeInLeftShorter
}
@keyframes fadeInRightShorter {
  0% {
    opacity: 0;
    transform: translate(-50px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInRightShorter {
  animation-timing-function: ease-out;
  animation-name: fadeInRightShorter
}
.appear-animate {
  opacity: 0
}
.appear-animation-visible {
  opacity: 1
}
.banner {
  position: relative;
  font-size: 1.6rem
}
.banner img {
  width: 100%;
  object-fit: cover
}
.banner h2, .banner h4, .banner h5 {
  line-height: 1
}
.banner-layer {
  position: absolute;
  left: 6%;
  right: 6%;
  background-color:#00000060;
  padding:10px;
  max-width:400px;
}
@media (max-width:1199px) {
  .banner {
    font-size: 1.4rem
  }
}
@media (max-width:767px) {
  .banner-md-vw {
    font-size: 2.3vw
  }
}
@media (max-width:575px) {
  .banner-sm-vw {
    font-size: 1.2rem
  }
}
.btn {
  transition: all 0.3s;
  text-transform: uppercase;
  padding: 1em 1.6em;
  border-radius: 0;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: Poppins, sans-serif;
  line-height: 1.429
}
.btn:focus {
  box-shadow: none;
     border: 1px solid #d41c00 !important;

}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  border-color: #005e8c;
  background-color: #006699;
  color: #fff
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
  border-color: #ff3232;
  background-color: #ff3f3f;
  color: #fff
}
.btn-outline:not(:disabled):not(.disabled).active, .btn-outline:not(:disabled):not(.disabled):active {
  border-color: #999;
  background-color: transparent;
  color: #999
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  border-color: #d41c00;
  background-color: #d41c00;
  color: #fff
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active {
  border-color: #ff7272;
  background-color: #ff7272;
  color: #fff
}
.btn-dark {
  border-color: #222529;
  background-color: #222529;
  color: #fff;
  box-shadow: none
}
.btn-dark:focus, .btn-dark:hover {
  border-color: #34393f;
  background-color: #34393f;
  color: #fff;
  box-shadow: none
}
.btn-dark:disabled {
  border-color: #222529;
  background-color: #222529;
  color: #fff
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {
  border-color: #050606;
  background-color: #0b0c0d;
  color: #fff
}
.btn-gray {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
  color: #222529;
  box-shadow: none
}
.btn-gray:focus, .btn-gray:hover {
  border-color: #d41c00;
  background-color: #d41c00;
  color: #fff;
  box-shadow: none
}
.btn-gray:disabled {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
  color: #222529
}
.btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active {
  border-color: #d4d4d4;
  background-color: #dbdbdb;
  color: #222529
}
.owl-dots .owl-dot, .owl-nav .owl-next, .owl-nav .owl-prev {
 
}
a:focus {

}
.feature-box {
  color: #7b858a;
  font-size: 1.5rem;
  line-height: 2;
  margin-bottom: 4rem
}
.feature-box i {
  display: inline-block;
  margin-bottom: 2.2rem;
  color: #e62434;
  font-size: 5rem;
  line-height: 1
}
.feature-box i:before {
  margin: 0;
      font-size:50px;
}
.feature-box h3 {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  letter-spacing: 0
}
.feature-box p {
  margin-bottom: 0
}
.feature-box-content {
  color: #7b858a;
  font-size: 1.5rem;
  line-height: 1.9;
  padding-left: 10px;
  padding-right: 10px
}

form {
  margin-bottom: 3.5rem
}
.form-control {
  padding-left: 1.2rem;
  height: 46px;
  margin-bottom: 1rem;
  transition: all 0.3s;
  border: 1px solid #dfdfdf;
  border-radius: 0;
  background-color: #fff;
  color: #777;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5
}
.form-control:focus {
      border: 1px solid #d41c00 !important;
	
  background-color: #f5f5f5;
  color: #777;
  box-shadow: none
}
.select-custom {
  position: relative;
  margin-bottom: 1rem;
  background: #fff
}
.select-custom select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  position: relative;
  z-index: 1;
  background: transparent
}
.select-custom select:focus {
   border: 1px solid #d41c00 !important;
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .select-custom select::-ms-expand {
    display: none
  }
  .select-custom select:focus::-ms-value {
    background: transparent;
    color: currentColor
  }
}
.select-custom:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.9rem;
  transform: translateY(-50%);
  font-family: "porto";
  font-size: 1.6rem;
  content: "";
  padding-bottom: 2px;
  font-weight: 400
}
@media (min-width:768px) {
  form {
    margin-bottom: 4rem
  }
}
@media (min-width:992px) {
  form {
    margin-bottom: 5rem
  }
}



.info-box {
  display: flex;
  align-items: center;
  width: 100%;
  color: #222529
}
.info-box i {
  color: inherit;
  font-size: 3.7rem;
  text-align: center
}
.info-box i:before {
  width: auto;
  margin: 0 0.1em
}
.info-box h4 {
  color: inherit;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1
}
.info-box p {
  margin-bottom: 0;
  font-size: 1.3rem;
  line-height: 1.6
}
.info-box-icon-left {
  justify-content: center
}
.info-box-icon-left i {
  line-height: 0;
  margin-right: 1.5rem
}
.minipopup-area {
  position: fixed;
  right: 20px;
  bottom: 20px;
  font-size: 1.1em;
  text-align: center;
  z-index: 20002
}
.wishlist-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-width: 4px 0 0;
  font-weight: 600;
  line-height: 1.5;
  padding: 15px 20px;
  width: 250px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s;
  z-index: 100
}
.wishlist-popup .wishlist-popup-msg {
  font-weight: 600;
  line-height: 1.6;
  text-align: center
}
@media (max-width:479px) {
  .minipopup-area {
    right: 10px
  }
}
.product-single-qty .bootstrap-touchspin .form-control:not(:focus), .product-single-qty .btn-outline:not(:disabled):not(.disabled):active {
  border-color: #dae2e6
}
.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #fff;
  background-color: #d41c00;
  font-size: 14px;
  line-height: 3.2rem;
  text-align: center;
  text-decoration: none;
  opacity: 1
}
.social-icon + .social-icon {
  margin-left: 0.6rem
}
.social-icons .social-icon:focus, .social-icons .social-icon:hover {
    background-color: #fff;
    color: #000;
  text-decoration: none;
  opacity: 0.85
}

html {
  overflow-x: hidden;
  font-size: 62.5%;
  font-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  color: #777;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-family: "Open Sans", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden
}
::-moz-selection {
  background-color: #d41c00;
  color: #fff
}
::selection {
  background-color: #d41c00;
  color: #fff
}
p {
  margin-bottom: 1.5rem
}
ul {
  margin: 0 0 2.25rem;
  padding: 0;
  list-style: none
}
i {
  font-style: italic
}
img {
  display: block;
  max-width: 100%;
  height: auto
}
button:focus {
  outline: none
}
@keyframes bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@-webkit-keyframes bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  40% {
    transform: scale(1)
  }
}
.loading-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
  background: #fff;
  opacity: 1;
  visibility: visible;
  z-index: 999999
}
.loaded > .loading-overlay {
  opacity: 0;
  visibility: hidden
}
.bounce-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  margin: -9px 0 0 -35px;
  transition: all 0.2s;
  text-align: center;
  z-index: 10000
}
.bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #CCC;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
  animation: 1.4s ease-in-out 0s normal both infinite bouncedelay
}
.bounce-loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s
}
.bounce-loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s
}
.custom-scrollbar, .mobile-cart > div, .mobile-sidebar {
  -webkit-overflow-scrolling: touch
}
.custom-scrollbar::-webkit-scrollbar, .mobile-cart > div::-webkit-scrollbar, .mobile-sidebar::-webkit-scrollbar {
  height: 10px;
  width: 6px
}
.custom-scrollbar::-webkit-scrollbar-thumb, .mobile-cart > div::-webkit-scrollbar-thumb, .mobile-sidebar::-webkit-scrollbar-thumb {
  background: #e5e5e5;
  border-radius: 10px;
  position: absolute
}
.custom-scrollbar::-webkit-scrollbar-track, .mobile-cart > div::-webkit-scrollbar-track, .mobile-sidebar::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  margin: 8px;
  width: 100%
}
@media (max-width:767px) {
  html {
    font-size: 9px
  }
}
.h3, h2, h3, h4, h5 {
  margin-bottom: 1.8rem;
  color: #222529;
  font-weight: 700;
  line-height: 1.1;
  font-family: Poppins, sans-serif
}
h2 {
  font-size: 3rem;
  line-height: 1.5
}
.h3, h3 {
  font-size: 2.5rem;
  line-height: 1.28
}
h4 {
  font-size: 2rem;
  line-height: 1.35
}
h5 {
  font-size: 1.4rem;
  line-height: 1.429
}
a {
  transition: all 0.3s;
  color: #000;

}
a:focus, a:hover {
  color: #d41c00;

}
@media (min-width:768px) {
  h2 {
    font-size: 2.5rem
  }
}
@media (min-width:992px) {
  h2 {
    font-size: 3rem
  }
}
.page-wrapper {
  position: relative;
  left: 0;
  transition: all 0.25s
}
.main {
  flex: 1 1 auto
}
.row {
  margin-left: -10px;
  margin-right: -10px
}
[class*=col-] {
  padding-left: 10px;
  padding-right: 10px
}
.row-joined {
  margin-left: 0;
  margin-right: 0
}
.row-joined > [class*=col-] {
  padding-left: 0;
  padding-right: 0
}
@media (min-width:1160px) {
  .container {
    max-width: 1140px
  }
}
@media (min-width:992px) {
  .container {
    padding-left: 10px;
    padding-right: 10px
  }
}
@media (max-width:991px) {
  .container {
    max-width: none
  }
  .mmenu-active .page-wrapper {
    left: 260px
  }
}
.owl-carousel .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  border-width: 2px
}
.owl-carousel .owl-dots .owl-dot span:before {
  margin: 0;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%)
}
.owl-carousel .owl-dots .owl-dot.active span:before, .owl-carousel .owl-dots .owl-dot:hover span:before {
  transform: translate(-50%, -50%)
}
.owl-carousel .owl-nav .owl-prev {
  left: 1vw
}
.owl-carousel .owl-nav .owl-next {
  right: 1vw
}
.home-slide {
  width: 100%
}
img.slide-bg {
  object-fit: cover;
  object-position: center top
}
.sticky-header {
  transition: left 0.25s
}
header {
  position: relative
}
header .container {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  position: relative
}
header p {
  margin-bottom: 0
}
.header a {
  color: #fff
}
.header-top {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #0e95d8;
  color: #bde1f5;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.025em
}
.header-middle {
  padding-top: 2.7rem;
  padding-bottom: 2.7rem;
  color: #fff
}
.header-bottom {
  border-bottom: 1px solid #e7e7e7;
  background: #fff
}
.header-center, .header-left, .header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
.header-center, .header-right {
  margin-left: auto
}
.header-bottom .header-center {
  width: 100%
}
.header-bottom:not(.fixed) .header-left, .header-bottom:not(.fixed) .header-right {
  display: none
}
.header-bottom .header-right {
  padding-right: 2.6rem;
  color: #222529
}
.logo {
  max-width: 111px
}
.header-contact {
  align-items: center;
  
}
.header-contact img {
  margin-right: 0.7rem
}
.header-contact a {
  display: block;
  
  font-weight: 700;
  white-space: nowrap
}

.poble-logo {
  display: block;
  color:#fff;
  font-weight: 700;
  white-space: nowrap
}

.mobile-menu-toggler {
  border: 0;
  background: transparent;
  color: #222529;
  padding: 1rem 0.5rem;
  margin-right: 0.5rem;
  font-size: 20px;
  line-height: 0;
  cursor: pointer
}
.badge-circle {
  position: absolute;
  top: 1px;
  right: 0;
  width: 1.6rem;
  border-radius: 50%;
  color: #fff;
  background: #ff5b5b;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-family: "Open Sans", sans-serif;
  text-align: center
}
header .social-icon {
  border-radius: 50%;
  font-size: 13px;
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem
}
header .social-icon:not(:hover):not(:active):not(:focus) {
  background-color: transparent
}
header .social-icon + .social-icon {
  margin-left: 2px
}
header .separator {
  height: 20px;
  border-left: 1px solid #0e95d8;
  margin: 0 15px
}
.header-icon:not(:last-child) {
  margin-right: 2.1rem
}
.header-icon i {
  font-size: 2.7rem
}
.header-icon:hover {
  color: #222529
}
.minicart-icon {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  border: 2px solid #222529;
  border-radius: 0 0 5px 5px;
  position: relative;
  opacity: 0.9;
  margin: 6px 3px 0;
  z-index: 1
}
.minicart-icon:before {
  content: "";
  position: absolute;
  border: 2px solid;
  border-color: inherit;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  left: 50%;
  top: -8px;
  margin-left: -7px;
  width: 15px;
  height: 11px
}
.cart-count {
  z-index: 1
}
@media (min-width:992px) {
  .mobile-menu-toggler {
    display: none
  }
}
@media (max-width:991px) {
  .main-nav {
    display: none
  }
  .minicart-icon {
    width: 24px
  }
  .header-search i {
    font-size: 2.4rem
  }
}
@media (max-width:767px) {
  .header .separator {
    display: none
  }
  .logo {
    max-width: 100px
  }
}
@media (max-width:575px) {
  .logo {
    max-width: 90px
  }
  .header-icon:not(:last-child) {
    margin-right: 1.2rem
  }
}
.dropdownmenu-wrapper {
  position: relative;
  background-color: #fff
}
.dropdown-toggle i {
  font-size: 2.8rem
}
.dropdown-arrow:after {
  content: "\E819";
  border: 0;
  margin: -5px 2px 0 11px;
  font-size: 15px;
  font-family: porto;
  width: auto;
  height: auto
}
.dropdown-arrow .badge-circle {
  top: 3px;
  left: 19px;
  z-index: 2
}
.cart-dropdown a:focus, .cart-dropdown a:hover {
  color: inherit
}
.cart-dropdown .mobile-cart {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 300px;
  margin: 0;
  transform: translate(340px);
  transition: transform 0.2s ease-in-out 0s;
  background-color: #fff;
  z-index: 1050;
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15)
}
.cart-opened .cart-dropdown .mobile-cart {
  transform: none
}
.cart-dropdown .mobile-cart .btn-close {
  position: absolute;
  left: -4.2rem;
  top: 0.7rem;
  font-size: 3.3rem;
  color: #fff;
  font-weight: 300
}
.cart-product-info {
  color: #696969
}
.cart-opened .cart-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1050
}
.header-dropdowns {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center
}
.header-menu:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  z-index: 1151;
  margin-left: -9px;
  margin-top: -1rem;
  border-width: 0 9px 10px;
  border-style: solid;
  border-color: transparent transparent #fff;
  visibility: hidden;
  opacity: 1;
  transform: translateY(-1rem)
}
.header-dropdown {
  position: relative;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  padding: 5px 0
}
.header-dropdown > a {
  padding: 0 5px
}
.header-dropdown > a:after {
  content: "";
  font-family: "porto";
  font-weight: 400;
  margin-left: 0.5rem
}
.header-dropdown ul {
  position: absolute;
  top: -300rem;
  z-index: 1150;
  min-width: 100%;
  margin: 0;
  padding: 0.5rem 0;
  background: #fff;
  box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem)
}
.header-dropdown ul a {
  display: block;
  padding: 0.5em 7px;
  color: #777;
  white-space: nowrap
}
.header-dropdown ul a:hover {
  text-decoration:underline;
}
.header-dropdown:hover .header-menu:before, .header-dropdown:hover ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
  transform: none
}
.cart-dropdown .dropdownmenu-wrapper {
  padding: 2rem;
  overflow-y: auto;
  height: 100%
}
.cart-dropdown .dropdownmenu-wrapper:before {
  right: 28px;
  left: auto
}
.cart-dropdown .dropdownmenu-wrapper:after {
  right: 29px;
  left: auto
}
.cart-dropdown .product {
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important;
  padding: 2rem 0;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e6ebee;
  box-shadow: none !important;
  font-family: Poppins, sans-serif
}
.cart-dropdown .product-title {
  padding-right: 1.5rem;
  margin-bottom: 1.1rem;
  font-size: 1.4rem;
  line-height: 19px;
  color: #222529;
  font-weight: 500
}
.cart-dropdown .product-title a {
  color: #222529
}
.cart-dropdown .product-details {
  margin-bottom: 3px;
  font-size: 1.3rem
}
.sticky-header .cart-dropdown {
  margin-top: 0;
  margin-bottom: 0
}
.dropdown-cart-header, .dropdown-cart-total {
  font-weight: 700;
  line-height: 38px
}
.dropdown-cart-header {
  margin-bottom: 1.7rem
}
.dropdown-cart-total {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1.4rem;
  font-size: 1.3rem;
  font-family: Poppins, sans-serif
}
.dropdown-cart-total .cart-total-price {
  margin-left: auto;
  font-size: 1.5rem
}
.dropdown-cart-header {
  font-size: 2rem;
  font-family: Poppins, sans-serif
}
.dropdown-cart-action .btn {
  padding: 1.3rem 2.5rem 1.4rem;
  border-radius: 0.2rem;
  color: #fff;
  height: auto;
  font-size: 1.2rem;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  letter-spacing: 0.025em;
  border-color: transparent
}
.dropdown-cart-action .btn:last-child:hover {
  color: #fff
}
.dropdown-cart-action .view-cart {
  margin: 1rem 0;
  background: #e7e7e7;
  color: #222529
}
.dropdown-cart-action .view-cart:focus, .dropdown-cart-action .view-cart:hover {
  background: #f1f1f1;
  color: #222529
}
@media (min-width:992px) {
  .dropdown-expanded .header-menu:before, .dropdown-expanded > a {
    display: none
  }
  .dropdown-expanded li + li {
    margin-left: 3rem
  }
  .dropdown-expanded ul {
    position: static;
    display: flex;
    display: -ms-flexbox;
    padding: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible
  }
  .dropdown-expanded ul a {
    padding: 0;
    color: inherit
  }
  .dropdown-expanded ul a:hover {
    background-color: transparent
  }
  .dropdown-expanded .header-menu ul {
    transform: none
  }
}
@media (max-width:480px) {
  .cart-dropdown .dropdown-menu {
    width: 262px
  }
}
.header-search {
  position: relative
}
.header-search form {
  margin: 0
}
.header-search .form-control, .header-search select {
  margin: 0;
  border: 0;
  color: inherit;
  font-size: 1.3rem;
  height: 100%;
  box-shadow: none
}
.header-search .form-control, .header-search .select-custom {
  background: #f4f4f4
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .header-search .form-control {
    flex: 1
  }
}
.search-toggle:after {
  content: "";
  position: absolute;
  right: calc(50% - 10px);
  bottom: -10px;
  border: 10px solid transparent;
  border-bottom-color: #d41c00
}
.header-search:not(.show) .search-toggle:after {
  display: none
}
.header-search-category .form-control {
  border-radius: 5rem 0 0 5rem
}
.header-search-category .btn {
  border-radius: 0 5rem 5rem 0
}
.header-search-wrapper {
  display: flex;
  display: -ms-flexbox;
  position: absolute;
  right: -2.3rem;
  z-index: 999;
  margin-top: 10px;
  color: #8d8d8d;
  box-sizing: content-box;
  height: 42px;
  border-radius: 5rem;
  border: 5px solid #d41c00
}
.header-search-wrapper:after {
  display: block;
  clear: both;
  content: ""
}
.header-search:not(.show) .header-search-wrapper {
  display: none
}
.header-search-wrapper .select-custom {
  margin: 0;
  width: 12.8rem;
  flex: 0 0 12.8rem
}
.header-search-wrapper .select-custom:after {
  font-size: 1.4rem;
  line-height: 0;
  margin-top: 1px;
  right: 13px
}
.header-search-wrapper select {
  width: 100%;
  border-left: 1px solid #e7e7e7;
  padding-left: 1.5rem;
  padding-right: 1.7rem;
  line-height: 36px;
  letter-spacing: 0.005em;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none
}
.header-search-wrapper select:focus {
  outline: none
}
.header-search-wrapper .btn {
  position: relative;
  padding: 0 0 3px 0;
  border: 0;
  border-left: 1px solid #e7e7e7;
  min-width: 42px;
  color: #606669;
  font-size: 16px;
  background: #f4f4f4
}
.header-search-wrapper .btn:before {
  display: inline-block;
  margin-top: 5px;
  font-weight: 800
}
.header-search-inline .form-control {
  min-width: 21rem;
  padding: 1rem 2rem
}
@media (min-width:992px) {
  .header-search-inline .btn:after, .header-search-inline .search-toggle {
    display: none
  }
  .header-search-inline.header-search .header-search-wrapper {
    display: flex;
    display: -ms-flex;
    position: static;
    margin: 0;
    border-width: 0
  }
}
@media (max-width:767px) {
  .header-search .form-control {
    min-width: 17rem
  }
}
@media (max-width:575px) {
  .header-search-wrapper {
    left: 15px;
    right: 15px
  }
}
.menu, .menu li, .menu ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.menu {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5
}
.menu:after {
  display: block;
  clear: both;
  content: ""
}
.menu li > a {
  display: block;
  padding: 0.8rem 1.8rem;
  transition: 0.2s ease-out;
  color: #777
}
.menu li.active > a, .menu li:hover > a {
  background: #f4f4f4
}
.menu > li {
  float: left;
  position: relative;
  margin-right: 2.8rem
}
.menu > li > a {
  padding: 1rem 0;
  font-size: 13px;
  font-weight: 400;
  color: #555
}
.menu > li.active > a, .menu > li:hover > a {
  color: #d41c00;
  background: transparent
}
.menu > li > .sf-with-ul:before {
  content: "";
  position: absolute;
  z-index: 1000;
  left: 50%;
  bottom: 0;
  margin-left: -14px;
  border: 10px solid;
  border-color: transparent transparent #fff;
  opacity: 0
}
.menu ul {
  display: none;
  position: absolute;
  min-width: 200px;
  padding: 5px 0;
  border-top: 3px solid #d41c00;
  top: 100%;
  left: 0;
  z-index: 101;
  background-color: #fff;
  box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1)
}
.menu ul ul {
  top: -5px;
  left: 100%
}
.menu ul li {
  position: relative
}
.menu ul li:hover ul {
  display: block
}
.menu.sf-arrows .sf-with-ul + ul > li {
  position: relative
}
.menu.sf-arrows .sf-with-ul:after {
  position: absolute;
  right: 1rem;
  content: "\E81A";
  font-family: porto
}
.menu.sf-arrows > li > .sf-with-ul:after {
  content: "\E81C";
  font-family: porto;
  position: static;
  margin-left: 5px;
  font-weight: 400
}
.main-nav .menu {
  text-transform: uppercase;
  font-size: 12px
}
.main-nav .menu > li {
  margin-right: 2.9rem
}
.main-nav .menu > li > a {
  font-size: 12px;
  font-weight: 700;
  padding: 2.1rem 0;
  color: #222529
}
.main-nav .menu > li.active > a, .main-nav .menu > li:hover > a {
  color: #d41c00
}
.main-nav .menu > li:first-child > a {
  padding-left: 0
}
.main-nav .menu > li:not(.float-right) + li.float-right {
  margin-right: 0
}
.main-nav .menu.sf-arrows ul {
  border-top: none
}
.main-nav .menu > li > ul {
  left: -15px
}
.mobile-menu-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 260px;
  background-color: #1d1e20;
  font-size: 1.2rem;
  line-height: 1.5;
  z-index: 1051;
  transform: translateX(-100%);
  transition: transform 0.25s;
  overflow-y: auto
}
.mmenu-active .mobile-menu-container {
  transform: translateX(0)
}
.mobile-menu-container .social-icons {
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0
}
.mobile-menu-container .social-icon + .social-icon {
  margin-left: 1.2rem
}
.mobile-menu-container .search-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}
.mobile-menu-container .search-wrapper .form-control {
  background: #282e36;
  border: 0;
  line-height: 22px;
  padding: 8px 12px;
  height: 38px
}
.mobile-menu-container .search-wrapper .btn {
  position: absolute;
  right: 28px
}
.mobile-menu-wrapper {
  position: relative;
  padding: 4.7rem 0 3rem
}
.mobile-menu-close {
  position: absolute;
  top: 1.2rem;
  right: 2.1rem;
  padding: 0.4rem;
  color: #fff;
  line-height: 1;
  cursor: pointer;
  z-index: 9;
  font-size: 1.3rem
}
.mobile-menu-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.25s;
  background: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 1050
}
.mmenu-active .mobile-menu-overlay {
  opacity: 0.35;
  visibility: visible
}
.mmenu-active .mobile-sidebar {
  display: none
}
.mobile-nav {
  margin: 0 0 2rem;
  padding: 0
}
.mobile-menu {
  margin: 0;
  padding: 0;
  list-style: none
}
.mobile-menu li ul {
  display: none
}
.mobile-menu > li > a {
  text-transform: uppercase
}
.mobile-menu li {
  display: block;
  position: relative
}
.mobile-menu li:not(:last-child) {
  border-bottom: 1px solid #242527
}
.mobile-menu li a {
  display: block;
  position: relative;
  margin-left: 1.1rem;
  margin-right: 1.1rem;
  padding: 1rem 0 1.1rem 0.7rem;
  color: #fff;
  font-size: 1.3rem
}
.mobile-menu li a:focus, .mobile-menu li a:hover {
  color: #fff;
  text-decoration: none
}
.mobile-menu li.active > a {
  color: #fff;
  background-color: #282e36
}
.mobile-menu li ul {
  margin: 0;
  padding: 0
}
.mobile-menu li ul li a {
  padding-left: 2.5rem
}
.mobile-menu li ul ul li a {
  padding-left: 3.5rem
}
.mmenu-btn {
  display: block;
  position: absolute;
  top: 46%;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  text-align: center;
  border-radius: 0;
  outline: none;
  font-weight: bold;
  background-color: transparent;
  color: #fff;
  font-size: 1.7rem;
  line-height: 3rem;
  cursor: pointer
}
.mmenu-btn:after {
  display: inline-block;
  margin-top: -2px;
  font-family: "porto";
  content: ""
}
.side-menu-wrapper {
  border: 1px solid #e7e7e7
}
.side-menu-title {
  padding: 1.5rem 2rem;
  margin-bottom: 0;
  background: #f6f7f9;
  font-size: 1.4rem;
  text-transform: uppercase
}
.menu-vertical ul {
  top: 0;
  left: 100%;
  margin-left: -1px;
  border-top: 0
}
.menu-vertical.sf-arrows > li > .sf-with-ul:before {
  top: 50%;
  bottom: auto;
  left: calc(95% - 12px);
  margin: -10px 0 0;
  border-width: 10px 12px 10px 0;
  border-color: transparent;
  border-right-color: #fff;
  transition: 0.2s
}
.menu-vertical.sf-arrows > li > .sf-with-ul:after {
content: "\E81A";
  font-family: porto;
  position: absolute;
  right: 2.8rem;
  color: #838b90;
  font-size: 1.5rem
}
.menu-vertical.sf-arrows > li:hover > .sf-with-ul:after {
  color: inherit
}
.menu-vertical > li {
  float: none;
  margin: 0;
  padding: 0 1.8rem 0 1.6rem
}
.menu-vertical > li:not(:first-child) {
  border-top: 1px solid #fff
}
.menu-vertical > li:not(:first-child) > a {
  margin-top: -1px;
  border-top: 1px solid #e7e7e7
}
.menu-vertical > li > a {
  display: block;
  padding: 1.2rem 1rem 1.4rem 0.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: capitalize;
  transition: none
}
.menu-vertical > li i {
  position: relative;
  margin-right: 8px;
  top: 1px
}
.menu-vertical > li:hover {
  background: #d41c00
}
.menu-vertical > li:hover > a {
  border-bottom-color: transparent;
  color: #fff
}
.menu-vertical > li:hover + li > a {
  border-top-color: transparent
}
.menu-custom-block a:not(:hover) {
  color: #465157
}
.side-menu-wrapper {
  position: relative
}


.feature-boxes-container {
  padding-top: 6.5rem;
  padding-bottom: 1.5rem
}
.feature-boxes-container .feature-box i {
  font-size: 3.5rem
}
.feature-boxes-container .feature-box h3 {
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 1.4
}
.feature-boxes-container .feature-box h5 {
  color: #777;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 1.3rem
}
.feature-boxes-container .feature-box p {
  font-size: 1.3rem;
  line-height: 2.4rem
}

footer { border-top: 1px solid #e7e7e7;
  font-size: 1.3rem;
  color: #90969a;
  line-height: 24px
}
footer .container {
  position: relative
}
footer p {
  color: inherit
}
footer a {
  color: inherit
}
footer a:focus, footer a:hover {
  color: #000
}
.footer-middle {
 
  padding-top: 6.4rem;
  padding-bottom: 2.4rem
}
footer .social-icon:not(:hover):not(:active):not(:focus) {
  background: transparent
}
footer .widget {
  margin-bottom: 3rem
}
footer .widget-title {
  font-size: 1.6rem;
  text-transform: uppercase;
  margin: 0 0 1.7rem
}
.footer-middle .links {
  line-height: 2.4rem
}
.footer {
  line-height: 1.4;
  letter-spacing: 0.005em
}
.footer .widget-title {
  line-height: 1.4;
  margin: 0 0 1.5rem;
  font-size: 1.5rem
}
.footer .social-icon:not(:hover):not(:active):not(:focus) {
  color: #525252
}
.footer .contact-widget {
  margin: 0 0 1rem
}
.footer .contact-widget .widget-title {
  font-weight: 400;
  font-size: 1.3rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.005em;
  color: #000;
  margin-bottom: 0
}
.footer .contact-widget a {
  display: block
}









#scroll-top {
  height: 40px;
  position: fixed;
  right: 15px;
  width: 40px;
  z-index: 9999;
  bottom: 0;
  color: #fff;
  background-color: #43494e;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  padding: 11px 0;
  visibility: hidden;
  opacity: 0;
  border-radius: 0 0 0 0;
  transition: all 0.3s, margin-right 0s;
  transform: translateY(40px)
}
#scroll-top > i {
  position: absolute;
  height: 24px;
  line-height: 24px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
#scroll-top > i:before {
  font-weight: 700;
  font-size: 2rem
}
#scroll-top:focus, #scroll-top:hover {
  background-color: #3a4045
}
@media (max-width:575px) {
  footer {
    margin-bottom: 68px
  }
  #scroll-top {
    display: none
  }
}
.view-cart {
  padding: 14px 27px 13px;
  margin: 3px 0;
  height: 48px;
  font-family: "Open Sans", sans-serif
}
.product-single-share:not(.icon-with-color) .social-icon:not(:hover):not(:active):not(:focus) {
  color: #222529;
  background-color: transparent;
  border-color: #e7e7e7
}
@media (max-width:991px) {
  .mobile-sidebar {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    padding: 2rem;
    margin: 0;
    transform: translate(-260px);
    transition: transform 0.2s ease-in-out 0s;
    background-color: #fff;
    z-index: 9999;
    overflow-y: auto
  }
}
.widget-title {
  margin: 0.5rem 0 1.3rem;
  color: #313131;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase
}
.header {
  background-color: #d41c00
}
.header .mobile-menu-toggler {
  color: #fff
}
.header .separator {
  height: 20px
}
.header-top a {
  color: inherit
}
.header-middle .header-right {
  padding-right: 2.6rem
}
.dropdown-expanded li + li {
  margin-left: 2.4rem;
  letter-spacing: 0.025em
}
.header-dropdowns {
  margin-top: 1px
}
.header-dropdown {
  padding: 4px 0
}
.header-search-wrapper .btn {
  border-color: #eeeeee
}
.header-search-wrapper .select-custom:after {
  right: 12px
}
.header-search-wrapper select {
  font-size: 1.3rem;
  border-color: #eeeeee
}
.header-contact {
  min-width:140px;
  line-height:14px;
  padding-right:1.3rem;
  font-size:12px;
}
.header-contact img {
  margin-right: 0.8rem
}
.main-nav .menu > li {
  margin-right: 3.5rem;
  letter-spacing: -0.01em
}
.menu > li > .sf-with-ul:before {
  bottom: -1px;
  transition: opacity 0.1s
}
.minicart-icon {
  border-color: #fff
}
.minicart-icon:before {
  border-color: #fff
}
.dropdown-arrow .badge-circle {
  top: -5px;
  left: 23px;
  z-index: 1
}
.dropdown-arrow:after {
  position: absolute;
  right: -2.8rem;
  font-size: 17px;
  top: 0.6rem
}
.header-icon:not(:last-child) {
  margin-bottom: 2px
}
.header-icon:hover {
  color: #fff
}
.footer a:focus, .footer a:hover {
  color: #000; text-decoration:underline;
}
.footer .social-icon:not(:hover):not(:active):not(:focus) {
  background-color: transparent;
  border-color: #313438;
  color: #fff
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
  border-color: #ff3232;
  background-color: #ff3f3f;
  color: #fff
}
@media (min-width:992px) and (max-width:1199px) {
  .dropdown-expanded li:not(:first-child) {
    margin-left: 1.3rem
  }
}
@media (max-width:1199px) {
  .main-nav .menu > li {
    margin-right: 2.5rem
  }
}
@media (max-width:991px) {
  .header-search i {
    font-size: 2.4rem
  }
}
@media (max-width:767px) {
  .header-icon i {
    font-size: 3rem
  }
  .header-search i {
    font-size: 2.4rem
  }
}


.home-slider img {
  height: 415px
}

@media (max-width:650px) {
  .home-slider img {
  height: auto;
}
}


.home-slider .banner-layer {
  left: 7.25%
}
.home-slider h2 {

  color: #ffffff;
  

}
.home-slider h4 {
  margin-bottom: 1.4rem;
  color: #ffffff;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.08em;
  opacity: 1;

}
.home-slider h5 {
  font-size: 0.875em;
  margin-top: -4px;
    color: #ffffff;
}
.home-slider .owl-dots {
  position: absolute;
  bottom: 30px;
  left: 7.25%
}
.home-slider .owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  border-color: #fff
}
.home-slider .owl-dots .owl-dot span:before {
  background: #222529
}
.home-slider .owl-dots .owl-dot.active span, .home-slider .owl-dots .owl-dot:hover span {
  border-color: #222529
}
.home-slider .owl-dots .owl-dot.active span:before, .home-slider .owl-dots .owl-dot:hover span:before {
  width: 4px;
  height: 4px;
  background: #222529
}
.home-slide2 h2 {
  font-size: 3.4375em;
  
}
.home-slide2 h2 {
  margin-bottom: 1.9rem
}
.home-slide2 h4 {
  margin-bottom: 0.8rem
}
.home-slide2 h5 {
  margin-top: -6px
}
.info-boxes-container {
  border: 1px solid #e7e7e7
}
.info-boxes-container .info-box {
  margin: 1.2rem 0;
  padding: 1.2rem
}
.info-boxes-container .info-box:not(:last-child) {
  border-right: 1px solid #e7e7e7
}
.info-boxes-container i {
  line-height: 0
}
.side-menu-title {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem
}
@media (max-width:991px) {
  .info-boxes-container .info-box {
    justify-content: flex-start;
    -ms-flex-pack: start;
    margin: 0;
    padding: 2.4rem 3rem
  }
  .info-boxes-container .info-box:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #e7e7e7
  }
}




.header {
    background-color: #000;
}
.header-top {
  
    border-bottom: 1px solid #ccc;
    color: #ccc;
    
}
header .separator {
  
    border-left: 1px solid #ccc;
  
}


.menu-destacat {background:#000;}
.menu-destacat > a {color:#fff !important;}

header .container.nom-usuari-capcalera-mobil{ display:none;}


header .header-middle .container.nom-usuari-capcalera-mobil .header-left.col-lg-5.w-lg-max.pl-0{
    display: block;
    height: 1px;
    float: left;
    width: 71%;
}
header .container.nom-usuari-capcalera-mobil .header-right{
    display:block;
    width:auto;
    float:left;
}
@media (max-width:991px) {
    header .container.nom-usuari-capcalera-mobil{
        width:100%;
        display: block;
        margin-top: -25px;
    }
    header .logo.logo-portal-general{
        width:262px;
    }
}

@media (max-width:603px) {
    header .header-middle .container.nom-usuari-capcalera-mobil .header-left.col-lg-5.w-lg-max.pl-0{
        width: 67%;
    }
}
@media (max-width:535px) {
    header .header-middle .container.nom-usuari-capcalera-mobil .header-left.col-lg-5.w-lg-max.pl-0{
        width: 60%;
    }
}
@media (max-width:446px) {
    header .header-middle .container.nom-usuari-capcalera-mobil .header-left.col-lg-5.w-lg-max.pl-0{
        width: 170px;
    }
    .logo.logo-portal-general img{
        max-width:120px;
    }
}

.logo.logo-portal-general{
    max-width: 262px;
}