/* страница Обо мне */
.mod-obo-mne {margin-bottom: 7.5rem;}
.mod-obo-mne .full-text {font-size: 1.25rem; color: #EFFFFE;}
.mod-obo-mne .bg-30 {height: 100%;}
.mod-obo-mne img {border-radius: 30px; box-shadow: 0px 0px 60px -10px;}
.mod-obo-mne .triangle-button {position: absolute; width: 90px; height: 115px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("/images/icons/play.svg") no-repeat; border: none;}
.mod-obo-mne .triangle-button:focus-visible {outline: none;}
.mod-obo-mne .triangle-button:hover {transform: translate(-50%, -50%) scale(1.1);}
.mod-obo-mne .iframe {width: 100%; height: 100%; box-shadow: 0px 0px 60px 0px rgba(121, 121, 121, 1); border-radius: 30px; display: none;}
.mod-obo-mne .bg-30 {padding: 2px;}

.mod-project-obo-mne {margin-bottom: 7.5rem;}
.mod-project-obo-mne .wrap {display: flex; position: relative; min-width: 19.1rem; padding-left: 5px;}
.mod-project-obo-mne .title {position: absolute; top: 0; right: 36%; font-size: 1.3rem; transform: translateX(30%); text-transform: uppercase;}
.mod-project-obo-mne .more {position: absolute; bottom: 0; right: 50%; transform: translate(100%, 5px); font-size: 1rem; font-family: 'Montserrat-lig';}
.mod-project-obo-mne .more a {gap: .4rem; text-transform: uppercase;}
.mod-project-obo-mne .more_link.text-decoration-none::after{content: ""; background: url(/images/icons/arrow-min.svg) no-repeat; width: 15px; height: 15px;}
.mod-project-obo-mne img {border-radius: 20px 0px 0px 20px;}
.mod-project-obo-mne .wrap-bg {position: relative;}
.mod-project-obo-mne .wrap-bg::before {content: ""; position: absolute; background: linear-gradient(90deg, rgba(253, 253, 253, 1) 0%, rgba(121, 121, 121, 0.7) 35%) !important;
    z-index: -1; top: -1px; bottom: -1px; left: -1px; right: 1px; border-radius: 20px;}
.mod-project-obo-mne .owl-stage-outer {padding-top: 5px;}
.mod-project-obo-mne .owl-carousel .owl-nav {max-width: 100px; top: 110%;}
.mod-project-obo-mne .owl-prev,
.mod-project-obo-mne .owl-next {width: 35px; height: 35px;}
.mod-project-obo-mne .owl-prev span,
.mod-project-obo-mne .owl-next span {display: none;}
.mod-project-obo-mne .owl-prev.disabled,
.mod-project-obo-mne .owl-next.disabled {display: none;}
.mod-project-obo-mne .owl-next::before {content: ""; position: absolute; background-image: url("/images/icons/arrow.png"); background-size: cover; background-repeat: no-repeat; width: 35px; height: 35px; left: 0; top: 0;}
.mod-project-obo-mne .owl-prev::before {content: ""; position: absolute; background-image: url("/images/icons/arrow.png"); transform: rotate(180deg); background-size: cover; background-repeat: no-repeat; width: 35px; height: 35px; left: 0; top: 0;}

.mod-info-obo-mne {position: relative;}
.mod-info-obo-mne {padding-bottom: 11.8rem; padding-top: 4.3rem;}
.mod-info-obo-mne .info-text {font-size: 1.25rem; line-height: 2rem; text-transform: uppercase;}
.mod-info-obo-mne .text-border {position: relative;}
.mod-info-obo-mne img {border-radius: 20px;}
.mod-info-obo-mne .img-bg-right {position: absolute; top: -50%; right: -40%; transform: translateX(50%);}
.mod-info-obo-mne .img-bg-left {position: absolute; top: -25%; left: -32%; transform: translateX(-50%);}
.mod-info-obo-mne .line-bg .img-bg-right,
.mod-info-obo-mne .line-bg .img-bg-left {opacity: 0; visibility: hidden;}
.mod-info-obo-mne .line-bg:hover .img-bg-right,
.mod-info-obo-mne .line-bg:hover .img-bg-left {opacity: 1; visibility: visible; transition: 1s;}
.mod-info-obo-mne .line-bg::after {content: ''; position: absolute; bottom: 0px; left: 0; right: 0; height: 1px; background: var(--bg); opacity: 0; visibility: hidden;}
.mod-info-obo-mne .line-bg:hover::after {content: ''; position: absolute; bottom: 0px; left: 0; right: 0; height: 1px; background: var(--bg); opacity: 1; visibility: visible; transition: 1s;}

.com-content-article__body .h6 {line-height: 1.7rem; text-transform: uppercase;}
.com-content-article__body .contacts-info img {box-shadow: 0px 0px 100px -25px;}
.com-content-article__body .contacts-info .bg-30 {padding: 2px;}

.com-content-category-blog__item .video_items {background-color: var(--bg-color-dark-blue); padding: 14px;}
.com-content-category-blog__item .video_items img {border: 1px solid rgba(255,255,255,.3)}
.com-content-category-blog__item .video_items:hover {box-shadow: 0px 0px 30px -10px; background-color: rgb(0, 11, 39, 0.8);}

body.tvorchestvo .mod-tvorchestvo.bg-color::before {background-color: var(--bg-color-dark-blue);}
body.tvorchestvo .video  {top: -70px;}

body.proekty .btn:focus {box-shadow: none;}

.com-content-category-blog__item .video_items {position: relative;}
.com-content-category-blog__item .video_items .triangle-button {position: absolute; width: 90px; height: 115px; top: 50%; left: 50%; transform: translate(-20%, -25%); background: url("/images/icons/play.svg") no-repeat; background-size: 3rem; border: none;}
.com-content-category-blog__item .video_items .triangle-button:focus-visible {outline: none;}
.com-content-category-blog__item .video_items .triangle-button:hover {transform: translate(-20%, -25%) scale(1.1);}
.com-content-category-blog__item .video_items .iframe {width: 100%; height: 100%; border-radius: 30px; display: none;}
.com-content-category-blog__item .img-video {height: 250px;}

.com-content-category-blog__items .btn {margin-top: 1.25rem; padding: 1rem 0 !important; border-radius: 15px; background: linear-gradient(90deg, rgba(107, 108, 110, 1) 0%, rgba(253, 253, 253, 1) 36%, rgba(212, 213, 215, 1) 50%, rgba(254, 254, 254, 1) 72%, rgba(121, 121, 121, 1) 100%);}
.com-content-category-blog__items .a-link {color: var(--bg-color-dark-blue); font-weight: bold; font-size: 1.5rem;}

.com-content-category-blog__item .row:hover .block-project {box-shadow: 0px 0px 23px -3px; border-radius: 30px;}

body:not(.kontakty) .com-content-article__body .row img {box-shadow: 0px 0px 23px -3px;}

body.kontakty .soc  {gap: 2.1rem;}
body.kontakty .com-content-article {padding-bottom: 7.5rem;}

.mod-esli-est-mozgi .par_images {top: 0; bottom: 0; overflow: hidden; left: 50%; transform: translateX(-50%); width: 1920px;}

@media screen and (max-width: 1200px) {
    .mod-info-obo-mne .line-bg .img-bg-right, 
    .mod-info-obo-mne .line-bg .img-bg-left {width: 214px; height: 214px; opacity: 1; visibility: visible; transform: none; position: relative; bottom: 0; right: 0; top: 0; left: 0;}
    .mod-info-obo-mne .line-bg::after {opacity: 1; visibility: visible; bottom: -10px;}
    .mod-info-obo-mne .info-block3 {display: flex; flex-direction: column;}
}

@media screen and (max-width: 992px) {
    .mod-obo-mne .bg-30 {height: 362px;}
}