/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/* ============================================
 *    Весь сайт
 * ============================================ */ 
.accent {
	color: var( --e-global-color-accent );
}
.sec {
	color: var( --e-global-color-secondary );
	font-weight: 700;
}
* {
	outline: none;
}
.cp {
	padding-top: 8rem;
	padding-bottom: 8rem;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
	border-bottom: 1px solid var(--e-global-color-f08deeb);
}
/* @media(max-width: 1200px) {
	.cp {
		padding-left: 20px !important;
        padding-right: 20px !important;
	}
}
*/

ul li::marker {
    color: var(--e-global-color-accent);
    font-size: 12px;
}

@media(max-width: 767px) {
	.cp {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
} 
/* ============================================
 *    Главная +
 * ============================================ */ 
/** Заголовки H2 **/

.zag_bloka .elementor-icon-box-content {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
}
/** Изображенеие первого блока **/

.main_img figcaption {
    padding: 16px;
}



/** Бегущая строка **/

.vin-marquee {
  width: 150%;
  overflow: hidden;
}

.vin-marquee__track {
  display: flex;
  width: max-content;
  animation: vinMarquee 15s linear infinite;
}

.vin-marquee__track span {
  white-space: nowrap;
  padding-right: 40px;
}

@keyframes vinMarquee {
  0% { 
      transform: translateX(-50%); 
  }
  50% { 
      transform: translateX(0%); 
  }
  100% { 
      transform: translateX(-50%); 
  }
}

.vin-marquee:hover .vin-marquee__track {
  animation-play-state: paused;
}

.link {
    text-decoration: underline;
    color: var( --e-global-color-aebc06f );
}




/** Видео **/

.html_video {
    overflow: hidden;
    max-height: 700px;
}
.open_video {
    display: flex;
    align-items: center;
    justify-content: center;
}

.open_video .elementor-icon {
    transition: .3s;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite;
    border-radius: 50%;
}

@-webkit-keyframes hoverWave {
0% {
    box-shadow: 0 8px 10px rgba(3,188,35,0.3),0 0 0 0 rgba(3,188,35,0.2),0 0 0 0 rgba(3,188,35,0.2)
    }

40% {
    box-shadow: 0 8px 10px rgba(3,188,35,0.3),0 0 0 15px rgba(3,188,35,0.2),0 0 0 0 rgba(3,188,35,0.2)
    }

80% {
    box-shadow: 0 8px 10px rgba(3,188,35,0.3),0 0 0 30px rgba(3,188,35,0),0 0 0 26.7px rgba(3,188,35,0.067)
    }

100% {
    box-shadow: 0 8px 10px rgba(3,188,35,0.3),0 0 0 30px rgba(3,188,35,0),0 0 0 40px rgba(3,188,35,0.0)
    }
}
@media(max-width: 767px) {
    .open_video {
        height: 100px;
    }
}


/** Сферы **/

.sfery .acf-repeater-group {
    padding-left: 0px;
    column-count: 2;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 40px;
    list-style-type: decimal-leading-zero;
}
.sfery .acf-repeater-group__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 30px 0;
    width: 45%;
    position: relative;
}
.sfery .acf-repeater-group__item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var( --e-global-color-1f13f54 );
    top: 0;
    left: 0px;
}
.acf-repeater-group__field--nomer_sfery_primeneniya {
    color: var( --e-global-color-accent );
    padding: 0;
    font-family: var(--e-global-typography-cb98d14-font-family);
}



@media(max-width: 767px) {
    .sfery .acf-repeater-group {
        column-count: 1;
    }
    .sfery .acf-repeater-group__item {
        padding: 20px 0;
        width: 100%;
    }
}

/** Данные **/

.dannie_list ul {
    padding-left: 20px;
}
.dannie_list ul li:not(:last-child) {
    padding-bottom: 12px;
}
.dannie_list ul li::marker {
    color: var( --e-global-color-accent );
    font-size: 12px;
}



/** Материалы **/

.mat_tech .acf-repeater-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;
    counter-reset: tech-item;
}
.mat_tech .acf-repeater-group__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-grow: 1;
    padding: 32px;
    counter-increment: tech-item;
    position: relative;
    width: 25%;
}
.mat_tech .acf-repeater-group__item:not(:last-child) {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: var( --e-global-color-1f13f54 );
}
.acf-repeater-group__field--nazvanie_tehnologii {
    font-size: 18px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}
.acf-repeater-group__field--opisanie_tehnologii {
    font-size: 14px;
}

.mat_tech .acf-repeater-group__item::before {
    content: counter(tech-item, decimal-leading-zero);
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: var( --e-global-color-text ) ;
    font-family: var(--e-global-typography-cb98d14-font-family);
}

@media(max-width: 1025px) {
    .mat_tech .acf-repeater-group__item {
        width: 50%;
    }
}
@media(max-width: 767px) {
    .mat_tech .acf-repeater-group__item {
        width: 100%;
    }
    .mat_tech .acf-repeater-group__item:not(:last-child) {
        border-width: 0px 0px 1px 0px;
    }
}

/** Стоимость и Доставка **/

