/*
Theme Name: child_themes
Theme URI: https://web-creative.studio/
Template: hello-elementor
Author: WebCreative
Author URI: https://web-creative.studio/
Version: 2.2.1.1572443540
Updated: 2023-01-30 13:52:20

*/


html {
    scroll-behavior: smooth;
}


.elementor-button {
    cursor: pointer;
}


:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}


.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted {
    background-color: transparent;
}


.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-widget-woocommerce-archive-description ul,
.elementor-widget-woocommerce-archive-description ol,
.elementor-tab-content ul,
.elementor-tab-content ol .elementor-widget-container ul,
.elementor-widget-container ol,
.jet-toggle__content-inner ul,
.jet-toggle__content-inner ol {
    margin-bottom: 15px;
}

.ms {
    margin-top: 60px !important;
}


p:last-child {
    margin: 0;
}

.elementor-button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
}

.accent {
    color: var(--e-global-color-accent);
}

span {
    line-height: 1;
}

/*Убрать раздувание табов в телефоне*/
.e-n-tabs>.e-n-tabs-heading>.e-n-tab-title {
    align-self: baseline;
}

.e-n-tabs>.e-n-tabs-heading> :is(.e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title) {
    margin: 0 !important;
}


/* Скрывать иконки соц. сетей в которых нет ссылок  */
.elementor-grid-item:has(a[href="#"]):not(a[href]),
.phone li.elementor-icon-list-item:not(:has(a[href])) {
    display: none;
}

input::placeholder {
    opacity: 1 !important;
}

.elementor-widget-image a img[src$=".svg"] {
    width: 100% !important;
}

.box-center .elementor-icon-wrapper {
    display: flex;
}

input:focus {
    box-shadow: none !important;
}

body {
    margin: 0px;
}

.elementor-message {
    display: none;
}

.no-margin p {
    margin: 0px;
}

ol.breadcrumb {
    margin-bottom: 0px;
}

.color-messenger i.icon-telegram {
    color: #39B4F9;
}

.color-messenger i.icon.icon-whatsapp {
    color: #63E426;
}

.color-messenger i.icon-vk {
    color: #4C6DDF;
}

/*Max*/
.color-messenger svg {
	fill: #4DB6FF;
}

/*Первый экран и одиночная линия по центру*/

.first-cont {
    padding-top: 140px;
    margin-top: 30px;
}

.one-center-line:before {
    content: '' !important;
    width: 2px !important;
    height: 90px;
    background: var(--e-global-color-accent);
    left: 50% !important;
    top: 0;
    z-index: 1 !important;
}

/*Листинг Блога*/

.blog-img img {
    transition: all .5s ease;
}

.cont-img:hover .blog-img img {
    -webkit-transform: scale(1.15);
    /* Safari and Chrome */
    -moz-transform: scale(1.15);
    /* Firefox */
    -ms-transform: scale(1.15);
    /* IE 9 */
    -o-transform: scale(1.15);
    /* Opera */
    transform: scale(1.15);
}

.matters .jet-listing-grid__slider-icon.slick-arrow {
    border-radius: 50px;
}

.play-video {
    border-radius: 300px;
    cursor: pointer;
    transition: .3s;
    animation: hoverWave linear 1s infinite;
}

.main-matter:after {
    content: '';
    position: absolute;
    background: radial-gradient(51.16% 51.16% at 50% 48.84%, rgba(7, 7, 21, 0.4) 0%, rgba(6, 6, 15, 0.7) 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(205, 176, 131, 0.3), 0 0 0 0 rgba(205, 176, 131, 0.2), 0 0 0 0 rgba(205, 176, 131, .2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(205, 176, 131, 0.3), 0 0 0 15px rgba(205, 176, 131, 0.2), 0 0 0 0 rgba(205, 176, 131, 0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(205, 176, 131, 0.3), 0 0 0 30px rgba(205, 176, 131, 0), 0 0 0 26.7px rgba(205, 176, 131, 0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(205, 176, 131, 0.3), 0 0 0 30px rgba(205, 176, 131, 0), 0 0 0 40px rgba(205, 176, 131, 0.0)
    }
}

/*Подуслуги*/
.card::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);   /* 100% минус по 20px с каждой стороны */
  height: calc(100% - 40px);
  border: 3px solid white;       /* Белая рамка */
  transition: transform .35s ease, opacity .35s ease;
}

.card:hover::after {
  transform: scale(0.92);        /* рамка сжимается чуть сильнее */
}

.service-line.one-center-line:before {
    top: 2vh;
}

.jet-listing-grid__slider-icon.slick-arrow {
    transition: all .5s ease;
}

/* Флип боксы главной услуги */

.flip-box {
    perspective: 1000px;
}

/* This container is needed to position the front and back side */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front,
.flip-box-back {
    position: absolute !important;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

.flip-box-back {
    transform: rotateY(180deg);
}

.flip-box svg {
    fill: #fff;
    stroke: transparent;
    width: 50px;
    height: 50px;
}

/* Листинг с делами */

.problems {
    overflow-x: hidden;
    overflow-y: auto;
    height: 50vh;
    padding: 25px;
}

/* .show-more .elementor-widget-container {
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease-in-out;
}

.show-more .elementor-widget-container.collapsed {
    height: 250px !important;
}

.show-more .elementor-widget-container.collapsed:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50px;
    right: -50px;
    box-shadow: inset -25px -50px 50px 20px rgba(255, 255, 255, 1);
}

.toggle-extra {
    display: block;
    margin-top: 10px;
    width: fit-content;
    padding-bottom: 3px;
    border-bottom: 1px dotted;
    cursor: pointer;
    transition: all .3s;
    color: #848C97 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-extra:after {
    display: block;
    content: '';
    background: url('/wp-content/uploads/2024/11/arrow-point-to-bottom.svg') no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    transition: all .3s;
}

.toggle-extra:hover {
    color: #a1a1a1 !important;
}

.toggle-extra:hover:after {
    transform: translateY(5px);
}

.toggle-extra.opened:hover:after {
    transform: rotate(180deg) translateY(5px);
}

.toggle-extra.opened:after {
    transform: rotate(180deg);
}*/



/* @media screen and (max-width:1024px) {
    .service-line.one-center-line:before {
        height: 70px !important;
        top: 3vh;
    }

    .one-center-line:before {
        height: 50px;
    }

    .first-cont {
        padding-top: 90px;
        margin-top: 10px;
    }

    .line img {
        height: 60px;
        object-fit: cover;
    }
}

@media screen and (max-width:767px) {
    .service-line.one-center-line:before {
        height: 50px !important;
        top: 2vh;
    }

    .one-center-line:before {
        height: 40px;
    }

    .first-cont {
        padding-top: 60px;
        margin-top: 10px;
    }
} */