/* Start:/local/templates/remont_gold/style/projects.css?17766718668382*/
element.style{
}
.tabs-navigation.small.gray li a {
    background: #F5F5F5;
    color: #000;
    font-weight: 400;
}
.page-content {
	padding: 0 !important;
}

/*-----------CONTENT top ------------*/
.roznica-content {
    margin-bottom: 10px;
}
.roznica-content.kraski-bg {
	background-image: url(/local/templates/remont_gold/images/new/projects/kraski_1.jpg);
    background-repeat: no-repeat;
    border-radius: 0;
	background-size: cover;
    position: relative;
    min-height: 700px;
}
.roznica-content.svet-bg {
	background-image: url(/local/templates/remont_gold/images/new/projects/svet_1.jpg);
    background-repeat: no-repeat;
    border-radius: 0;
	background-size: cover;
    position: relative;
    min-height: 700px;
}
.roznica-content-black-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #000;
    border-radius: 0;
    opacity: .7;
}
.roznica-content-block-wrap {
	z-index: 3;
}
.roznica-content-block {
    height: 100%;
    display: flex;
    flex-direction: column;
	padding: 20px 10px;
}
.roznica-content-block-top {
    display: flex;
    justify-content: space-between;
	margin-bottom: 40px;
}
.roznica-content-block-top-title, .roznica-content-block-top-title h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    width: max-content;
	height: max-content;
    position: relative;
    transition: all .2s ease-out; 
}
.roznica-content-block-top-title::after {
    content: "";
    background-color: #C172FF;
    height: 3px;
    width: 250%;
    min-width: 500px;
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
}


.roznica-content-block-top-img {
    width: 150px;
}
.roznica-content-block-top-img img {
    width: 100%;
    border-radius: 0;
}
.roznica-content-block-cener-title {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
	margin-bottom: 40px;
}
.roznica-content-block-cener-title span{
	color: #C172FF;
}

.roznica-content-block-cener {

}
.roznica-content-block-cener-desc-top {
	display: flex;
    flex-wrap: wrap;
	align-items: center;
}
.roznica-content-block-cener-desc-left {
    font-size: 40px;
    font-weight: 600;
	color: #C172FF;
	margin-right: 20px; 
}
.roznica-content-block-cener-desc-right {
    color: #fff;
    font-size: 18px;
	line-height: normal;
}
.roznica-content-block-cener-desc-bottom {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}



@media (max-width: 768px) {
    .roznica-content-block-title, .roznica-content-block-title h1 {
        font-size: 20px !important;
        margin-bottom: 10px;
        width: auto;
    }
    .roznica-content-block {
        padding-right: 0;
    }
	.roznica-content-block-top-title, .roznica-content-block-top-title h1 {
        font-size: 20px !important;
        margin-bottom: 10px;
		max-width: 100%;
	}
}
@media (max-width: 576px) {
	.roznica-content-block-desc {
		font-size: 18px !important;
	}
}
/*-----------CONTENT top end ------------*/

.roznica-content-block-title, .roznica-content-block-title h1 {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    width: max-content;
    position: relative;
	text-transform: uppercase;
    transition: all .2s ease-out; 
}
.roznica-content-block-title::after {
    content: "";
    background-color: var(--violet-color);
    height: 3px;
    width: 250%;
    min-width: 500px;
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
}
.roznica-content-block-desc {
    color: #000;
    font-size: 24px;
    font-weight: 600;
}
.roznica-content-block-sup-desc {
    font-size: 16px;
    font-weight: 600;
}
@media (max-width: 576px) {
	.roznica-content.kraski-bg {
		background-position-x: center;
		min-height: 600px;
	}
	.roznica-content-block-top {
		flex-direction: column;
	    margin-bottom: 20px;
	}
	.roznica-content-block-top-img {
		margin: 10px auto;
	}
	.roznica-content-block-cener-title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.roznica-content-block-cener-desc-top {
		align-items: start;
		flex-direction: column;
		margin-bottom: 20px;
	}
	.roznica-content-block-cener-desc-bottom {
		font-size: 18px;
	}
}

/*-----------obuchenie banner ------------*/

