/*!
Theme Name: Shatylo
Theme URI: http://underscores.me/
Author: An21
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bit is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.reviews{
/* 	display: none; */
}
.wpcf7-form.loading{
  position: relative;
}
.wpcf7-form.loading .wpcf7-submit{
 font-size: 0;
	height: 60px;
	min-width: 200px;
  position: relative;
}
.wpcf7-form.loading .wpcf7-submit:before{
  content: "";
  position: absolute;
  width: 28px;
    height: 28px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #1c1c1c;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.header-wrapper .menu{
    margin: 0 auto;
}
.header-wrapper .phone{
    margin-right: 40px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}
.consult-wrapper .text .phone{
    display: flex;
    align-items: center;
    gap: 10px;
}
.consult-wrapper .text .phone a{
    font-size: 18px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (max-width: 991px) {
    .reviews-slider .mobile-hide {
        display: none;
    }
}
.team-hero-wrapper .image img{
	width: 100%;
}
@media (max-width: 991px) {
.team-hero-wrapper .image img{
	width: 100%;
}
	body .service-packages-wrapper .swiper-slide.single .item-content ul{
		column-count: 1
	}
}

.service-new-single{
    margin-bottom: 80px;
}
.service-new-single-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-new-single-wrapper .text{
    max-width: 680px;
}
.service-new-single-wrapper .text h1{
    margin-bottom: 30px;
}
@media (min-width: 992px){
    .service-new-single-wrapper .text h1{
        font-size: 34px;
    }
}
.service-new-single-wrapper .text h3{
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.service-new-single-wrapper .text .price{
	display: flex;
	align-items: center;
	padding: 10px 20px;
	box-shadow: 0 15px 15px 0 rgba(23, 22, 22, 0.25), inset 4px 4px 6px 0 rgba(255, 255, 255, 0.25), inset -4px -4px 6px 0 rgba(50, 50, 50, 0.25);
	background: radial-gradient(350.78% 76.03% at 50.15% 0%, #454545 0%, #171717 53.85%, #000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	border-radius: 6px;
	margin-bottom: 28px;
	font-size: 20px;
	line-height: 25px;
	color: #FFFFFF;
	gap: 10px;
	width: fit-content;
}
.service-new-single-wrapper .service-step{
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 26px;
    position: relative;
}
.service-new-single-wrapper .service-step:before{
    content: "";
    width: 1px;
    height: 40px;
    background: #1c1c1c;
    position: absolute;
    left: 27px;
    bottom: -30px;
}

.service-new-single-wrapper .service-step:last-of-type{
    margin-bottom: 40px;
}
.service-new-single-wrapper .service-step:last-of-type:before{
    display: none;
}
.service-new-single-wrapper .service-step-number{
    border-radius: 10px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    backdrop-filter: blur(4px);
    box-shadow: inset 2px 2px 6px 0 rgba(166, 166, 166, 0.25), inset -2px -2px 6px 0 rgba(0, 0, 0, 0.25), 0 15px 15px 0 rgba(0, 0, 0, 0.25);
    background: #dfdfdf, rgba(255, 255, 255, 0.2), linear-gradient(90deg, rgba(149, 150, 153, 0.4) 0%, rgba(218, 217, 217, 0.4) 17.71%, rgba(212, 211, 211, 0.4) 32.81%, rgba(255, 255, 255, 0.4) 50.52%, rgba(181, 181, 181, 0.4) 66.67%, rgba(254, 254, 254, 0.4) 82.29%, rgba(141, 141, 141, 0.4) 100%);
}
.service-new-single-wrapper .service-step-text h4{
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.service-new-single-wrapper .service-step-text .label{
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.service-new-single-wrapper .service-step-text .label-box{
    box-shadow: 0 15px 15px 0 rgba(23, 22, 22, 0.25), inset 4px 4px 6px 0 rgba(255, 255, 255, 0.25), inset -4px -4px 6px 0 rgba(50, 50, 50, 0.25);
    background: #1c1c1c, linear-gradient(90deg, #959699 0%, #dad9d9 17.71%, #d4d3d3 32.81%, #fff 50.52%, #b5b5b5 66.67%, #fefefe 82.29%, #8d8d8d 100%);
    border: 1px solid #1c1c1c;
    border-radius: 60px;
    padding: 5px 20px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    width: fit-content;
    color: #1c1c1c;
}
.service-new-single-wrapper .image{
    margin-right: -30px;
    position: relative;
	    max-width: 710px;
}
@media (max-width: 1440px){
    .service-new-single-wrapper .image{
        margin-right: 0;
    }
}
.service-new-single-wrapper .image > img{
    width: 100%;
    border-radius: 16px;
	max-height: 570px;
    object-fit: cover;
}
.hero-wrapper .image {
	position: relative;
}
.service-new-single-wrapper .image .present-video, .hero-wrapper .image .present-video{
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.service-new-single-wrapper .image .present-video p, .hero-wrapper .image .present-video p{
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-top: 12px;
    max-width: 130px;
}
@media (max-width: 991px) {
    .service-new-single-wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .service-new-single-wrapper .text{
        width: 100%;
    }
    .service-new-single-wrapper .text h1{
        margin-bottom: 30px;
    }
    .service-new-single-wrapper .service-step:last-of-type{
        margin-bottom: 30px;
    }
    .service-new-single-wrapper .image{
        width: 100%;
    }
    .service-new-single-wrapper .image .present-video svg{
        width: 100px;
        height: 100px;
    }
    .service-new-single-wrapper .image .present-video p{
        font-size: 14px;
        max-width: 100px;
    }
}

.service-scheme{
	display: none!important;
}
.service-response{
    margin-bottom: 100px;
}
.service-response h2{
    text-align: center;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
	    flex-wrap: wrap;
    gap: 5px;
}
.single-services h2{
	display: flex;
    align-items: center;
    gap: 10px;
}
.service-response h2 span, .single-services h2 span, .single-services .h2 span{
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 60px;
    padding: 8px 20px;
    box-shadow: 0 15px 15px 0 rgba(117, 117, 117, 0.25), inset 4px 4px 6px 0 rgba(166, 166, 166, 0.25), inset -4px -4px 6px 0 rgba(0, 0, 0, 0.25);
    background: #111;
}
.service-response-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.service-response-wrapper .item{
    width: calc(25% - 15px);
}
.service-response-wrapper .item-image{
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    margin-bottom: 40px;
    box-shadow: 0 7px 7px 0 rgba(117, 117, 117, 0.25), inset 2px 2px 3px 0 rgba(166, 166, 166, 0.25), inset -2px -2px 3px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(131deg, #959699 0%, #dad9d9 17.71%, #d4d3d3 32.81%, #f1f1f1 50.52%, #b5b5b5 66.67%, #e9e9e9 82.29%, #8d8d8d 100%);
}
.service-response-wrapper .item h5{
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.service-response-wrapper .item p, .service-response-wrapper .item li{
    font-weight: 500;
    font-size: 16px;
    color: #1c1c1c;
}
.service-response-wrapper .item ul{
    list-style-type: disc;
    padding-left: 20px;
}
.service-response-wrapper .item li{
    margin-bottom: 10px;
}
@media (max-width: 991px) {
    .service-response-wrapper .item{
        width: 100%;
    }
    .service-response h2 span{
        font-size: 22px;
        padding: 10px 15px;
    }
    .service-response h2{
        margin-bottom: 40px;
    }
	.service-response h2 span, .single-services h2 span, .single-services .h2 span{
		white-space: nowrap;
		display: flex;
		width: fit-content;
		font-size: 24px;
	}
}
.single-services .faq{
	display: none;
}
body .team-hero-wrapper .image .video-item .btn-play{
	transform: none;
    left: 10px;
    bottom: 10px;
    top: unset;
}
.service-packages-wrapper .item-content .price{
	flex-wrap: wrap;
}
.seo-text{
	margin-bottom: 100px
}
.seo-text-wrapper{
    box-shadow: 0 15px 15px 0 rgba(165, 165, 165, 0.25), inset 4px 4px 6px 0 rgba(255, 255, 255, 0.25), inset -4px -4px 6px 0 rgba(50, 50, 50, 0.25);
    background: #eee;
    border-radius: 16px;
    padding: 30px;
}
.seo-text-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.seo-text-header h2{
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #1c1c1c;
}
.seo-text-header .toggle{
    transition: all 0.4s ease;
	cursor: pointer;
}
.seo-text-header .toggle.rotated {
    transform: rotate(180deg);
}
.seo-text-wrapper .text {
    position: relative;
    overflow: hidden;
}

.seo-text-wrapper .text.collapsed {
    max-height: 60px;
}

.seo-text-wrapper .text.expanded {
    max-height: none;
}
.seo-text-wrapper .text p{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #1c1c1c;
    margin-bottom: 20px;
}
.seo-text-wrapper .text ul{
    list-style-type: disc;
    padding-left: 20px;
}
.news-consult{
    box-shadow: 0 15px 15px 0 rgba(117, 117, 117, 0.25), inset 4px 4px 6px 0 rgba(166, 166, 166, 0.25), inset -4px -4px 6px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(135deg, #21171a 0%, #000 35.11%, #000 64.41%, #21171a 100%);
    margin-bottom: 100px;
    color: #fff;
	border-radius: 16px;
	padding: 40px;
}
.news-consult-wrapper{
    display: flex;
    justify-content: space-between;
}
.news-consult-wrapper .left-side{
    max-width: 713px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-consult-wrapper .left-side h2{
    font-weight: 700;
    font-size: 47px;
    text-transform: uppercase;
    color: #fff;
}
.news-consult-wrapper .left-side p{
    font-weight: 700;
    font-size: 18px;
    color: #fff;
}
.news-consult-wrapper .right-side{
    max-width: 480px;
}
@media (max-width: 991px) {
    .news-consult-wrapper{
        flex-direction: column;
		gap: 20px;
    }
	.news-consult-wrapper .left-side h2{
		font-size: 24px;
	}
	.news-consult-wrapper .left-side p{
		font-size: 16px;
	}
}
.single-news-main:after{
	display: none;
}