@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Magra:wght@700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
body {
    color: #362E48;
    font: 16px/1.375 'Montserrat', 'Helvetica Neue', sans-serif;
}
.h2, h2 {
    font-size: 25px;
    padding: 15px 0px;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.42;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
a {
    color: #1c61e7;
    text-decoration: none;
}
@media (min-width: 1200px){
.container {
    width: 1170px;
}
}
.brands-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brand {
    width: 17%;
    border: 1px solid #eee;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
img {
    border-radius: 5px;
}

/************сверху не добавлять стили *****************/
.block-logo {
    display: flex;
    align-items: center;
}
header {
    padding: 15px 0px;
}
.site-branding {
    display: flex;
    margin-bottom: 0px;
	align-items: center;
}
.time-email-block {
    font-size: 14px;
}
.page-header-top-right {
    font-size: 14px;
}
.sub-head {
    display: block;
}
a.top-phone {
    font-size: 18px;
    font-weight: 600;
}

.section__furniture, .section__brand{
    padding:80px 0px;
}
.brand{
    text-align:center;
    width:15%;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
}
.brand a {
    text-decoration: none;
    color: #252525;
}
.logo-brand-img {
    /* margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 60px;
    width: auto !important; */
}
.section__problems {
    padding: 80px 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    background-image: url(/img/background-section.png);
}
.problems__block{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    margin-top:60px;
}
.problems__info {
    display:flex;
    width: 38%;
    padding: 8px;
    border-radius: 10px;
    background-image: url(/img/background.png);
    background-color: #fff;
    background-position: 100% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 10%);
}
.problem__info--inner{
    display:flex;
    padding: 12px 80px 12px 12px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    flex-direction: column;
}
.problems__info h3{
    margin:0px;
}
.problems__list{
    display:flex;
    flex-wrap:wrap;
    width: 60%;
}
.problem__item{
    display:flex;
    -webkit-box-align: center;
    margin-bottom:15px;
    display: flex;
    width: 50%;
}
.problem_icon{
    width:19px;
    height:19px;
    margin-right:10px;
}
.section__why{
    padding: 80px 0px;
}
.why__list{
    display:flex;
    flex-wrap:wrap;
}
.why__item{
    width:33.333%;
    display:flex;
    align-items:start;
    margin-bottom:15px;
}
.why__item--icon {
    margin-right: 5px;
    width:64px;
}
.why__item--text {
    padding-right: 10px;
}
.why__item--text h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.why__item--text p {
    margin-top: 5px;
}
.repair{
    padding:40px 0px 80px;
}
.h1 {
    padding: 0px 0px 40px;
	    display: flex;
    justify-content: center;
}
.repair__list{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.repair__item{
    width:21%;
    display:flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 20%);
}
.repair__item--img {
    display: block;
    width: auto;
    margin-bottom:10px;
}
.repair__item--img img{
    width:100%;
    display:block;
    height:164px;
}
.repair__item--content h3{
    margin-top:0px;
    font-size:16px;
}
.repair__item--content p{
    margin-top:0px;
    margin-bottom:0px;
    font-size:14px;
}
.repair__item--footer{
    text-align:center;
}
.item--footer_link{
    text-decoration:none;
    padding:10px;
    display:block;
    border:1px solid #6ba453;
    border-radius: 0.375rem;
    margin-top:10px;
}
.item--footer_link:hover{
    background-color: #6ba453;
	color: #fff;
	text-decoration:none;
}
.doc{
    background: url(http://zamena-steklopaketa.ru/wp-content/uploads/2023/08/scheme-bg-1.webp) no-repeat;
	background-size: cover;
    padding:50px 0px;
}
.doc_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.doc_list--item {
    display: flex;
    flex-direction: column;
    padding: 15px;
    border: 1px solid #6ba453;
    width: 21%;
    border-radius:5px;
    background-color: #fff;
	margin-bottom: 20px;
}
.doc_list--item a{
    font-size:18px;
    margin-bottom:7px;
	font-weight:500;
	
}
.section_text {
    background: url(http://zamena-steklopaketa.ru/wp-content/uploads/2023/08/guarantees-bg-1.webp);
    background-size: cover;
}
.center{    
    margin:0 auto;
}
.modal-form {
    padding: 15px 15px;
    width: 180px !important;
}
.modal-form:hover{
	color:white;
}
.btn{
    display:flex;
    width:250px;
    padding: 13px 45px;
    border: 2px solid #6ba453;
	align-items: center;
	border-radius: 6px;
    text-align: center;
	font-weight: 600;
    font-size: 14px;
    line-height: 17px;
	margin-left: auto;
    margin-right: auto;
	justify-content: center;
}
.btn:hover{
    background: #6ba453;
    color: #fff;
}
.obj__list{
    display:flex;
    justify-content: space-between;
    
}
.obj__item{
    width:23%;
}
.obj-link{
    display: block;
    padding: 35px 30px;
    border-radius: 6px;
    background-clip: padding-box;
    min-height: 300px;
    position: relative;
    background-position: center;
    overflow: hidden;
    transition: background-size .5s;
    background-size:100%;
}
.obj-link:hover{
    background-size:110%;
    color: rgba(28,63,151,.5);
}
.photo{
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    transition: transform .5s ease-out;
}
.photo:hover{
    transform: scale(1.1);
    color: rgba(28,63,151,.5);
}
.obj__item:nth-child(1) a:after {
    content: "01";
}
.obj__item:nth-child(2) a:after {
    content: "02";
}
.obj__item:nth-child(3) a:after {
    content: "03";
}
.obj__item:nth-child(4) a:after {
    content: "04";
}

article{
    position: relative;
}
.obj-link:after{
    color: transparent;
    font-size: 130px;
    line-height: 1em;
    font-family: 'Magra', sans-serif;
    font-weight: 700;
    -webkit-text-stroke: 2px #fff;
    margin: 0;
    position: absolute;
    z-index: 2;
    left:10px;
    top: -30px;
}
.ojb-descr{
    position: absolute;
    z-index: 3;
    bottom: 35px;
    left: 30px;
    padding-right:30px;
}
.obj-header{
    font-size: 24px;
    color: #fff;
    display: block;
    margin-bottom: 30px;
    line-height: 1em;
    font-weight:700;
    word-wrap: break-word;
    display:block;
}
.obj-btn {
    background-color: #6ba453;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
.obj-btn:hover{
	background-color:#ffffff;
	color: #6ba453;
	border:1px solid #6ba453;
}

.about-img {
    padding-top: 25px;
    border-radius: 6px 6px 6px 6px !important;
}
.footer-list h2 {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 7px;
}
.footer-list ul {
    padding-left: 10px;
}
.faqs-item {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
	border:1px solid #eee;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}
.faq-block {
    max-width: 100%;
    margin: 0 auto;
}
.faqs-title {
    display: flex;
    position: relative;
    color: #202020;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 20px;
    width: 100%;
    outline: none;
    transition: 0.4s;
}
.faqs-title p {
    margin-bottom: 0px;
}
.faqs-title:hover {
   text-decoration:none;
}

.faqs-title:after {
    content: '\002B';
    color: #202020;
    font-weight: normal;
    float: right;
    margin-left: auto;
    font-size: 24px;
    line-height: 1;
    padding-left: 20px;
}

.faqs-title>.active:after {
    content: "\2212";
}

.faqs-content {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.faqs-content-inside {
    padding: 20px;
}
.img-otzv {
    width: 100%;
}
.float-block {
    display: block;
    float: right;
    border: 1px solid #6ba453;
    border-radius: 5px;
    padding: 10px;
    margin-left: 20px;
	margin-bottom:20px;
    width: 330px;
}
@media screen and (max-width:579px){
    .repair__item{
        width:100%;
    }
    .repair__item--img img{
        height:auto;
    }
    .doc_list--item{
        width:100%;
    }
    .obj__list{
        flex-wrap:wrap;
    }
    .obj__item {
        width: 100%;
        margin-bottom:20px;
    }
    .why__item {
        width: 100%;
    }
    .problems__list{
        width:100%;
        margin-bottom: 40px;
    }
    .problems__info{
        width:100%;
    }
    .brand{
        width:45%;
    }
	.site-branding{
		gap: 20px;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
		flex-direction: column;
	}
	.block-logo{
		justify-content: center;
		text-align: left;
	}
	.page-header-top-right{
		font-size:20px;
	}
	.time-email-block{
		font-size: 20px;
	}
	a.top-phone{
		font-size: 25px;
	}
}
.tabs-container {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
}

.tabs {
    display: flex;
    flex-direction: column;
    min-width: 150px;
    border-right: 1px solid #ccc;
    background-color: #f1f1f1;
}

.tab-link {
    background-color: inherit;
    border: none;
    outline: none;
    padding: 15px 20px;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.3s;
}

.tab-link:hover {
    background-color: #ddd;
}

.tab-link.active {
    background-color: #ccc;
}

.tab-content {
    display: flex;
    flex-direction: row;
    padding: 20px;
    width: 100%;
}

.column {
    flex: 50%;
    padding: 10px;
}
.logo-brand-img {
    padding: 0px 10px;
}
.navbar-default {
    /* background-color: #f8f8f8; */
    /* border-color: #e7e7e7; */
    background-color: rgba(230, 239, 253, 1) !important;
}
.navbar-default .navbar-nav>li>a {
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
.item-ozyv {
    background-color: #eff4f5;
    padding: 15px;
    border-radius: 5px;
    margin: 0px 10px;
}
.name-user {
    font-weight: 600;
    margin-bottom: 10px;
}
.dogovor-user {
    font-weight: 600;
    margin-top: 10px;
}
@media (max-width: 768px) {
    .tabs-container {
        flex-direction: column;
    }
    
    .tabs {
        flex-direction: row;
        border-bottom: 1px solid #ccc;
        border-right: none;
        overflow-x: auto;
        white-space: nowrap;
    }

    .tab-content {
        flex-direction: column;
    }
}