@charset "utf-8";
/* Общие */
@media (max-width: 1199px){
	
	body {
		overflow-x:hidden;
	}
	.header {
		padding: 10px 0;
	}
	.gor-menu {
		position:fixed;
		top:0;
		left:0;
		width: 40%;
		height: 100%;
		background: var(--color3);
		z-index: 5;
	}
	.gor-menu ul li{
		width: 100%;
	}
	.gor-menu ul li a{
		width: 100%;
		border-right: 0;
	}
	.mobilemenu-close {
		text-align:right;
		padding:0 15px 0 0;
		display: block;
	}
	.zakaz-montaj {
		display: none;
	}
	.mobile-icon-menu {
		display:block;
		position: absolute;
		top:5px;
		right:15px;
		font-size:24px;
		z-index: 2;
	}
	.mobile-menu {
		left:-100%;
		-moz-transform: translateX(0px);
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transform: translateX(0px);
		-webkit-transition: all 0.4s ease-in-out;
		-o-transform: translateX(0px);
		-o-transition: all 0.4s ease-in-out;
	}
	.mobile-menu-open {
		left:0;
		-moz-transform: translateX(0px);
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transform: translateX(0px);
		-webkit-transition: all 0.4s ease-in-out;
		-o-transform: translateX(0px);
		-o-transition: all 0.4s ease-in-out;
	}
	.mobile-zakaz-montaj {
		display:block;
		background:var(--color5);
		padding: 10px;
		text-align: center;
		color:var(--color1);
		font-size:18px;
		font-family: var(--font-family-2);
		text-transform: uppercase;
		line-height: 18px;
		padding: 10px 0;
		text-shadow: 0 1px 2px var(--color2);
	}
	.holst-title-text {
		font-size: 18px;
		line-height: 18px;
		padding: 0;
	}
	.holst-title:before {
		display: none;
	}
	.holst-subtitle-text {
		padding: 0;
	}
	.rabots-item {
		float: left;
		width: 50% !important;
		padding: 10px;
	}
	.rabots-item-content-text {
		width: 100%;
	}
	.rabots-item-content-button {
		width: 100%;
	}
	.home-rabots .rabots-item-button,
	.home-rabots > div:nth-child(1) .rabots-item-button,
	.home-rabots > div:nth-child(2) .rabots-item-button,
	.home-rabots > div:nth-child(3) .rabots-item-button,
	.home-rabots > div:nth-child(4) .rabots-item-button,
	.home-rabots > div:nth-child(5) .rabots-item-button{
		color: var(--color1);
		background: var(--color3);
		width: 100%;
		height: 100%;
		text-align: center;
		display: block;
		vertical-align: middle;
		font-size: 150%;
		line-height: 260%;
		font-family: var(--font-family-2);
		text-transform: uppercase;
	}
	.home-rabots .rabots-item-button img,
	.home-rabots > div:nth-child(1) .rabots-item-button img,
	.home-rabots > div:nth-child(2) .rabots-item-button img, 
	.home-rabots > div:nth-child(3) .rabots-item-button img, 
	.home-rabots > div:nth-child(4) .rabots-item-button img, 
	.home-rabots > div:nth-child(5) .rabots-item-button img{
		max-height: 30px;
		max-width: 30px;
    	vertical-align: sub;
	}
	.home-rabots .rabots-item-content-text-title,
	.home-rabots > div:nth-child(1) .rabots-item-content-text-title,
	.home-rabots > div:nth-child(2) .rabots-item-content-text-title,
	.home-rabots > div:nth-child(3) .rabots-item-content-text-title,
	.home-rabots > div:nth-child(4) .rabots-item-content-text-title,
	.home-rabots > div:nth-child(5) .rabots-item-content-text-title{
		color: #000;
		font-size: 20px;
		font-family: var(--font-family-2);
		text-transform: uppercase;
		line-height: 100%;
		padding: 5px 0 0 0;
	}
	.home-rabots .rabots-item-content-text-subtitle, 
	.home-rabots > div:nth-child(1) .rabots-item-content-text-subtitle, 
	.home-rabots > div:nth-child(2) .rabots-item-content-text-subtitle, 
	.home-rabots > div:nth-child(3) .rabots-item-content-text-subtitle, 
	.home-rabots > div:nth-child(4) .rabots-item-content-text-subtitle, 
	.home-rabots > div:nth-child(5) .rabots-item-content-text-subtitle {
		font-size: 16px;
		color: #000;
		line-height: 18px;
		margin-bottom: 5px;
	}
	.home-rabots > div .rabots-item-button {
		color: var(--color1);
		background: var(--color3);
		width: 100%;
		height: 100%;
		text-align: center;
		display: block;
		vertical-align: middle;
		font-size: 150%;
    	line-height: 260%;
		font-family: var(--font-family-2);
		text-transform: uppercase;
	}
	.brend-item {
		width: 14%;
		margin-bottom: 15px;
	}
	.kak-rabotaem-item {
		width: 50%;
	}
	.komanda-item {
		width: 100%;
	}
	.footer-col-blok ul{
		padding-left: 0;
	}
	.footer-col-blok {
		margin-bottom:30px;
	}
	.footer-zakaz {
		margin-bottom: 35px;
	}
	.komanda-item-o-nas {
		width: 50%;
		padding: 15px;
	}
	.komanda-item-name-o-nas {
		text-align: center;
		font-size: 20px;
		font-family: var(--font-family-2);
		color: #000;
	}
	.komanda-item-doljnost-o-nas {
		text-align: center;
		color: #000;
		font-family: var(--font-family-1);
		font-size: 15px;
		line-height: 16px;
	}
	#topNubex{
		display:none !important;
	}
	.tab-item-title {
		background-color: var(--color2);
		color: var(--color1);
		text-align: center;
		font-size: 18px;
		font-family: var(--font-family-2);
		font-weight: bold;
		padding: 15px 10px;
		position: relative;
		border-top: 1px solid var(--color1);
		border-bottom: 3px solid var(--color5);
		cursor: pointer;
		margin-bottom: 10px;
	}
	.str-socsety-plashka {
		width: 95%;
		height: 530px;
		border-radius: 15px;
		box-shadow: 0 1px 30px -5px rgba(0,0,0,0.3);
		background: #fff;
		margin: auto;
		position: relative;
		padding:105px 15px 15px 15px;
		margin-bottom: 30px;
	}
	.str-socsety-title {
		text-align: center;
		font-size: 26px;
		font-family: var(--font-family-2);
		color: #000000;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.tarifs-item-dec {
        padding: 15px;
        font-size: 16px;
        min-height: auto;
    }
    .holst-title-container {
        text-align:center;
    }
    .holst-title-text:after {
        content: '';
        position: absolute;
        width: 2000px;
        height: 1px;
        top: 12px;
        background: var(--color1);
        left: 100%;
    }
    .holst-title-text:before {
        content: '';
        position: absolute;
        width: 2000px;
        height: 1px;
        top: 12px;
        background: var(--color1);
        right: 100%;
    }
    .rabots-item-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: auto;
    }
    .resourse-date {
        height: 30px;
    }
    .foto-item {
        width: 100%;
        min-height: 35px;
        background-size: cover !important;
        -webkit-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -moz-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -ms-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -o-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
    }
}

