/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */


/* Popup */
.uabb-modal-close {
  top: -20px !important;
}

/* Оптимизация картинок 

#video12 .fl-row-content-wrap{
	background-image: url(/wp-content/uploads/2021/04/na51.jpg);
	background-image: -webkit-image-set(url(/wp-content/webp-img/na51.webp) 1x) !important;
}

#opt1 .fl-row-content-wrap{
	background-image: url(/wp-content/uploads/2021/04/na43.jpg);
	background-image: -webkit-image-set(url(/wp-content/webp-img/na43.webp) 1x) !important;
}

#opt2 .fl-row-content-wrap,
#opt7 .fl-row-content-wrap,
#opt8 .fl-row-content-wrap,
#comand .fl-row-content-wrap
{
	background-image: url(/wp-content/uploads/2021/04/na32.jpg);
	background-image: -webkit-image-set(url(/wp-content/webp-img/na32.webp) 1x) !important;
}

#opt3 .fl-row-content-wrap{
	background-image: url(/wp-content/uploads/2021/04/na52.jpg);
	background-image: -webkit-image-set(url(/wp-content/webp-img/na52.webp) 1x) !important;
}

#opt4 .fl-col-content{
	background-image: url(/wp-content/uploads/2021/04/na-mini-2.jpg);
	background-image: -webkit-image-set(url(/wp-content/webp-img/na-mini-2.webp) 1x) !important;
}
#opt5 .fl-col-content{
	background-image: url(/wp-content/uploads/2021/04/na-mini-1.jpg);
	background-image: -webkit-image-set(url(/wp-content/webp-img/na-mini-1.webp) 1x) !important;
}
*/
.box-how .uabb-infobox {
  min-height: 445px;
}

/* LAng menu */

#menu-lang-menu li {
  border: 1px solid #01c0ac;
  display: inline-block !important;
}

#menu-lang-menu .current-lang {
  background: #01c0ac !important;
  color: #ffffff !important;
}

#menu-lang-menu .current-lang span {
  color: #ffffff !important;
}


.slick-prev {
  left: 25px !important;
}

.slick-next {
  right: 25px !important;
}


#box-with-pl-ru .fl-module-content::before {
  content: 'ТОП продаж';
  font-size: 18px;
  padding: 10px 20px;
  color: #fff;
  background: #b10b19;
  position: absolute;
}

#box-with-pl-uk .fl-module-content::before {
  content: 'ТОП продажів';
  font-size: 18px;
  padding: 10px 20px;
  color: #fff;
  background: #b10b19;
  position: absolute;
}

#box-with-pl-en .fl-module-content::before {
  content: 'BEST Saler';
  font-size: 18px;
  padding: 10px 20px;
  color: #fff;
  background: #b10b19;
  position: absolute;
}


/* Booking */
.timeslot-title {
  color: #08c3ba !important;
}

table.booked-calendar tr.days th {
  font-size: 2.5rem !important;

}

table.booked-calendar th .monthName {
  font-size: 3.05rem !important;
}


.top-menu ul>li:last-child a {
  border: none !important;
}

.sale-row {
  background: red !important;
}

.sale-row:hover {
  background: #42495b !important;
}


/* popup_notification */

#popup_notification {
  display: none;
  position: fixed;
  top: 0;

  /*position: absolute;*/
  background: #000000b3;
  height: 100vh;
  width: 100%;

  z-index: 100;
}

#popup_notification .popup-block {
  text-align: center;
  margin: 300px auto;
  width: 340px;
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#popup_notification .popup-block ul {
  list-style-type: none;
  padding-inline: 0;
  margin-block: 0;
}

#popup_notification .popup-block ul>li {
  display: inline-block;
}

#popup_notification .popup-block ul>li a {
  margin: 10px;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
}

#popup_notification .popup-block ul>li a:hover {
  color: #08c3ba !important;
}



/* Плавное раскрытие текста */
.text-full {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.6s ease, opacity 0.6s ease;
}

.text-block.open .text-full {
  max-height: 2000px;
  /* запас для большого текста */
  opacity: 1;
}

.text-full img.emoji{
  width: 1.5em !important;
  height: 1.5em !important;

}

.promo-item{
  margin-bottom: 15px;
  
}

.promo-item a{
  color: #fff;
}

/* Ссылка как кнопка */
.read-more-link {
  display: inline-block;
  margin-top: 30px !important;
  color: #0073aa !important;
  text-decoration: none;
  cursor: pointer;



  font-size: 14px !important;
  line-height: 1 !important;

  padding: 20px 30px;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 150px;
}

.read-more-link:hover {
  color: #fff !important;
  background: #42495b;
  border: 1px solid #42495b;
  text-decoration: none;
}

.spec-table {

  margin: 20px auto;
  border-collapse: collapse;
}

.spec-table th,
.spec-table td {
  border: 1px solid #fff;
  padding: 8px 12px;
}

.spec-table th {
  /* background:#fff; */
  text-align: center;
  font-weight: 700 !important;
  text-align: center !important;

}

/* */
/* TOC */
/* */

#toc {
  display: inline-block;
  border: 1px solid #b8c6d1;
  border-radius: 12px;
  padding: 0 20px 20px;
  margin-bottom: 35px;
}