

/* Start:/local/templates/divgrup/components/bitrix/news/catalog/bitrix/news.detail/.default/style.css?17751056117962*/
.full-cotainer {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.media {
    display: flex;
    align-items: flex-start;
    height: 100%;
}
.col-md-6.menia {
    background: #fff;
    padding-top: 70px!important;
}
.col-md-6.menia img {
    border-radius: 10px;
}
.media img, .media video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
header,
.tops {
    z-index: 1;
}
.wrapper {
    z-index: 9;
}
header.small {
    z-index: 99;
}
.title-project {
    padding: 50px 30px;
    height: 100%;
}
.project-page .row {
    margin: 0;
}
.project-page > .row > .col-md-6 {
    padding: 0;
    background: #deac36;
}
.project-page > .row > .col-md-6 .media {
    padding: 30px 30px 15px 0;
}
.project-page > .row > .col-md-6 .media video {
    border-radius: 5px;
}
.project-page .bx-breadcrumb {
    background: rgba(255,255,255,0.1);
    padding: 10px 10px 0;
}
.project-page .bx-breadcrumb a,
.project-page .bx-breadcrumb i,
.project-page .bx-breadcrumb {
    color: #5c5c5c;
}
.project-page {
    position: relative;
    background: url(/local/assets/footer.svg);
    background-size: contain;
    background-repeat: repeat-y;
}
.project-why {
    position: relative;
    padding: 70px 0;
}
.project-why .col-md-4 span {
    font-size: 2rem;
    margin-bottom: 3rem;
    width: 5rem;
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #deac36;
    -webkit-clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}
.p-80 {
    padding: 100px 0 150px;
}
.justify-content-between {
    -webkit-justify-content: space-between!important;
    justify-content: space-between!important;
}
.project-mobile .bg-light>*,
.project-mobile .bg-light {
    position: relative;
    z-index: 1;
    padding: 0;
}
.project-mobile .mobiles {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% + 8vw);
    width: 45%;
    padding: 0;
    text-align: right;
}
.project-mobile .pad {
    padding: 5vw 15px!important;
}
.project-mobile .mobiles img:first-child {
    height: 100%;
    transform: translateX(10%);
    z-index: 0;
}
.project-mobile .bg-light::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    transform: translateX(-50%);
    background: #f6f6f6;
    z-index: 0;
}
body .project-page {
    font-size: 1.2rem;
    line-height: inherit;
}
.project-page .bx-breadcrumb {
    margin-bottom: 30px;
    margin-top: 20px;
}
.project-mobile .bg-light h3 {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.project-mobile .bg-light h3::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 0;
    top: 48px;
    background: #deac36;
}
.full-cotainer > p {
    margin: 0;
}
.col-md-6.menia video {
    width: 100%;
    /*height: 100%;*/
    object-fit: fill;
}
.col-md-6.box-text {
    padding: 50px!important;
    background: #fff;
}
.project-box {
    position: relative;
    margin: 50px 0 100px;
}
.project-mobile .mobiles img {
    box-shadow: 3px 3px 10px #cecece;
}

.project-box .box-text a .hex {
    width: 4.5rem;
    height: 5rem;
    background: #dbaa42;
    -webkit-clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all;
    aspect-ratio: 1/1;
}
.project-box .box-text a span {
    position: relative;
    color: #4c4a4a;
    margin-right: 4rem;
}
.project-box .box-text a span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #dcab35;
    left: 0;
    bottom: -0.4em;
}
.project-box .box-text a svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff;
    transition: .4s all;
}
.project-box .box-text a:hover .hex{transform:rotate(90deg)}
.project-box .box-text a:hover .hex svg{transform:rotate(-90deg)}
.project-box .box-text a {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 30px;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper.mySwiper {
    position: relative;
    padding-bottom: 80px;
    margin-bottom: 40px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 0.6rem;
    transition: .3s background-color;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: linear-gradient(to bottom right,#fe7531,#b508cd);
    width: 10px;
    height: 10px;
}
.project-more {
    text-align: center;
    padding: 10px 0 20px;
}
.project-more .h3 {
    padding-bottom: 10px;
}
.wave-top {
    width: 100%;
    z-index: 2;
    pointer-events: none;
    transform: rotate(180deg);
    position: relative;
    top: -1px;
}
.wave-top svg path:nth-child(2) {
    opacity: .3;
}
/*.wave-top svg path:last-child {
    opacity: .15;
}*/
.wave-top svg path:first-child {
    opacity: .15;
}
.project-page .row {
    position: relative;
}
.project-box .row > div {
    padding: 0;
}
.project-box .row {
    box-shadow: 3px 3px 5px #ececec;
}

.img-project {
    height: 250px;
    width: 100%;
    background-size: 100%!important;
    background-repeat: no-repeat!important;
    /* box-shadow: 3px 3px 5px #ececec; */
}
.project-mobile .mobiles img {
    width: 50%;
}



@media (max-width: 1300px) {
.media img, .media video {
    object-fit: contain;
}

.col-md-6.menia video {
    object-fit: cover;
}
}


@media (min-width: 992px) {
    .project-mobile.mobiles img {
        position: relative;
    }
}

@media (max-width: 992px) {
.project-page .row .col-md-6 {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.title-project {
    padding: 15px 0 0;
}
body .project-page {
    font-size: 16px;
}
.project-page > .row > .col-md-6 .media {
    padding: 0 0 15px 0;
}
.project-why {
    position: relative;
    padding: 40px 0 0;
}
.project-mobile .mobiles {
    position: relative;
    transform: none;
    height: auto;
    width: 100%;
    text-align: center;
    top: auto;
    right: auto;
    padding: 15px 0;
}
.project-mobile .mobiles img {
    margin: 15px;
}
.project-mobile .bg-light::before {
    display: none;
}
.project-mobile .bg-light h3 {
    margin-bottom: 20px;
}
.p-80 {
    padding: 50px 0 30px;
}
.project-page > .row > .col-md-6 {
    padding: 0 15px;
}
.col-md-6.box-text {
    padding: 30px!important;
}
.project-box {
    margin: 50px 0 60px;
}
.project-box .container {
    padding: 0;
}


}


@media (max-width: 768px) {
h1, .h1 {
    font-size: 1.5rem;
}
.project-page .bx-breadcrumb {
    margin-bottom: 20px;
}
.project-page > .row > .col-md-6 {
    padding: 0px 6px;
}
.project-why .col-md-4 span {
    margin-bottom: 1rem;
}
.project-why .col-md-4 {
    margin-bottom: 15px;
}
.p-80 {
    padding: 10px 0 0;
}
.project-mobile .mobiles img {
    margin: 15px;
    height: auto!important;
    width: 45%;
    float: left;
    margin: 0;
    transform: initial!important;
    margin: 1.5%;
}
.project-mobile .bg-light h3::after {
    display: none;
}
.project-mobile .bg-light h3 {
    margin-bottom: 0;
}
.col-md-6.menia {
    padding: 0 7px!important;
}
h3, .h3 {
    font-size: 1.3rem;
}
.col-md-6.box-text {
    padding: 20px 6px!important;
}

.project-box .box-text a .hex {
    width: 2.5rem;
    height: 3rem;
}
.swiper.mySwiper {
    padding-bottom: 30px;
    margin-bottom: 10px;
}
.project-mobile .mobiles img {
    width: 50%!important;
    margin-left: 25%!important;
}

}

/* End */


/* Start:/local/templates/divgrup/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1775105612467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /local/templates/divgrup/components/bitrix/news/catalog/bitrix/news.detail/.default/style.css?17751056117962 */
/* /local/templates/divgrup/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1775105612467 */
