/*
Theme Name: Zikzag
Theme URI: http://zikzag.webgeniuslab.net/
Author: WebGeniusLab
Author URI: http://webgeniuslab.net/
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.4.10
Requires at least: 5.7
Requires PHP: 7.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: zikzag
*/

.blue-text {
	color: blue;
}
.red-text,
.text-red{
	color: red;
}
.header-telephone {
    display: flex;
    flex-direction: column;
	gap: 8px;
}
.header-telephone a.telephone {
    font-size: 1.2em;
	line-height: 1;
}
.header-telephone a.text-telephone {
    font-size: .9em;
	line-height: 1;
	transition: all .1s linear;
	border-bottom:1px solid transparent;
}
.header-telephone a.text-telephone:hover {
	border-bottom:1px solid #fff;
}
.page-header_breadcrumbs .breadcrumbs .current, .page-header_breadcrumbs .breadcrumbs > a:hover {
    color: #15222b!important;
}
h2.form-title, h2.form-title span {
    font-size: 28px;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
}
form .form-input {
    display: flex;
    flex-direction: column;
}
p.form-agree {
    font-size: small;
    text-align: center;
}
input[type=text], input[type=url], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=time], input[type=number], input[type=date], select, textarea {
	background:rgb(245 245 245 / 55%)!important;
}
h1.page-header_title {
    text-transform: math-auto;
}

/*------hover- тарифы---*/
.elementor-price-list-item:hover .elementor-price-list-header {
    color: #000;
}
.elementor-price-list-description span {
    color: blue;
}
.elementor-price-list-item:hover .elementor-price-list-description span{
    color: #000;
}

/*-------акции----тарифы-----------------------------------------*/
/* Родитель - используем flex с gap */
.sales_container .e-con-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}
/* Блоки - ширина с учётом отступов */
.sales_container .e-con-full {
    width: calc(33.33% - 13.33px); /* (20px * 2) / 3 = 13.33px */
    flex: none !important;
    height: 245px !important;
    justify-content: center !important;
}
/* Остальные стили те же */
.sales_container .elementor-element,
.sales_container .elementor-widget-container,
.sales_container .wgl-infobox,
.sales_container .wgl-infobox_wrapper {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* 1024px и меньше */
@media (max-width: 1024px) {
    .sales_container .e-con-full {
        flex: 0 1 calc(50% - 10px) !important;
        height: auto !important;
        min-height: 220px !important;
    }
}

/* 767px и меньше (мобильные) */
@media (max-width: 767px) {
    .sales_container .e-con-inner {
        gap: 15px !important;
    }
    
    .sales_container .e-con-full {
        flex: 0 1 100% !important;
        min-height: auto !important;
    }
}



/* стрелки тарифы--------------------------- */
.elementor-2224 .elementor-element.elementor-element-caddecd .wgl-image-box_img img {
    display: none;
}
.why_price .media-wrapper.img-wrapper {
    position: relative;
    right: -70%;
    bottom: 0;
    order: 2;
}

@media (max-width: 767px) {
.why_price .media-wrapper.img-wrapper {
	display:none;
	}
}

.our-expertise .wgl-infobox {
	height: 100%;
}
.our-expertise .wgl-icon {
	width: 40px;
}
.our-expertise .wgl-icon svg,
.what-you-get .wgl-icon svg{
	fill: #ccc;
}

.single-portfolio .wgl-portfolio__item-info {
	background: transparent;
}
.single-portfolio .portfolio__custom-desc p:not(:last-of-type) {
	margin-bottom: 1em;
}


.elementor-11 .elementor-element .morph_text {
	margin: 0!important;
}
.wgl-infobox_wrapper {
    flex-grow: 1;
}











/*кнопки обратной связи*/
.floating-social {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
}

.social-button {
  background: linear-gradient(135deg, #0036d6, #1e3a8a);
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  animation: subtleWiggle 3s ease-in-out infinite;
}

@keyframes subtleWiggle {
  0%, 95%, 100% {
    transform: rotate(0deg);
  }
  97% {
    transform: rotate(-10deg);
  }
  98% {
    transform: rotate(10deg);
  }
}

.social-button span {
  position: absolute;
  opacity: 0;
  text-transform:uppercase;
  transition: opacity 0.3s ease;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  letter-spacing:.2px;
  font-family:sans-serif;
}

.social-button:hover {
  width: 160px;
  border-radius: 30px;
  background: linear-gradient(135deg, #1e3a8a, #152a6b);
  animation:none;
}

.social-button:hover span {
  opacity: 1;
}

.social-icons {
  position: absolute;
  bottom: 70px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.floating-social:hover .social-icons {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.social-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-decoration: none;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  position: relative;
}

.social-icon:hover {
  transform: scale(1.1) translateY(-5px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  color: rgb(255 255 255 / 85%)!important;
}

.social-button:hover .chat-btn{
	opacity:0;
}

.telegram {
  background: #0088cc;
}

.whatsapp {
  background: #25d366;
}

.max {
  background: #72549d;
}

/* Адаптивность */
@media (max-width: 768px) {
  .floating-social {
    bottom: 20px;
    right: 20px;
  }
  
  .social-button {
    width: 55px;
    height: 55px;
  }
  
  .social-icons {
    bottom: 65px;
  }
  
  .social-icon {
    width: 45px;
    height: 45px;
  }
}
/*кнопки обратной связи*/


.wgl-carousel .slick-track {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
}
.wgl-carousel .slick-dots {
    margin-top: 10px!important;
}


@media screen and (max-width: 767px) {
	h2.form-title, h2.form-title span {
		font-size: 20px;
	}
}