.roznica-content-img {
    width: 80%;
	max-width: 600px;
    margin: 10px auto;
}
.roznica-content-img img {
    width: 100%;
}

.roznica-content-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.roznica-content-slider {
    width: 100%;
}
.roznica-content-slider-item {
    padding: 5px;
}

.roznica-content-slider-item img {
    height: 400px;
}

.roznica-content-slider .slick-prev, .roznica-content-slider .slick-next {
    z-index: 5;
}
.roznica-content-slider .slick-prev {
    left: 10px;
}
.roznica-content-slider .slick-next {
    right: 10px;
}
.roznica-content-slider .slick-prev:before, .roznica-content-slider .slick-next:before {
    color: #000000;
}

@media (max-width: 1480px) {
    .roznica-content-slider-item img {
        height: 300px;
    }
}
@media (max-width: 768px) {
    .roznica-content-slider-item img {
        height: 200px;
    }
}
@media (max-width: 576px) {
    .roznica-content-slider-item img {
        height: 170px;
    }
}
/*---------brends---------*/
.roznica-content-slider-brends {
	width: 100%;
}
.roznica-content-slider-brends-item-wrap {
    padding: 5px;
}
.roznica-content-slider-brends-item {
	background-color: #f5f5f5;
}
.roznica-content-slider-brends-item img {
	width: 90%;
    margin: 0 auto;
}


.svet-brends-slider .roznica-content-slider-brends-item {
    background-color: #f5f5f5;
    height: 200px;
    display: flex;
    align-items: center;
}

.roznica-content-slider-brends .slick-prev, .roznica-content-slider-brends .slick-next {
    z-index: 5;
}
.roznica-content-slider-brends .slick-prev {
    left: 10px;
}
.roznica-content-slider-brends .slick-next {
    right: 10px;
}
.roznica-content-slider-brends .slick-prev:before, .roznica-content-slider-brends .slick-next:before {
    color: #000000;
}
/*---------brends end---------*/
/*-----------obuchenie banner end ------------*/

/*-----------------------*/
.roznica-content-block-cener-desc {
	margin-bottom: 40px;
}
.roznica-content-block-cener-desc-list {
	display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px;
}
.roznica-content-block-cener-desc-item {

}
.roznica-content-block-cener-desc-item-inner {

}
.roznica-content-block-cener-desc-item-top {
	color: #C172FF;
    font-size: 40px;
    font-weight: 600;
}
.roznica-content-block-cener-desc-item-bottom {
    color: #fff;
	font-size: 24px;
}
@media (max-width: 576px) {
	.roznica-content-block-cener-desc-list {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.roznica-content-block-cener-desc-item-top {
		font-size: 24px;
	}
	.roznica-content-block-cener-desc-item-bottom {
		font-size: 18px;
	}
	.roznica-content-block-cener-desc {
		margin-bottom: 20px;
	}
}
/*-----------------------*/
/*-----------CONTENT BOTTOM------------*/

.roznica-content-bottom {}
.roznica-content-bottom-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
	margin-bottom: 20px;
}
.roznica-content-bottom-list-item {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.roznica-content-bottom-list-item-title {
	font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    background-color: #00A129;
    color: #fff;
    border-radius: 0;
    padding: 3px 10px 5px;
    line-height: normal;
}
.roznica-content-bottom-list-item-desc {
	font-size: 18px;
    font-weight: 500;
	text-align: center;
}

.roznica-content-bottom-icons-list {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.roznica-content-bottom-icons-list-item {
	display: flex;
    flex-direction: column;
    align-items: center;
	margin: 10px 15px;
}
.roznica-content-bottom-icons-list-item-img {
	width: 50px;
}
.roznica-content-bottom-icons-list-item-img img {
	width: 100%;
}
.roznica-content-bottom-icons-list-item-name {
	font-size: 18px;
    font-weight: 500;
	text-align: center;
}

@media (max-width: 576px) {
	.roznica-content-bottom-list {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.roznica-content-bottom-list-item-desc {
		font-size: 16px;
	}
	.roznica-content-bottom-icons-list {
		flex-direction: column;
		align-items: center;
	}
}
/*-----------CONTENT BOTTOM END------------*/
/* End */
/* /local/templates/remont_gold/style/projects.css?17766718668382 */