/*
Theme Name:   Stutenmilch
Description:  Stutenmilch Theme - Template
Author:       Digital Vision
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  stutenmilch
*/
@import url("https://www.stutenmilch.be/wp-content/plugins/acf-openstreetmap-field/assets/css/leaflet.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css");
@import url("https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/jquery.swipebox/1.4.4/css/swipebox.min.css");
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
}
body {
  font-family: 'Lato', sans-serif;
}
h1 {
  font-size: 2em;
  color: #253e6b;
  margin: 0 0 1em 0;
}
h2 {
  font-size: 1.7em;
  color: #253e6b;
  margin: 0 0 1em 0;
}
h3 {
  font-size: 1.4em;
  color: #253e6b;
  margin: 1.5em 0 1.3em 0;
}
h4 {
  font-size: 1em;
}
.light {
  background-color: #f9fbfd;
}
.blue {
  background-color: #005dbd;
  color: white;
}
.blue h1,
.blue h2,
.blue h3 {
  color: white;
}
.blue a {
  color: white;
  text-decoration: underline;
}
.blue a:hover {
  text-decoration: none;
}
.dark {
  background-color: #253e6b;
  color: white;
}
.dark h1,
.dark h2,
.dark h3 {
  color: white;
}
.btn,
.btn-primary {
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  padding: 0 1.5em;
  text-transform: uppercase;
  margin-top: 1em;
  background-color: #005dbd;
  position: relative;
  overflow: hidden;
  border: 0;
  transition: background-color 0.5s, color 0.25s;
}
.btn span,
.btn-primary span {
  position: relative;
  z-index: 55;
}
.btn:disabled,
.btn-primary:disabled {
  opacity: 1;
  background-color: #005dbd;
}
.btn:before,
.btn-primary:before {
  content: "";
  display: block;
  width: 110%;
  height: 50px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background-color: #f9fbfd;
  position: absolute;
  top: 0;
  left: -5%;
  transition: 0.25s;
  z-index: 50;
}
.btn:hover,
.btn-primary:hover {
  background-color: #f9fbfd;
  color: #253e6b;
}
.btn:hover:before,
.btn-primary:hover:before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.btn-secondary:before {
  background-color: #253e6b;
}
.btn-secondary:hover {
  background-color: #253e6b;
  color: #f9fbfd;
}
.btn-light {
  color: #005dbd !important;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #f8f9fa !important;
}
.btn-light:before {
  background-color: #005dbd;
}
.btn-light:hover {
  background-color: #005dbd;
  color: #FFF !important;
}
@media (max-width: 767px) {
  .btn {
    font-size: 0.7em;
  }
}
.top-bar {
  background-color: #253e6b;
  line-height: 40px;
  color: white;
}
.top-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.top-bar ul li {
  display: inline-block;
}
.top-bar ul li.lang {
  position: relative;
  text-transform: uppercase;
  background-color: #253e6b;
  cursor: pointer;
}
.top-bar ul li.lang div {
  background-color: #253e6b;
  padding: 0 0.5em;
  transition: 0.35s;
}
.top-bar ul li.lang div.active i {
  color: #f9fbfd;
  margin-left: 0.5em;
}
.top-bar ul li.lang div.others {
  width: 100%;
  position: absolute;
  right: 0;
  z-index: 1001;
  text-align: left;
  display: none;
}
.top-bar ul li.lang div.others a {
  color: white;
  display: block;
}
.top-bar ul li.lang div:hover {
  background-color: #2c497e;
}
.top-bar ul li.login {
  padding: 0 1em;
  transition: 0.35s;
}
.top-bar ul li.login a {
  color: white;
  text-transform: uppercase;
}
.top-bar ul li.login a:hover {
  text-decoration: none;
}
.top-bar ul li.login:hover {
  background-color: #2c497e;
}
.header-nav {
  background-color: #005dbd;
  line-height: 100px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1000;
}
.header-nav img {
  height: 70px;
}
.header-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-nav ul li {
  display: inline-block;
}
.header-nav ul li a {
  color: white;
  padding: 0 0.5em;
}
.header-nav ul li a:hover {
  color: #f9fbfd;
}
.header-nav ul li.menu-item-has-children {
  position: relative;
}
.header-nav ul li.menu-item-has-children .sub-menu {
  width: 200px;
  position: absolute;
  text-align: center;
  background-color: white;
  -webkit-transform: translateX(-25%);
          transform: translateX(-25%);
  border-radius: 25px;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  display: none;
}
.header-nav ul li.menu-item-has-children .sub-menu li {
  display: block;
  line-height: 1em;
}
.header-nav ul li.menu-item-has-children .sub-menu li a {
  display: block;
  color: #005dbd;
  text-transform: uppercase;
  padding: 1em 0em;
  transition: 0.35s;
}
.header-nav ul li.menu-item-has-children .sub-menu li a:hover {
  background-color: #f9fbfd;
  text-decoration: none;
}
.header-nav ul li.menu-item-has-children .sub-menu li a:after {
  display: none;
}
.header-nav ul li.menu-item-has-children .sub-menu li:first-child a {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.header-nav ul li.menu-item-has-children .sub-menu li:last-child a {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.header-nav ul li.menu-item-has-children .sub-menu:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header-nav ul li.menu-item-has-children a:after {
  content: "\f107";
  display: inline-block;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 1em;
  color: #f9fbfd;
  margin-left: 0.5em;
}
.header-nav ul li.cart {
  display: inline-block !important;
  color: white;
}
.header-nav ul li.cart i {
  font-size: 2em;
  position: relative;
  top: 4px;
}
.header-nav ul li.cart a {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  transition: 0.35s;
}
.header-nav ul li.cart a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.header-nav ul li.burger {
  position: relative;
  top: 6px;
  margin-left: 1.5em;
  display: none;
}
.header-nav ul li.burger div {
  width: 30px;
  height: 3px;
  background-color: white;
  margin-bottom: 4px;
  border-radius: 1.5px;
}
.mobile-nav {
  display: none;
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
  z-index: 1000;
  overflow-y: scroll;
  height: calc(100vh - 100px);
}
.mobile-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.mobile-nav ul li {
  width: 100%;
  border-top: 2px solid #ffffe124;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.mobile-nav ul li:first-child {
  border: none;
}
.mobile-nav ul li a {
  text-decoration: none;
  width: 100%;
  color: white;
  font-weight: 700;
  line-height: 40px;
}
.mobile-nav ul li ul li {
  border: none;
}
.mobile-nav ul li ul li a {
  font-weight: 400;
  opacity: 0.8;
}
.header {
  height: calc(100vh - 140px);
}
.header .header-carousel {
  height: 100%;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
.header .header-carousel .slick-list {
  height: 100%;
}
.header .header-carousel .slick-list .slick-track {
  height: 100%;
}
.header .header-carousel .slick-list .slick-track .slick-slide {
  height: 100%;
}
.header .header-carousel .slick-list .slick-track .slick-slide div {
  height: 100%;
}
.header .header-carousel .slick-list .slick-track .slick-slide div .item {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.header .header-carousel.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.header .slider-nav {
  width: 300px;
  height: 10px;
  position: absolute;
  top: 150px;
}
.header .slider-nav .slick-dots {
  text-align: left;
}
.header .slider-nav .slick-dots li {
  display: inline-block;
}
.header .slider-nav .slick-dots li .slider-nav-button {
  width: 15px;
  height: 15px;
  background-color: white;
  border-radius: 7.5px;
  border: 2px solid white;
  transition: 0.35s;
}
.header .slider-nav .slick-dots li.slick-active .slider-nav-button {
  background-color: transparent;
}
.header .overlay {
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: flex-end;
  padding-bottom: 5em;
}
.header .overlay .content {
  width: 100%;
  max-width: 500px;
  color: white;
}
.header .overlay .content h2 {
  color: white;
}
#scroll--down {
  position: absolute;
  top: 90vh;
  height: 10vh;
  width: 100%;
  z-index: 3;
  background: radial-gradient(60% 10vh at 50% 100%, #00000075, transparent);
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.1s ease;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
}
#scroll--down button {
  animation: bounce 3s alternate-reverse infinite ease-out;
  pointer-events: all;
  width: 2rem;
  height: 2rem;
  z-index: 1;
  font-size: 3rem;
  margin-bottom: 1rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#scroll--down button:after {
  content: "\f107";
  position: absolute;
  z-index: 55;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
}
#scroll--down button:hover:after {
  color: #005dbd;
}
body.scrolled #scroll--down {
  opacity: 0;
}
.grecaptcha-badge {
  display: none !important;
}
@media (max-width: 1199px) {
  .header-nav ul li a {
    padding: 0 0.5em;
  }
}
@media (max-width: 991px) {
  .mobile-nav .container {
    max-width: 100%;
  }
  .header-nav .container {
    max-width: 100%;
  }
  .header-nav .container ul li a {
    padding: 0 0.2em;
  }
}
@media (max-width: 767px) {
  .header-nav ul li {
    display: none;
  }
  .header-nav ul li.burger {
    display: inline-block !important;
  }
}
@media (max-width: 360px) {
  .header-nav ul li.burger {
    margin-left: 0px;
  }
}
#front-intro .images .image-vid {
  width: 60%;
  height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 25px;
  padding: 25px;
  margin-right: 5%;
  float: left;
}
#front-intro .images .image-vid .btn-play {
  color: #f9fbfd;
  cursor: pointer;
}
#front-intro .images .image-vid .btn-play:before {
  content: "\f04b";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 1.5em;
  color: #253e6b;
  text-align: center;
  line-height: 40px;
}
#front-intro .images .image-vid .btn-play span {
  font-size: 1em;
  line-height: 40px;
  opacity: 0;
  transition: 0.35s;
  overflow: hidden;
  position: relative;
  top: -5px;
  left: 5px;
}
#front-intro .images .image-vid .btn-play:hover span {
  width: auto;
  opacity: 1;
}
#front-intro .images .cover {
  width: 30%;
  height: 250px;
  background-size: cover;
  background-position: center;
  border-radius: 25px;
  float: left;
  position: relative;
  top: 120px;
}
#videoplayer video {
  width: 100%;
}
#quality i {
  font-size: 3em;
}
#quality .btn-secondary {
  background-color: white;
  color: #253e6b;
  text-decoration: none;
}
#quality .btn-secondary:hover {
  color: white;
  background-color: #253e6b;
}
#apps .btn-secondary {
  background-color: white;
  color: #005dbd;
}
#apps .btn-secondary:hover {
  color: white;
  background-color: #005dbd;
}
#apps .btn-secondary:hover:before {
  background-color: #005dbd;
}
#apps .app {
  display: block;
  padding: 1em;
  text-decoration: none;
  transition: 0.35s;
}
#apps .app .image {
  width: auto;
  height: 350px;
  background-size: cover;
  background-position: center;
  border-radius: 25px;
}
#apps .app .content {
  color: white;
  font-weight: 700;
  font-size: 1.3em;
}
#apps .app:hover {
  text-decoration: none;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
