/*
Theme Name:   Basel Child
Description:  Basel Child Theme
Author:       XTemos
Author URI:   http://xtemos.com
Template:     basel
Version:      1.0.0
Text Domain:  basel-child
*/


/* Your customizations starts here */

@font-face {
  font-family: 'Geometria';
  src: local('Geometria-ExtraBold'),
  url('/wp-content/themes/basel-child/fonts/geometria/Geometria-ExtraBold.woff2') format('woff2');
  /* url('Geometria-ExtraBold.woff') format('woff'); */
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria';
  src: local('Geometria-Medium'),
  url('/wp-content/themes/basel-child/fonts/geometria/Geometria-Medium.woff2') format('woff2');
  /* url('/wp-content/themes/basel-child/fonts/Geometria-Medium.woff') format('woff'); */
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria';
  src: local('Geometria'),
  url('/wp-content/themes/basel-child/fonts/geometria/Geometria.woff2') format('woff2');
  /* url('Geometria.woff') format('woff'); */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Geometria';
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Geometria';
}

.topbar-content {
  font-weight: 500;
}

.wishlist-info-widget-lg {
  display: -webkit-flex!important;
  display: -ms-flex!important;
  display: flex!important;
  justify-content: flex-end;
}

.wishlist-info-widget-lg a {
  margin-left: 10px;
}

svg.cls {
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 5px;
}

.map-info {
    padding: 35px 15px 15px!important;
}


#myModal {
  width: 100%;
  max-width: 550px;
  height: 100%;
  max-height: 630px;
  margin: 0 auto;
  padding: 18px 9px;
  border-radius: 4px;
  background: #fafafa;
  position: fixed;
  top: 0;	left: 0; right: 0; bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 999;
  text-align: center;
}
#myModal #myModal__close {
  width: 21px; height: 21px;
  position: absolute;
  top: 1px;	right: 11px;
  cursor: pointer;
  display: block;
  font-size: 29px;
}
#myOverlay {
  z-index: 998;
  position: fixed;
  background-color: rgba(0,0,0,.7);
  width: 100%; height: 100%;
  top: 0; left: 0;
  cursor :pointer;
  display :none;
}




.recently {
  padding: 50px 0;
}

.recently .product-grid-item {
  width: 25%;
}

.recently .clearfix {
  display: none!important;
}


.ukraine path, .ukraine polygon {
  fill: #21314d;
  transition: all .25s ease-in-out;
}


#oblList .wpb_wrapper {
  display: flex;
  justify-content: space-between;

}

#oblList {
  padding-left: 70px;
}

#oblList ul {
  list-style: disc;
}

#oblList li {
  font-weight: 500;
  cursor: pointer;
}

#oblList ul li ul {
  list-style: circle;
  padding-left: 19px;
}

#oblList ul li ul li {
  font-size: 13px;
}

.delivery__row {
  display: flex;
  justify-content: space-between;
}


.basel-price-table .basel-price-value {
  font-size: 22px;
  vertical-align: middle;
  font-weight: 500;
}


.basel-plan-footer {
  display: none;
}

.basel-plan-feature {
  text-align: left;
}

.correct .basel-price-value {
  margin-bottom: 18px;
  display: block;
}


#oblList ul > li:before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-image: url(/wp-content/uploads/2021/06/location-marker.svg);
  -webkit-mask-size: cover;
  background-color: #21324d;
  margin-bottom: 2px;
}

#oblList ul > li ul li:before {
  display: none;
}

#oblList ul {
  list-style: none;
}

/* .delivery__item {
width: 33.3%;
} */

.delivery__item p {
  font-size: 13px;
  font-weight: normal;
  margin: 10px 0 0;
}
.delivery__item {
  font-size: 15px;
  font-weight: 500;
}

.delivery__item:not(:last-child) {
  margin-right: 30px;
}

.vc_toggle_title h4 {
  font-size: 18px!important;
  font-weight: 500;
}

#myModal .form__group {
  text-align: left;
  margin-bottom: 10px;
}

#myModal h3 {
  font-weight: 500;
  margin-top: 20px;
}

#myModal form.wpcf7-form {
  width: 80%;
  margin: auto;
  max-width: 400px;
}

input.wpcf7-form-control.wpcf7-submit.btn__default {
  margin-bottom: 20px;
  color: #fff;
}

path#UA-30,
path#UA-71,
path#UA-51, {
  fill: #009688!important;
}


.map {
  position: relative;
}


.pulsating-circle {
  position: absolute;
  left: 50%;
  top: 102px;
  transform: translateX(-50%) translateY(-50%);
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.sec {
  top: 167px;
  left: 56%;
}
.third {
  top: 277px;
  left: 49%;
}

.pulsating-circle:before {
  content: '';
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: red;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.pulsating-circle:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: red;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0,0,0,.3);
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}


@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}




div#m-1 {
  position: absolute;
  background: #fff;
  box-shadow: 0 10px 20px #0000001f;
  border-radius: 10px;
  top: -61px;
  padding: 15px;
  display: none;
}
.map-info {
  position: absolute;
  background: #fff;
  box-shadow: 0 10px 20px #0000001f;
  border-radius: 10px;
  top: -61px;
  padding: 15px;
  display: none;
}

.map-info .item {
  font-size: 13px;
}
.map-info h3 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}


.top-bar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.top-bar-right .social-icons i {
  font-size: 14px;
}
.top-bar-right .social-icons {
  margin-left: 20px;
}

.mobile-nav {
  background-color: #24304B;
}

.pswp__bg {
  background: #00000080;
}

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 15px;
  padding: 10px;
  line-height: 20px;
  color: #fff;
}

.langs {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

.lang img {
  width: 20px;
}

.lang {
  opacity: .6;
}

.lang-current {
  opacity: 1;
}

input.wpcf7-form-control.wpcf7-submit {
  color: #fff;
}

.related-products .clearfix.visible-md-block.visible-lg-block {
  display: none!important;
}

@media(max-width: 560px) {

  .langs {
    margin-bottom: 3px;
  }

  .pulsating-circle.first {
    /* top: 80px; */
    left: 80%;
  }
  .sec {
    left: 91%;
  }
  .third {
    left: 79%;
  }
  .right-column {
    display: flex!important;
    align-items: center;
    justify-content: flex-end;
    width: 100%!important;
    /* height: 100%; */
  }

  .top-bar-left {
    font-size: 9px;
  }

  .top-bar-right {
    display: none;
  }

  .wrapp-header {
    display: -webkit-flex!important;
    display: -ms-flex!important;
    display: flex!important;
    -ms-align-items: center;
    align-items: center;
  }

  .recently .products {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .recently .product-grid-item {
    width: 50%;
  }

  .sticky-header .container {
    display: flex;
  }

  /* .ukraine {
    width: 100%;
    height: auto;
  } */

  #oblList {
    padding-left: 0;
  }

  .lgs .wpb_column {
    /* display: flex; */
    width: 33%;
}

  .delivery__row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .delivery__item {
    width: auto;
    margin-bottom: 20px;
  }

  li.wishlist {
    display: none!important;
  }

  .current-menu-item a {
    color: #BB281F!important;
  }

  ul#menu-mob-meniu a {
    font-weight: 500;
  }

  .ukraine {
height: auto;
width: 100%;
  }

  .pulsating-circle.first {
    /* top: 80px; */
    /* left: 80%; */
    left: 42vw;
    top: 15vw;
}

.sec {
    /* left: 91%; */
    left: 48vw;
    top: 24vw;
}

.third {
    left: 42vw;
    top: 43vw;
}
}