/* Планшеты */
@media (min-width: 992px) and (max-width: 1199px) {
	.logo {
		text-align: center;
		margin-bottom: 15px;
	}
	.rabots-item {
		float: left;
		width: 50% !important;
		padding: 10px;
	}
	.home-rabots > div:nth-child(2) .rabots-item-content-text-title, .home-rabots > div:nth-child(3) .rabots-item-content-text-title, .home-rabots > div:nth-child(4) .rabots-item-content-text-title, .home-rabots > div:nth-child(5) .rabots-item-content-text-title {
        color: #000;
        font-size: 20px !important;
        font-family: var(--font-family-2) !important;
        text-transform: uppercase !important;
        line-height: 100%;
    }
    .brend-item {
        width: 14%;
        margin-bottom: 15px;
    }
    .icon-home-item {
        width:50%;
    }
    .foto-item {
        width: 100%;
        min-height: 35px;
        background-size: cover !important;
        -webkit-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -moz-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -ms-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -o-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
    }
}

/* Смартфоны горизонтальные и планшеты */
@media (min-width: 768px) and (max-width: 991px) {
	.logo {
		text-align: center;
		margin-bottom: 15px;
	}
	.header-kontakts {
		display: flex;
    	flex-direction: row;
		flex-wrap: wrap;
	}
	.flex-item {
		width: 50%;
	}
	.zakaz-montaj {
		display: none;
	}
	.rabots-item {
		float: left;
		width: 50% !important;
		padding: 10px;
	}
	.home-rabots > div:nth-child(2) .rabots-item-content-text-title, .home-rabots > div:nth-child(3) .rabots-item-content-text-title, .home-rabots > div:nth-child(4) .rabots-item-content-text-title, .home-rabots > div:nth-child(5) .rabots-item-content-text-title {
        color: #000;
        font-size: 20px !important;
        font-family: var(--font-family-2) !important;
        text-transform: uppercase !important;
        line-height: 100%;
    }
    .brend-item {
        width: 14%;
        margin-bottom: 15px;
    }
    .icon-home-item {
        width:50%;
    }
    .foto-item {
        width: 100%;
        min-height: 35px;
        background-size: cover !important;
        -webkit-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -moz-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -ms-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -o-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
    }
}

/* Смартфоны */
@media (max-width: 767px) {
	.logo {
		text-align: center;
		margin-bottom: 15px;
	}
	.header-kontakts {
		display: flex;
    	flex-direction: row;
		flex-wrap: wrap;
	}
	.flex-item {
		width: 50%;
	}
	.zakaz-montaj {
		display: none;
	}
	.gor-menu {
		width: 80%;
		box-shadow: 5px 5px 16px -5px rgba(0,0,0,0.5);
	}
	.rabots-item {
		float: left;
		width: 100% !important;
		padding: 10px;
	}
	.home-rabots > div:nth-child(2) .rabots-item-content-text-title, .home-rabots > div:nth-child(3) .rabots-item-content-text-title, .home-rabots > div:nth-child(4) .rabots-item-content-text-title, .home-rabots > div:nth-child(5) .rabots-item-content-text-title {
        color: #000;
        font-size: 20px !important;
        font-family: var(--font-family-2) !important;
        text-transform: uppercase !important;
        line-height: 100%;
    }
    .brend-item {
        width: 25%;
        margin-bottom: 15px;
    }
    .icon-home-item {
        width:100%;
    }
    .footer-socsety .socsety-footer {
        position: initial;
        width: 100%;
        text-align: center;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transition: all 0.4s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -moz-transition: all 0.4s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -ms-transition: all 0.4s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -o-transition: all 0.4s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        transition: all 0.4s cubic-bezier(0.58, 0.08, 0.26, 0.98);
    }
    .foto-item {
        width: 100%;
        min-height: 20px;
        background-size: cover !important;
        -webkit-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -moz-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -ms-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        -o-transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
        transition: all 0.2s cubic-bezier(0.58, 0.08, 0.26, 0.98);
    }
}