.stoimost_dostavka .acf-repeater-group {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    counter-reset: tech-item;
}
.stoimost_dostavka .acf-repeater-group__item {
    padding: 12px 0;
    position: relative;
    padding-left: 40px;
    counter-increment: tech-item;
}
.stoimost_dostavka .acf-repeater-group__item::before {
    content: counter(tech-item, decimal-leading-zero);
    position: absolute;
    left: 0px;
    top: auto;
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    color: var( --e-global-color-accent );
    font-family: var(--e-global-typography-cb98d14-font-family);
}
.stoimost_dostavka .acf-repeater-group__item:not(:last-child) {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: var( --e-global-color-f08deeb );
}









/* ============================================
 *    Для услуг
 * ============================================ */ 
.usluga_item p {
    margin: 0;
}
.service_item_text ul {
    padding-left: 20px;
}
.service_item_text ul li:not(:last-child) {
    padding-bottom: 12px;
}
.service_item_text ul li::marker {
    color: var( --e-global-color-accent );
    font-size: 12px;
}

/* ============================================
   Формы
   ============================================ */ 
.elementor-form input, 
.elementor-form select,
.elementor-form textarea {
    padding: 16px;
    position: relative;
}
.elementor-form textarea {
    border-radius: 10px !important;
}
.elementor-form input:focus, 
.elementor-form input:textarea {
    border-color: var( --e-global-color-accent ) !important;
    color: var( --e-global-color-primary ) !important;
}

.elementor-field-option {
    display: flex;
}
.elementor-field-option label {
    line-height: 1.3em !important;
    color: var( --e-global-color-aebc06f );
}
.elementor-field-option input[type="checkbox"] {
    width: 0px;
    height: 0px;
    appearance: none;
    padding: 0;
    padding-left: 25px;
    /*position: relative;*/
}
.elementor-field-option input[type="checkbox"]:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid var( --e-global-color-accent );
    border-radius: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
}
#form_page .elementor-field-option input[type="checkbox"]:before {
	border: 2px solid var( --e-global-color-secondary );
}

.elementor-field-option input[type="checkbox"]:checked:after {
    content: "✔";
    width: 12px;
    height: 12px;
    /*background-color: var( --e-global-color-accent );*/
    border-radius: 5px;
    position: absolute;
    left: 5px;
    top: 2px;
    line-height: 1;
    /*transform: translate(-50%);*/
    color: var( --e-global-color-aebc06f );
}
.elementor-field-type-acceptance {
    order: 2;
}



@media(max-width: 767px) {
    
	.elementor-form input, 
	.elementor-form select {
		padding: 15px 20px;
	}
	
} 

/* ============================================
 *    Форма в модальном окне
 * ============================================ */ 
#popup_form .elementor-field-option, 
#popup_form .elementor-field-option label {
    color: var( --e-global-color-primary );
    font-size: 12px;
}
#popup_form .elementor-field-option label a {
    text-decoration: underline;
}
#popup_form .elementor-field-option input[type="checkbox"]:checked:after {
    color: var( --e-global-color-primary );
}



/* ============================================
 *    Страницы УСЛУГ
 * ============================================ */ 

/*** Характеристики ***/

.harakteristiky .acf-repeater-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.harakteristiky .acf-repeater-group__item {
    padding: 20px;
    padding-left: 20px;
    background-color: var(--e-global-color-0fbf0c3);
    border-style: solid;
    border-width: 1px;
    border-color: var(--e-global-color-f08deeb);
    position: relative;
    display: flex;
    gap: 10px;
}
.harakteristiky .acf-repeater-group__item:before {
    content: "✅";
}

/*** Виды Услуги ***/

.vidy_uslugy .acf-repeater-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    counter-reset: tech-item;
}
.vidy_uslugy .acf-repeater-group__item {
    padding: 24px;
    background-color: var(--e-global-color-0fbf0c3);
    border-style: solid;
    border-width: 1px;
    border-color: var(--e-global-color-f08deeb);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 30%;
    flex-grow: 1;
    counter-increment: tech-item;
}
.vidy_uslugy .acf-repeater-group__item::before {
    content: counter(tech-item, decimal-leading-zero);
    position: relative;
    /*right: 10px;*/
    /*top: 12px;*/
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color:var( --e-global-color-accent ) ;
    font-family: var(--e-global-typography-cb98d14-font-family);
}
.acf-repeater-group__field--zagolovok_vida_uslugi {
    font-size: 18px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}

/*** Виды продукции услуги ***/
.vidy_produkcii .acf-repeater-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
.vidy_produkcii .acf-repeater-group__item {
    padding: 24px;
    background-color: var(--e-global-color-0fbf0c3);
    border-style: solid;
    border-width: 1px;
    border-color: var(--e-global-color-f08deeb);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 40%;
    flex-grow: 1;
}

.acf-repeater-group__field--zagolovok_vida_produkczii {
    font-size: 18px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}

@media(max-width: 1025px) {
    .vidy_uslugy .acf-repeater-group__item {
        width: 45%;
    }
    .vidy_produkcii .acf-repeater-group__item {
        width: 100%;
    }
}


@media(max-width: 767px) {
    .harakteristiky .acf-repeater-group__item {
        padding: 10px;
    }
    .vidy_uslugy .acf-repeater-group__item {
        width: 100%;
    }
}



/* ============================================
 *    Отзывы
 * ============================================ */ 
img.ivy-topicon {
    max-width: 90px;
    padding-left: 20px;
}