/* Start:/local/templates/o2garden/css/portfolio_page.css?17101771851211*/
.bg_left_top {
    position: absolute;
    top: 200px;
    left: 0;
    bottom: 0;
}

.call_leftbg_block {
    position: relative;
}

.call_services_btn {
    bottom: 0;
}

.bg_left_bottom {
    position: absolute;
    bottom: -200px;
}

.our_block_photo {
    margin-top: 50px;
}

footer {
    margin-top: 100px;
}

.bg_right_portfolio {
    position: relative;
}

.bg_right_top {
    position: absolute;
    right: 0;
    top: 100px;
}

.our_photo_mini {
    width: 400px !important;
    height: 370px !important;
    margin-bottom: 50px;
}

.our_block_photo {
    height: auto !important;
}

.our_photo_mini img {
    width: 100%;
    height: 100%;
}

.our_photo img {
    width: auto;
}

.our_photo {
    position: relative;
    width: 400px !important;
    height: auto !important;
    margin-bottom: 50px;
}

.our_block_photo {
    display: grid !important;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr;
}

.our_block_photo > a{
    justify-self: center;
}

.portfolio_page_block > div {
    margin: 0 auto;
}




@media screen and (max-width: 1340px) {
    .our_photo {
        width: 300px !important;
    }

    .our_photo_mini {
        width: 300px !important;
    }
}


/* End */


/* Start:/local/templates/o2garden/css/portfolio_page_media.css?17146273673033*/
@media screen and (max-width: 1550px) {
    .our_photo {
        width: 350px !important;
    }

    .our_photo_mini {
        width: 350px !important;
    }
}

@media screen and (max-width: 1320px) {
    .call_leftbg_block {
        display: none;
    }

    /* .our_photo {
         width: 555px;
     }
     */
}


@media screen and (max-width: 1315px) {
    /* .our_photo_mini {
         width: 263px!important;
     }
     */
}

@media screen and (max-width: 1288px) {
    .our_photo_mini {
        width: 300px !important;
        margin-bottom: 15px;
    }

    .our_photo {
        margin-bottom: 15px;
    }

    .our_photo_info {
        width: 235px;
    }

    .our_block_photo {
        margin-top: 0;
    }
}

@media screen and (max-width: 1170px) {
    .portfolio_page_block {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .our_photo {
        width: 400px !important;
    }
}

@media screen and (max-width: 1024px) {
    .general_title {
        font-size: 25px;
    }

    .our_section {
        margin-bottom: 30px;
    }

    .our_photo_mini {
        display: block !important;
        width: 280px !important;
        margin-bottom: 15px;
    }

    .our_photo {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1000px) {
    .our_block_photo {
        grid-template-columns: 1fr 1fr;
    }

    .our_photo_mini {
        display: block !important;
        width: 330px !important;
        margin-bottom: 15px;
    }

    .our_photo {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .our_block_photo .our_photo_info {
        opacity: 1;
    }

    .portfolio_page_block {
        grid-template-columns: 1fr !important;
    }

    .our_photo {
        width: 100% !important;
    }

    .portfolio_page_block > div {
        margin: 0;
    }
}

@media screen and (max-width: 750px) {
    .general_title {
        font-size: 24px !important;
    }

    .our_photo_mini {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .our_photo {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .our_block_photo {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .our_block_photo > a {
        justify-self: normal;
    }
}

@media screen and (max-width: 714px) {
    .bg_right_portfolio {
        display: none;
    }

    .our_photo_info_title {
        margin-bottom: 20px;
    }

    .our_photo_info_text {
        margin-bottom: 25px;
    }

    footer {
        margin-top: 25px;
    }
}

@media screen and (max-width: 480px) {

    .our_block_photo .our_photo_info {
        opacity: 1;
        width: 100%;
        position: static;
        height: auto;
        padding-bottom: 50px;
    }
    .our_photo_mini{
        height: auto !important;
    }

    .our_block_photo {
        /*row-gap: 250px;*/
    }
}

@media screen and (max-width: 414px) {

    .our_photo_info_title {
        margin-bottom: 10px;
    }

    .our_photo_info_text {
        margin-bottom: 15px;
    }
}

/* End */


/* Start:/local/templates/o2garden/components/bitrix/news.list/works_block/style.css?17074755571219*/
.news-list {
	margin:20px 0;
	border: 1px solid #94bfdc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.news-list h2 {
	border-bottom:1px solid #94bfdc;
	line-height:40px;
	padding: 0 10px;
	font-size:18px;
	font-weight:300;
    margin: 0;
}
.news-list > a{
	font-weight: 300;
	color: #0055aa;
	font-size: 12px;
	text-decoration: underline;
	padding: 15px 10px;
	display: block;
}
.news-list > a:hover{text-decoration: none;}
.news-list .news-item{
	padding:10px 0 20px;
	margin:0 10px;
	border-bottom:1px solid #94bfdc;
}

.news-list .news-item img.preview_picture {
	float:left;
	margin:0 7px 0 0;
	max-width:35px;
	max-height:35px;
}
.news-list .news-item a.link{
	color: #0055aa;
	font-size: 13px;
	line-height: 15px;
	min-height: 30px;
	max-height: 30px;	
	overflow: hidden;
	text-decoration: none;
	display: block;
	margin: 3px 0 10px;
	transition: all 0.4s ease-out;
}
.news-list .news-item a.link:hover{
	text-decoration:underline;
	max-height: 105px;
}
.news-list .news-item .news-date-time {
	color:#888888;
	display:block;
	padding-bottom:3px;
	font-size:11px;
	line-height:10px;
}
.portfolio_page_block{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

/* End */
/* /local/templates/o2garden/css/portfolio_page.css?17101771851211 */
/* /local/templates/o2garden/css/portfolio_page_media.css?17146273673033 */
/* /local/templates/o2garden/components/bitrix/news.list/works_block/style.css?17074755571219 */