#apps .slick-next,
#apps .slick-prev {
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 25px;
}
#apps .slick-next::before,
#apps .slick-prev::before {
  content: "\f104";
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  color: #253e6b;
  text-align: center;
  line-height: 40px;
}
#apps .slick-prev {
  left: -50px;
}
#apps .slick-next {
  right: -50px;
}
#apps .slick-next::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#testis-front .testi .content {
  background-color: white;
  border-radius: 25px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 2em;
  text-align: left;
}
#testis-front .testi .content b {
  color: #253e6b;
}
#testis-front .testi .content .image-carousel {
  position: relative;
  width: calc(100% + 4em);
  min-height: 350px;
  margin: -2em 0 0 -2em;
}
#testis-front .testi .content .image-carousel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#testis-front .testi .content .image-carousel .slick-arrow {
  z-index: 1;
}
#testis-front .testi .content .image-carousel .slick-arrow.slick-next {
  right: 40px;
}
#testis-front .testi .content .image-carousel .slick-arrow.slick-next::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  text-align: right;
}
#testis-front .testi .content .image-carousel .slick-arrow.slick-prev {
  left: 15px;
}
#testis-front .testi .content .image-carousel .slick-arrow.slick-disabled {
  opacity: 0;
}
#testis-front .testi .content .image-carousel .slick-arrow::before {
  content: "\f104";
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  color: white;
  text-align: center;
  line-height: 40px;
}
#testis-front .testi .content .image-non-slider {
  position: relative;
  width: calc(100% + 4em);
  height: 350px;
  margin: -2em 0 0 -2em;
}
#testis-front .testi .content .image-non-slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#testis-front .testi .button {
  display: block;
  width: 100%;
  min-height: 50px;
  border-radius: 25px;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  background-color: #005dbd;
  line-height: 50px;
  color: white;
  text-transform: uppercase;
  margin: 0!important;
  text-align: center;
}
#testis-front .testi .button:hover {
  text-decoration: none;
}
#testis {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin: 1.5em;
  padding: 0;
}
#testis .testi {
  display: inline-block;
  padding: 1em;
  margin: 0 0 1.5em;
  width: 100%;
}
#testis .testi .content {
  background-color: white;
  border-radius: 25px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 2em;
  text-align: left;
}
#testis .testi .content b {
  color: #253e6b;
}
#testis .testi .content .image-carousel {
  position: relative;
  width: calc(100% + 4em);
  min-height: 350px;
  margin: -2em 0 0 -2em;
}
#testis .testi .content .image-carousel img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#testis .testi .content .image-carousel .slick-arrow {
  z-index: 1;
}
#testis .testi .content .image-carousel .slick-arrow.slick-next {
  right: 40px;
}
#testis .testi .content .image-carousel .slick-arrow.slick-next::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  text-align: right;
}
#testis .testi .content .image-carousel .slick-arrow.slick-prev {
  left: 15px;
}
#testis .testi .content .image-carousel .slick-arrow.slick-disabled {
  opacity: 0;
}
#testis .testi .content .image-carousel .slick-arrow::before {
  content: "\f104";
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  color: white;
  text-align: center;
  line-height: 40px;
}
#testis .testi .content .image-non-slider {
  position: relative;
  width: calc(100% + 4em);
  height: 400px;
  margin: -2em 0 0 -2em;
}
#testis .testi .content .image-non-slider img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#testis .testi .button {
  display: block;
  width: 100%;
  min-height: 50px;
  border-radius: 25px;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  background-color: #005dbd;
  line-height: 50px;
  color: white;
  text-transform: uppercase;
  margin: 0!important;
  text-align: center;
}
#testis .testi .button:hover {
  text-decoration: none;
}
#wt-cli-settings-btn {
  color: #253e6b !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: light;
  text-transform: uppercase;
  font-size: 1rem;
  background-color: transparent !important;
}
#wt-cli-settings-btn:hover {
  background-color: transparent !important;
  color: #005dbd !important;
}
@media only screen and (max-width: 320px) {
  #testis {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
  #testis {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #testis {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
  }
}
@media only screen and (min-width: 1201px) {
  #testis {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 767px) {
  .testi .button {
    font-size: 0.7em;
  }
  #products .w-75,
  #quality .w-75,
  #apps .w-75,
  #testis-front .w-75 {
    width: 100% !important;
  }
}
.products {
  margin: 0 0 0.25em 0;
}
.products .col-md-4 {
  margin-bottom: 2em;
}
.products .product {
  background-color: #f9fbfd;
  padding: 25px;
  border-radius: 25px;
  color: black;
  text-decoration: none !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  transition: 0.35s;
}
.products .product .image-container {
  max-width: 250px;
  min-height: 250px;
  margin: 0 auto 1rem auto;
  display: flex;
  align-items: center;
  text-align: center;
}
.products .product .image-container img {
  max-width: 240px;
  max-height: 250px;
  mix-blend-mode: darken;
  margin: 0 auto;
}
.products .product .product-info {
  display: block;
  text-align: left;
  width: calc(100% - 50px);
  float: left;
}
.products .product .product-info .price {
  color: #005dbd;
}
.products .product .btn-cart {
  width: 40px;
  height: 40px;
  background-color: #005dbd;
  color: white;
  font-size: 1.5em;
  text-align: center;
  line-height: 40px;
  float: left;
  border-radius: 20px;
  transition: 0.35s;
  cursor: pointer;
}
.products .product .btn-cart:hover {
  background-color: #253e6b;
}
.products .product .btn-cart.loading {
  display: flex;
  align-items: center;
}
.products .product .btn-cart.loading:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-left-color: transparent;
  border-radius: 10px;
  margin: auto;
  -webkit-animation: 1s rotate infinite linear;
          animation: 1s rotate infinite linear;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.products .product:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.products a {
  text-decoration: none;
}
#loadMore {
  display: flex;
  align-items: center;
}
#loadMore:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #005dbd;
  border-left-color: transparent;
  border-radius: 10px;
  margin: auto;
  -webkit-animation: 1s rotate infinite linear;
          animation: 1s rotate infinite linear;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.alert {
  border-radius: 25px;
}
.alert p {
  margin-bottom: 0;
}
.pi-msg-title {
  background-color: transparent;
  color: #005dbd;
  border: 0;
  line-height: 50px;
  padding: 0;
  font-weight: 800;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.single-product.postid-729 .summary.entry-summary h1 + p.price {
  display: none;
}
@media (max-width: 991px) {
  .products .product .image-container {
    max-width: 150px;
    max-height: 150px;
  }
  .products .product .image-container img {
    max-width: 150px;
    max-height: 150px;
  }
}
@media (max-width: 767px) {
  .products .product .image-container {
    max-width: 250px;
    min-height: 250px;
    margin: 0 auto 1rem auto;
    display: flex;
    align-items: center;
    text-align: center;
  }
  .products .product .image-container img {
    max-width: 240px;
    max-height: 250px;
    mix-blend-mode: darken;
    margin: 0 auto;
  }
}
#accordion {
  border: 0;
}
#accordion .card {
  border: 0;
}
#accordion .card .card-header {
  background-color: #f9fbfd;
  border: 0;
  border-radius: 25px;
}
#accordion .card .card-header button {
  width: 100%;
  min-height: 50px;
  border: 0;
  outline: 0;
  background-color: transparent;
  text-align: left;
  line-height: 50px;
  padding-top: 0;
  padding-right: calc(1rem + 55px);
  position: relative;
}
#accordion .card .card-header button:after {
  content: "\f107";
  display: block;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 1.5em;
  color: #253e6b;
  text-align: center;
  width: 50px;
  line-height: 50px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center !important;
          transform-origin: center !important;
  transition: 0.35s;
  position: absolute;
  top: calc(50% - 25px);
  right: 0.5rem;
}
#accordion .card .card-header button.collapsed:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: center !important;
          transform-origin: center !important;
}
@media (max-width: 991px) {
  #accordion .card .card-header button {
    line-height: normal !important;
  }
  #accordion .card .card-header button:after {
    line-height: normal !important;
    top: calc(50% - 1rem);
  }
}
.page-template-page-hof .btn.btn-secondary[data-toggle="collapse"] {
  text-align: left!important;
}
.page-template-page-hof .btn.btn-secondary[data-toggle="collapse"]:after {
  content: "\f107";
  display: block;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  width: 50px;
  line-height: 50px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center !important;
          transform-origin: center !important;
  transition: 0.35s;
  position: absolute;
  top: calc(50% - 25px);
  right: 0.5rem;
  z-index: 50;
}
.page-template-page-hof .btn.btn-secondary[data-toggle="collapse"].collapsed:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: center !important;
          transform-origin: center !important;
}
.applications-container img {
  border-radius: 25px;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.applications-container:nth-child(odd) .col-md-6:first-child {
  order: 1;
}
.applications-container:nth-child(odd) .col-md-6:last-child {
  order: 12;
}
.applications-container:nth-child(even) {
  background-color: #f9fbfd;
}
.applications-container:nth-child(even) .col-md-6:first-child {
  order: 12;
}
.applications-container:nth-child(even) .col-md-6:last-child {
  order: 1;
}
.applications-container .products {
  display: inline-block;
  background-color: #005dbd;
  line-height: 40px;
  border-radius: 20px;
  color: white;
  text-decoration: none;
  padding: 0 1em;
  transition: 0.35s;
}
.applications-container .products:hover {
  background-color: #253e6b;
}
@media (max-width: 767px) {
  .applications-container:nth-child(even) {
    background-color: #f9fbfd;
  }
  .applications-container:nth-child(even) .col-md-6:first-child {
    order: 1;
  }
  .applications-container:nth-child(even) .col-md-6:last-child {
    order: 12;
  }
}
div.woocommerce .woocommerce-MyAccount-navigation {
  background-color: #f9fbfd;
  padding: 25px;
  border-radius: 25px;
}
div.woocommerce .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.woocommerce .woocommerce-form-login {
  max-width: 400px;
  margin: 0 auto  !important;
}
div.woocommerce .woocommerce-form input[type="text"],
div.woocommerce .woocommerce-ResetPassword input[type="text"],
div.woocommerce .woocommerce-EditAccountForm input[type="text"],
div.woocommerce .woocommerce-checkout input[type="text"],
div.woocommerce .woocommerce-MyAccount-content input[type="text"],
div.woocommerce .woocommerce-form input[type="email"],
div.woocommerce .woocommerce-ResetPassword input[type="email"],
div.woocommerce .woocommerce-EditAccountForm input[type="email"],
div.woocommerce .woocommerce-checkout input[type="email"],
div.woocommerce .woocommerce-MyAccount-content input[type="email"],
div.woocommerce .woocommerce-form input[type="tel"],
div.woocommerce .woocommerce-ResetPassword input[type="tel"],
div.woocommerce .woocommerce-EditAccountForm input[type="tel"],
div.woocommerce .woocommerce-checkout input[type="tel"],
div.woocommerce .woocommerce-MyAccount-content input[type="tel"],
div.woocommerce .woocommerce-form input[type="password"],
div.woocommerce .woocommerce-ResetPassword input[type="password"],
div.woocommerce .woocommerce-EditAccountForm input[type="password"],
div.woocommerce .woocommerce-checkout input[type="password"],
div.woocommerce .woocommerce-MyAccount-content input[type="password"],
div.woocommerce .woocommerce-form textarea,
div.woocommerce .woocommerce-ResetPassword textarea,
div.woocommerce .woocommerce-EditAccountForm textarea,
div.woocommerce .woocommerce-checkout textarea,
div.woocommerce .woocommerce-MyAccount-content textarea {
  width: 100% !important;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  border: 1px solid #253e6b;
  padding: 0 1em;
  transition: 0.35s;
}
div.woocommerce .woocommerce-form input[type="text"]:hover,
div.woocommerce .woocommerce-ResetPassword input[type="text"]:hover,
div.woocommerce .woocommerce-EditAccountForm input[type="text"]:hover,
div.woocommerce .woocommerce-checkout input[type="text"]:hover,
div.woocommerce .woocommerce-MyAccount-content input[type="text"]:hover,
div.woocommerce .woocommerce-form input[type="email"]:hover,
div.woocommerce .woocommerce-ResetPassword input[type="email"]:hover,
div.woocommerce .woocommerce-EditAccountForm input[type="email"]:hover,
div.woocommerce .woocommerce-checkout input[type="email"]:hover,
div.woocommerce .woocommerce-MyAccount-content input[type="email"]:hover,
div.woocommerce .woocommerce-form input[type="tel"]:hover,
div.woocommerce .woocommerce-ResetPassword input[type="tel"]:hover,
div.woocommerce .woocommerce-EditAccountForm input[type="tel"]:hover,
div.woocommerce .woocommerce-checkout input[type="tel"]:hover,
div.woocommerce .woocommerce-MyAccount-content input[type="tel"]:hover,
div.woocommerce .woocommerce-form input[type="password"]:hover,
div.woocommerce .woocommerce-ResetPassword input[type="password"]:hover,
div.woocommerce .woocommerce-EditAccountForm input[type="password"]:hover,
div.woocommerce .woocommerce-checkout input[type="password"]:hover,
div.woocommerce .woocommerce-MyAccount-content input[type="password"]:hover,
div.woocommerce .woocommerce-form textarea:hover,
div.woocommerce .woocommerce-ResetPassword textarea:hover,
div.woocommerce .woocommerce-EditAccountForm textarea:hover,
div.woocommerce .woocommerce-checkout textarea:hover,
div.woocommerce .woocommerce-MyAccount-content textarea:hover,
div.woocommerce .woocommerce-form input[type="text"]:active,
div.woocommerce .woocommerce-ResetPassword input[type="text"]:active,
div.woocommerce .woocommerce-EditAccountForm input[type="text"]:active,
div.woocommerce .woocommerce-checkout input[type="text"]:active,
div.woocommerce .woocommerce-MyAccount-content input[type="text"]:active,
div.woocommerce .woocommerce-form input[type="email"]:active,
div.woocommerce .woocommerce-ResetPassword input[type="email"]:active,
div.woocommerce .woocommerce-EditAccountForm input[type="email"]:active,
div.woocommerce .woocommerce-checkout input[type="email"]:active,
div.woocommerce .woocommerce-MyAccount-content input[type="email"]:active,
div.woocommerce .woocommerce-form input[type="tel"]:active,
div.woocommerce .woocommerce-ResetPassword input[type="tel"]:active,
div.woocommerce .woocommerce-EditAccountForm input[type="tel"]:active,
div.woocommerce .woocommerce-checkout input[type="tel"]:active,
div.woocommerce .woocommerce-MyAccount-content input[type="tel"]:active,
div.woocommerce .woocommerce-form input[type="password"]:active,
div.woocommerce .woocommerce-ResetPassword input[type="password"]:active,
div.woocommerce .woocommerce-EditAccountForm input[type="password"]:active,
div.woocommerce .woocommerce-checkout input[type="password"]:active,
div.woocommerce .woocommerce-MyAccount-content input[type="password"]:active,
div.woocommerce .woocommerce-form textarea:active,
div.woocommerce .woocommerce-ResetPassword textarea:active,
div.woocommerce .woocommerce-EditAccountForm textarea:active,
div.woocommerce .woocommerce-checkout textarea:active,
div.woocommerce .woocommerce-MyAccount-content textarea:active,
div.woocommerce .woocommerce-form input[type="text"]:focus,
div.woocommerce .woocommerce-ResetPassword input[type="text"]:focus,
div.woocommerce .woocommerce-EditAccountForm input[type="text"]:focus,
div.woocommerce .woocommerce-checkout input[type="text"]:focus,
div.woocommerce .woocommerce-MyAccount-content input[type="text"]:focus,
div.woocommerce .woocommerce-form input[type="email"]:focus,
div.woocommerce .woocommerce-ResetPassword input[type="email"]:focus,
div.woocommerce .woocommerce-EditAccountForm input[type="email"]:focus,
div.woocommerce .woocommerce-checkout input[type="email"]:focus,
div.woocommerce .woocommerce-MyAccount-content input[type="email"]:focus,
div.woocommerce .woocommerce-form input[type="tel"]:focus,
div.woocommerce .woocommerce-ResetPassword input[type="tel"]:focus,
div.woocommerce .woocommerce-EditAccountForm input[type="tel"]:focus,
div.woocommerce .woocommerce-checkout input[type="tel"]:focus,
div.woocommerce .woocommerce-MyAccount-content input[type="tel"]:focus,
div.woocommerce .woocommerce-form input[type="password"]:focus,
div.woocommerce .woocommerce-ResetPassword input[type="password"]:focus,
div.woocommerce .woocommerce-EditAccountForm input[type="password"]:focus,
div.woocommerce .woocommerce-checkout input[type="password"]:focus,
div.woocommerce .woocommerce-MyAccount-content input[type="password"]:focus,
div.woocommerce .woocommerce-form textarea:focus,
div.woocommerce .woocommerce-ResetPassword textarea:focus,
div.woocommerce .woocommerce-EditAccountForm textarea:focus,
div.woocommerce .woocommerce-checkout textarea:focus,
div.woocommerce .woocommerce-MyAccount-content textarea:focus {
  border-color: #005dbd;
}
div.woocommerce .woocommerce-form textarea,
div.woocommerce .woocommerce-ResetPassword textarea,
div.woocommerce .woocommerce-EditAccountForm textarea,
div.woocommerce .woocommerce-checkout textarea,
div.woocommerce .woocommerce-MyAccount-content textarea {
  padding: 1em;
  height: 150px!important;
  line-height: 1.2 !important;
}
div.woocommerce .woocommerce-form .password-input,
div.woocommerce .woocommerce-ResetPassword .password-input,
div.woocommerce .woocommerce-EditAccountForm .password-input,
div.woocommerce .woocommerce-checkout .password-input,
div.woocommerce .woocommerce-MyAccount-content .password-input,
div.woocommerce .woocommerce-form .select2-container,
div.woocommerce .woocommerce-ResetPassword .select2-container,
div.woocommerce .woocommerce-EditAccountForm .select2-container,
div.woocommerce .woocommerce-checkout .select2-container,
div.woocommerce .woocommerce-MyAccount-content .select2-container {
  width: 100%;
  height: 50px;
  border-radius: 25px;
  border: 1px solid #253e6b;
  padding: 0 1em;
  transition: 0.35s;
}
div.woocommerce .woocommerce-form .password-input:hover,
div.woocommerce .woocommerce-ResetPassword .password-input:hover,
div.woocommerce .woocommerce-EditAccountForm .password-input:hover,
div.woocommerce .woocommerce-checkout .password-input:hover,
div.woocommerce .woocommerce-MyAccount-content .password-input:hover,
div.woocommerce .woocommerce-form .select2-container:hover,
div.woocommerce .woocommerce-ResetPassword .select2-container:hover,
div.woocommerce .woocommerce-EditAccountForm .select2-container:hover,
div.woocommerce .woocommerce-checkout .select2-container:hover,
div.woocommerce .woocommerce-MyAccount-content .select2-container:hover,
div.woocommerce .woocommerce-form .password-input:active,
div.woocommerce .woocommerce-ResetPassword .password-input:active,
div.woocommerce .woocommerce-EditAccountForm .password-input:active,
div.woocommerce .woocommerce-checkout .password-input:active,
div.woocommerce .woocommerce-MyAccount-content .password-input:active,
div.woocommerce .woocommerce-form .select2-container:active,
div.woocommerce .woocommerce-ResetPassword .select2-container:active,
div.woocommerce .woocommerce-EditAccountForm .select2-container:active,
div.woocommerce .woocommerce-checkout .select2-container:active,
div.woocommerce .woocommerce-MyAccount-content .select2-container:active,
div.woocommerce .woocommerce-form .password-input:focus,
div.woocommerce .woocommerce-ResetPassword .password-input:focus,
div.woocommerce .woocommerce-EditAccountForm .password-input:focus,
div.woocommerce .woocommerce-checkout .password-input:focus,
div.woocommerce .woocommerce-MyAccount-content .password-input:focus,
div.woocommerce .woocommerce-form .select2-container:focus,
div.woocommerce .woocommerce-ResetPassword .select2-container:focus,
div.woocommerce .woocommerce-EditAccountForm .select2-container:focus,
div.woocommerce .woocommerce-checkout .select2-container:focus,
div.woocommerce .woocommerce-MyAccount-content .select2-container:focus {
  border-color: #005dbd;
}
div.woocommerce .woocommerce-form .password-input input,
div.woocommerce .woocommerce-ResetPassword .password-input input,
div.woocommerce .woocommerce-EditAccountForm .password-input input,
div.woocommerce .woocommerce-checkout .password-input input,
div.woocommerce .woocommerce-MyAccount-content .password-input input,
div.woocommerce .woocommerce-form .select2-container input,
div.woocommerce .woocommerce-ResetPassword .select2-container input,
div.woocommerce .woocommerce-EditAccountForm .select2-container input,
div.woocommerce .woocommerce-checkout .select2-container input,
div.woocommerce .woocommerce-MyAccount-content .select2-container input {
  height: 40px;
  line-height: 50px;
  border: 0;
}
div.woocommerce .woocommerce-form .password-input .select2-selection,
div.woocommerce .woocommerce-ResetPassword .password-input .select2-selection,
div.woocommerce .woocommerce-EditAccountForm .password-input .select2-selection,
div.woocommerce .woocommerce-checkout .password-input .select2-selection,
div.woocommerce .woocommerce-MyAccount-content .password-input .select2-selection,
div.woocommerce .woocommerce-form .select2-container .select2-selection,
div.woocommerce .woocommerce-ResetPassword .select2-container .select2-selection,
div.woocommerce .woocommerce-EditAccountForm .select2-container .select2-selection,
div.woocommerce .woocommerce-checkout .select2-container .select2-selection,
div.woocommerce .woocommerce-MyAccount-content .select2-container .select2-selection {
  position: relative;
  top: 10px;
  height: 50px;
  line-height: 50px;
  background-color: transparent;
  border: 0;
  outline: 0;
}
div.woocommerce .woocommerce-form .form-row,
div.woocommerce .woocommerce-ResetPassword .form-row,
div.woocommerce .woocommerce-EditAccountForm .form-row,
div.woocommerce .woocommerce-checkout .form-row,
div.woocommerce .woocommerce-MyAccount-content .form-row {
  display: block;
}
div.woocommerce .woocommerce-form .woocommerce-form__label,
div.woocommerce .woocommerce-ResetPassword .woocommerce-form__label,
div.woocommerce .woocommerce-EditAccountForm .woocommerce-form__label,
div.woocommerce .woocommerce-checkout .woocommerce-form__label,
div.woocommerce .woocommerce-MyAccount-content .woocommerce-form__label {
  display: block;
}
div.woocommerce .col-1,
div.woocommerce .col-2 {
  max-width: unset;
  padding: 0 !important;
}
div.woocommerce .woocommerce-PaymentMethod label,
div.woocommerce .wc_payment_method label {
  display: unset;
}
div.woocommerce .woocommerce-PaymentMethod label .stripe-icon,
div.woocommerce .wc_payment_method label .stripe-icon {
  max-width: 70px;
  display: inline-block;
  margin-right: 0.5em;
}
div.woocommerce .woocommerce-Payment {
  background-color: #f9fbfd !important;
  border-radius: 25px !important;
}
div.woocommerce .woocommerce-Payment .woocommerce-PaymentBox {
  background-color: white !important;
}
div.woocommerce .woocommerce-Payment .woocommerce-PaymentBox::before {
  border-bottom-color: white !important;
}
div.woocommerce .woocommerce-Payment .woocommerce-PaymentMethods {
  border-bottom: 0 !important;
}
.woocommerce-button,
.woocommerce-Button,
.button,
.single_add_to_cart_button {
  border-radius: 1000px !important;
  padding: 1em !important;
  text-transform: uppercase !important;
  margin-top: 1em !important;
  background-color: #005dbd !important;
  color: white !important;
  font-weight: unset !important;
  position: relative !important;
  overflow: hidden !important;
  border: 0 !important;
  transition: background-color 0.5s, color 0.25s !important;
  float: unset !important;
}
.woocommerce-button:hover,
.woocommerce-Button:hover,
.button:hover,
.single_add_to_cart_button:hover {
  background-color: #253e6b !important;
  color: #f9fbfd !important;
}
.woocommerce-checkout #ship-to-different-address-checkbox {
  -webkit-appearance: none!important;
     -moz-appearance: none!important;
          appearance: none!important;
  background-color: #fff !important;
  margin: 0!important;
  font: inherit!important;
  color: currentColor!important;
  width: 25px !important;
  height: 25px !important;
  border: 1.5px solid #253e6b !important;
  -webkit-transform: translateY(6px) !important;
          transform: translateY(6px) !important;
  margin-right: 0.5rem !important;
  border-radius: 3px;
}
.woocommerce-checkout #ship-to-different-address-checkbox::before {
  content: "";
  display: block;
  min-width: 23.5px;
  min-height: 23.5px;
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #005dbd;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.woocommerce-checkout #ship-to-different-address-checkbox:checked::before {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.woocommerce-Message,
.woocommerce-info,
.woocommerce-message,
.woocommerce-NoticeGroup {
  background-color: #f9fbfd;
  padding: 1em;
  border-top: 0;
  color: #253e6b;
  border-radius: 25px;
}
.woocommerce-Message::before,
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-NoticeGroup::before {
  display: none;
}
.woocommerce-Message a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-NoticeGroup a {
  background-color: transparent !important;
  float: right!important;
}
.woocommerce-Message a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-NoticeGroup a:hover {
  background-color: transparent !important;
  text-decoration: underline !important;
}
.woocommerce-Message .button,
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-NoticeGroup .button {
  margin-top: 0 !important;
}
.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
  color: #005dbd !important;
  padding: 0!important;
  border-radius: 1000px;
}
.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward:hover {
  color: #253e6b !important;
}
.woocommerce-NoticeGroup {
  background-color: red;
}
.woocommerce-error {
  border: 0;
  background-color: red;
  color: white!important;
}
.select2-dropdown {
  margin-top: 10px;
  border-radius: 25px;
  padding: 1em;
  border-top-left-radius: 25px !important;
  border-top-right-radius: 25px !important;
  border-top: 1px solid #253e6b !important;
  border: 1px solid #253e6b !important;
}
.woocommerce-Price-amount {
  color: #005dbd;
  font-weight: 700;
}
.quantity .input-text {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 1em;
  margin-top: 15px;
  margin-right: 15px;
  height: 50px;
  line-height: 50px;
}
.woocommerce-product-gallery__image img {
  max-height: 550px;
  -o-object-fit: contain;
     object-fit: contain;
}
.wc-tabs {
  text-align: center;
}
.wc-tabs::before {
  display: none !important;
}
.wc-tabs li {
  background-color: transparent !important;
  color: #253e6b;
  border: 0 !important;
}
.wc-tabs li::before,
.wc-tabs li::after {
  display: none !important;
}
.wc-tabs li.active {
  border-bottom: 4px solid #005dbd !important;
}
.product-application {
  background-color: #f9fbfd;
  border-radius: 25px;
  padding: 2em;
}
.page-numbers {
  border: 0 !important;
}
.page-numbers li {
  border: 0 !important;
}
.page-numbers li a {
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 1em !important;
  color: white !important;
  transition: 0.35s;
  background-color: #253e6b !important;
}
.page-numbers li a:hover {
  background-color: #325491 !important;
}
.page-numbers li .current {
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 1em !important;
  color: white !important;
  background-color: #005dbd !important;
}
.page-numbers li:first-child a {
  background-color: #005dbd !important;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.page-numbers li:first-child a:hover {
  background-color: #253e6b !important;
}
.page-numbers li:last-child a {
  background-color: #005dbd !important;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.page-numbers li:last-child a:hover {
  background-color: #253e6b !important;
}
.related {
  clear: both !important;
}
.showlogin {
  line-height: 50px !important;
  color: white;
}
.showlogin:hover {
  color: white;
}
.woocommerce-form-login .form-row-first,
.woocommerce-form-login .form-row-last {
  width: 100% !important;
}
.woocommerce-product-gallery__image {
  pointer-events: none;
}
.quality .quality-point {
  font-size: 1.5em;
}
.quality .quality-point i {
  font-size: 2em;
  display: inline-block;
  vertical-align: middle;
}
.quality .quality-point p:after {
  content: "";
  display: block;
  width: 5px;
  height: 120px;
  background-color: #253e6b;
  margin: 1em auto;
  border-radius: 2.5px;
}
.quality .quality-point p:last-child:after {
  display: none;
}
.sellpoints {
  text-align: center;
}
.sellpoints img {
  height: 50px;
}
.sellpoints .sellpoint {
  text-align: left;
  background-color: #f9fbfd;
  border-radius: 25px;
  padding: 1em;
}
.gallery-carousel .image {
  height: 400px;
  background-position: center;
  background-size: cover;
  border-radius: 25px;
}
.section-content:nth-child(odd) .content {
  order: 12;
}
.section-content:nth-child(odd) .images {
  order: 1;
}
blockquote {
  font-size: 1.4em;
  width: 100%;
  margin: 50px auto;
  font-family: Open Sans;
  font-style: italic;
  color: #253e6b;
  padding: 1.2em 30px 1.2em 75px;
  line-height: 1.6;
  position: relative;
  background: #f9fbfd;
  border-radius: 25px;
}
blockquote::before {
  font-family: Arial;
  content: "\201C";
  color: #005dbd;
  font-size: 4em;
  position: absolute;
  left: 10px;
  top: -10px;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact textarea {
  width: 100% !important;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  border: 1px solid #253e6b;
  padding: 0 1em;
  transition: 0.35s;
}
#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact textarea:hover,
#contact input[type="text"]:active,
#contact input[type="email"]:active,
#contact input[type="tel"]:active,
#contact textarea:active,
#contact input[type="text"]:focus,
#contact input[type="email"]:focus,
#contact input[type="tel"]:focus,
#contact textarea:focus {
  border-color: #005dbd;
}
#contact textarea {
  padding: 1em;
  height: 150px !important;
}
#map .my-marker-inner {
  position: relative;
  left: -17px;
  top: 10px;
}
#map .my-marker-inner:before {
  content: "\f041";
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-family: 'Line Awesome Free';
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  color: #253e6b;
  text-align: center;
  line-height: 40px;
}
#map .leaflet-map {
  z-index: 100;
}
#custom-map .leaflet-shadow-pane img {
  display: none;
}
.cd-image-container {
  position: relative;
}
.cd-image-container img {
  width: 100%;
  height: auto;
}
.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
          animation: cd-bounce-in 0.7s;
}
@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
footer i {
  font-size: 2em;
}
footer img {
  margin: 2em 0;
}
footer a {
  color: #253e6b;
  transition: 0.35s;
}
footer a:hover {
  color: #005dbd;
  text-decoration: none;
}
footer .footer-nav {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
footer .footer-nav li {
  display: inline-block;
  padding: 0 1em;
  text-transform: uppercase;
}
footer p {
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
}
footer p a {
  color: rgba(0, 0, 0, 0.6);
}
footer p a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.cart-notif {
  width: calc(100% - 2em);
  max-width: 350px;
  position: fixed;
  bottom: 2em;
  left: 1em;
  background-color: #005dbd;
  padding: 1em;
  border-radius: 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  z-index: 555;
  display: none;
}
.cart-notif i {
  float: right;
  position: relative;
  font-size: 1.5em;
  cursor: pointer;
}
.cart-notif span {
  float: left;
}
@media (min-width: 576px) {
  .gallery-carousel .image {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .woocommerce-Message a,
  .woocommerce-info a,
  .woocommerce-message a,
  .woocommerce-NoticeGroup a {
    display: block;
  }
  .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
    display: block;
  }
  .woocommerce-Message,
  .woocommerce-info,
  .woocommerce-message,
  .woocommerce-NoticeGroup {
    text-align: center;
    padding: 1rem;
  }
  .woocommerce-Message a,
  .woocommerce-info a,
  .woocommerce-message a,
  .woocommerce-NoticeGroup a {
    color: #005dbd !important;
    float: none !important;
    line-height: inherit!important;
  }
  .single_add_to_cart_button {
    width: 100%!important;
  }
}