

/* Start:/bitrix/templates/nt/components/bitrix/catalog.section.list/main_cat_index/style.css?16220088681482*/
.buto{
	display:inline-block;
color:#fff;

}
.mt4{margin-top:50px;}
.cat-bgr{
	display:inline-block;
	height:37vh;
	width:calc(100% - 30px);
	margin-bottom:30px;
	background-size:cover;
	background-position: 50%;
	text-align:left;
    overflow: hidden;
    position: relative;
border-radius:20px;
}
.cat-bgr h2{
	position:relative;
	display:inline-block;
    text-align: left;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 23px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 100;
    letter-spacing: 0.6;
    text-shadow: 1px 1px 21px #000;
    line-height: 35px;

}
.hidden-info{
	position:relative;
	opacity:0;
	-webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}
.square{ 
    width: 50px;
    height: 50px;
    background: #1b8aff96;
    position: absolute;
	-webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
	margin-top:10px;
	margin-left:10px;
}
.cat-bgr:hover .square{
 	width: 100%;
    height: 100%;
	margin-top:0px;
	margin-left:0px;
}
.cat-bgr:hover .hidden-info{
	opacity:1;
}
.cat-bgr h2 span{
	position:relative;}
.margin-50{
	margin-top:50px;
	margin-bottom:20px;
}

.hidden-info ul{
    padding-left: 22px;
    color: #fff;
    margin-top: 20px;
}
.hidden-info ul li{
    font-size: 15px;
    margin-bottom: 10px;
}

/* End */


/* Start:/bitrix/templates/nt/components/bitrix/catalog.section/portfolio/style.css?16220088691215*/
.portfolio {
padding-top:50px;
padding-bottom:50px;
}
.port-img{
width:calc(100% - 30px);
height:32vh;
position:relative;
overflow:hidden;
margin-bottom:30px;
display:inline-block;
background:#eaeaea;
border-radius:25px;
}
.port-img img{
display:inline-block;
}
.port-wrap{
display: inline-block;
    margin: 10px 20px;
}


.port-link{
cursor:pointer;
text-transform:uppercase;
font-size:18px;
color:#434343;
border-top:2px solid #f7f7f7;
border-bottom:2px solid #f7f7f7;
padding-top:7px;
padding-bottom:7px;
	-webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.selected, .port-link:hover{
border-color:#434343;
}
.port-link1{
cursor:pointer;
text-transform:uppercase;
font-size:18px;
color:#434343;
border-top:2px solid #f7f7f7;
border-bottom:2px solid #f7f7f7;
padding-top:7px;
padding-bottom:7px;
	-webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.selected, .port-link1:hover{
border-color:#434343;
}
.port-tab{
background:#f7f7f7;
margin-bottom:50px;
padding-top:30px;
padding-bottom:30px;
}
/* End */


/* Start:/bitrix/templates/nt/components/bitrix/news.list/blog/style.css?1622008868683*/
.blog-wrapper{text-align:right;
padding-right:15px;}
.blog-text{
background:#fff;
padding:25px;
text-align:left;
width:90%;
display:inline-block;
	margin-top: -50px;
    position: relative;
}
.blog-img{
	width:calc(100% - 30px);
	overflow:hidden;
	position:relative;
	height:200px;
	display:inline-block;

}
.blog-img img{
	width:100%;
display:inline-block;
border-radius:20px;
}
.date-line{
	color:#1b8aff;
	font-size:12px;
margin-bottom:20px;
}
.blog-text h4{
margin-bottom:20px;
}
.blog-text h4 a{
color:#434343;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
}
.blog-text p{
font-size:14px;
line-height:24px;
position:relative;
height:270px;
overflow:hidden;
}
/* End */
/* /bitrix/templates/nt/components/bitrix/catalog.section.list/main_cat_index/style.css?16220088681482 */
/* /bitrix/templates/nt/components/bitrix/catalog.section/portfolio/style.css?16220088691215 */
/* /bitrix/templates/nt/components/bitrix/news.list/blog/style.css?1622008868683 */
