:root {
  --primary-color: #2F475D;
  --secundary-color: #3C90BE;
  --tertiary-color: #BEE3EB;
  --font: 'Poppins', sans-serif;
}
div#ccm-panel-overlay {
  display: none !important;
}
.ccm-page, .ccm-page p, .ccm-page ul, .ccm-page li, .ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4  {
  font-family: var(--font);
  line-height: 1.6;
  color: var(--primary-color);
}
.ccm-page p, body {
  font-size: 17px;
}
.ccm-page h1 {
  font-size: calc(40px + 1vw);
}
.ccm-page h2 {
  font-size: 40px;
}
.ccm-page h3 {
  font-size: calc(20px + 1vw);
}
.ccm-page h4 {
  font-size: 22px;
}
.ccm-page .subheading {
  text-transform: uppercase;
  color: var(--primary-color);
  font-weight: bold;
}
.ccm-page .btn {
  padding: 10px 20px;
  font-weight: bold;
}
.ccm-page .btn-primary {
  background: var(--primary-color);
  color: white;
  border:none;
}
.ccm-page .btn-secundary {
  color: white;
  background: var(--secundary-color);
}
.ccm-page .btn-teriary {
  color: var(--primary-color);
  background: transparent;
}
.ccm-page .btn:hover {
  background: black;
  color: white;
  outline: none;
}
.ccm-page .btn:hover, .ccm-page .btn:focus, .ccm-page .btn:active {
  box-shadow: none;
  outline: 0;
}
.ccm-form input:focus, .ccm-form textarea:focus,.ccm-form input:active, .ccm-form textarea:active{
  border: 2px solid var(--primary-color);
  box-shadow: none;
  outline: 0;
}
.ccm-page .owl-dots {
  text-align: center;
}
.ccm-page .owl-dots {
  position: relative !important;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  bottom: 0;
}
.owl-dots button.owl-dot.active span,
.owl-dots button.owl-dot:hover span {
  background-color: var(--primary-color);
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 1px;
  left:1px;
}
.owl-dots {
  position: absolute;
  bottom: 50px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.owl-dots button.owl-dot.active {
  background: var(--secundary-color)
}
.owl-dots button.owl-dot {
  border: none;
  background: white;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: relative;
  margin-right: 10px;
}
.ccm-page img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.ccm-page .row-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccm-page .background-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pb-none {
  padding-bottom: 0;
}
.pt-none {
  padding-top: 0;
}
.p-none {
  padding: 0;
}
.mb-none {
  margin-bottom: 0;
}
.mt-none {
  margin-top: 0;
}
.m-none {
  padding: 0;
}
.full-area {
  padding: 90px 0;
  position: relative;
}
.small-area {
  padding: 30px 0;
  position: relative;
}
.area {
  position: relative;
}
.logo.tencatelogo img {
  width: auto !important;
  height: 100px;

}
.sloggi-header {
  padding: 30px 0;
  position: relative;
  background: var(--primary-color);
}
.sloggi-header::after {
  content:'';
  position: absolute;
  top: 0;
  right: 0;
  left: 25%;
  background: white;
  height: 10px;
  width: 75%;
}
.sloggi-header::before {
  content: '';
  position: absolute;
  left:0;
  right: 0;
  top:0;
  bottom:0;
  width: 25%;
  background: #3C90BE;
}
.sloggi-nav ul li a.nav-link {
  color:white;
}
.nav-right ul {
  margin-bottom: 0;
}
.nav-right ul li a {
  color: white;
  text-decoration: none;
}
.nav-right svg {
  width: 15px;
  height: auto;
}
.background-light {
  position: relative;
}
.logo img {
  width: 250px;

}
.background-light .logo::before {
  content: '';
  position: absolute;
  top:0;
  bottom:0;
  width: 100%;
  height: 100%;
}
.sloggi-bottom-header {
  padding: 15px 0;
  background: #BEE3EB;
}
.home-promo picture img {
  min-height: 350px;
  max-height: 350px;
  object-position: center left;
}
.home-promo img {
  width: 100%;
}
.home-featured {
  background: var(--tertiary-color);
}
.promo p {
  margin-bottom: 0;
}
.promo a {
  color: inherit;
}
.sloggi-nav .nav-link {
  position: relative;
}
.sloggi-nav .nav-link.nav-selected::before  {
  content: '';
  position:absolute;
  bottom: -20px;
  width: 75%;
  background: var(--secundary-color);
  height: 3px;
  left:0;
  right: 0;
  margin: auto;
}
.sloggi-footer {
  background: var(--primary-color);
  padding: 100px 0;
}
.sloggi-footer p, .sloggi-footer a, .sloggi-footer h4 {
  color: white;
}
.sloggi-footer a {
  font-weight: normal;
  text-decoration: none;
}
.sloggi-footer h4 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 22px;
}
.image-label-wrapper {
  position: relative;
}
.image-label-wrapper .image-label {
  position: absolute;
  background: var(--primary-color);
  padding: 10px 20px;
  font-weight: bold;
  color: white;
  text-align: center;
  border-radius: 30px;
  bottom: 20px;
  left: 20px;
  font-size: 16px;
}
.image-label-wrapper img {
  transition: all 0.5s ease;
}
.image-label-wrapper:hover .image-label  {
  background: black !important;
}
.image-label span {
  font-size: 14px;
  display: block;
}
.wholelink {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.sloggi-footer img {
  margin-bottom: 40px;
}
.sloggi-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  display: flex;
  align-items: flex-end;
}
.sloggi-banner h1 {
  color: white;
  padding-bottom: 20px;
}
.rslides_tabs {
  position: absolute;
  bottom: -5px;
  z-index: 111;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rslides_tabs li.rslides_here a {
  background: var(--secundary-color);
}
.ccm-form .form-control {
  background: #f1f8fa;
}
.map {
  position: relative;
  margin-top: 30px;
}
.map::before {
  content: '';
  position: absolute;
  right: -100px;
  top: -100px;
  width: 200px;
  height: 200px;
  background: var(--primary-color);
  z-index: -1;
  border-left: 10px solid var(--secundary-color);
}
.width img {
  width: 100%;
}
.sloggi-pages {
  display: flex;
  flex-wrap: wrap;
}
.sloggi-page {
  padding: 5px;
  flex: 48%;
}
.sloggi-page img {
  width: 100%;
}
.sloggi-text {
  padding: 15px;
}
.ec-cart-widget {
    position: fixed !important;
    top: 30px !important;
    right: 30px !important;
    border: 2px solid white;
    z-index: 9999 !important;
    background: var(--secundary-color);
    border-radius: 50%;
    padding:15px;
}
html#ecwid_html body#ecwid_body .ec-minicart__icon {
  color: white !important;
}
.copy {
  padding: 10px 0;
}
.sloggi-footer ul {
  padding-left: 0;
}
.ccm-block-feature-item a {
  text-decoration: none;
  color: inherit;
}
.sloggi-page {
  position: relative;
}
.wholelink {
  position: absolute;
  left:0;
  right: 0;
  top:0;
  bottom:0;
  width: 100%;
  height: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 10px;
  padding-left: 10px;
}
.navbar-toggler {
  border: 1px solid white;
  display: block;
  margin: auto;
}
.navbar-toggler i {
  color: white;
}
.contact {
  overflow-x: hidden;
}
.tencate::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 25%;
  background: #ffd7be !important;
}
.tencate {
  position: relative;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-filters--inline.ec-filters--right {
  float: left !important;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-filters--inline.ec-filters--right.ec-filters--opened {
  padding-left: 0 !important;
  padding-right: 30px !important;
}
.fc-state-default {
  background-color: #2f475d !important;
  background-image: linear-gradient(180deg,#2f475d,#2f475d) !important;
  background-repeat: repeat-x !important;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
  box-shadow: none !important;
  color: #fff !important;
  text-shadow: none !important;
}
html#ecwid_html body#ecwid_body .ec-minicart__icon .icon-default path[stroke], html#ecwid_html body#ecwid_body .ec-minicart__icon .icon-default circle[stroke] {
  stroke: white !important;
}
.promo-images {
  display: flex;
  flex-wrap: wrap;
}
.promo-image {
  padding: 15px;
  overflow: hidden;
  position: relative;
  flex: 23%;
  transition: all 1s ease;
}
.promo-image img {
  border-radius: 30px;
  transition: all 1s ease-in;
}
.promo-image:hover img {
  transform: scale(1.2);
  filter: brightness(1.1);
}
.promo-image:first-of-type {
  margin-top: 20px;
}
.promo-image:nth-of-type(2) {
  margin-top: 60px;
}
.promo-image:nth-of-type(3) {
  margin-top: 40px;
}
.promo-image:nth-of-type(4) {
  margin-top: 10px;
}
.top-head img {
  display: block;
  margin: 0 auto;
}
.top-head {
  padding-top: 30px;
}