/**
 * Place for paragraph-tekhnologii styles here.

MAIN

*/
 
/* MAIN */
.paragraph-tekhnologii {
  
}

.paragraph-tekhnologii__title {
 text-align: center;
}

.paragraph-tekhnologii__description {
 text-align: center;
 color: var(--dark-gray);
}

.paragraph-tekhnologii__widgets {
 margin-top: 3rem;
}

.paragraph-tekhnologii__widgets > div > div {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-gap: 32px;
}

.paragraph-tekhnologii__widgets .views-row {
 background-color: #fff;
 transition: all .3s ease;
}

.paragraph-tekhnologii__widgets .views-row:hover {
 box-shadow: 0px 5px 6px 0px rgb(0 0 0 / 10%);
}

.paragraph-tekhnologii__widgets .front-third-screen__widgets > div,
.paragraph-tekhnologii__widgets .front-third-screen__widgets > div > div,
.paragraph-tekhnologii__widgets .view-textures-of-stretch-ceilings,
.paragraph-tekhnologii__widgets .view-textures-of-stretch-ceilings__without {
 display: flex;
 column-gap: 30px;
 justify-content: center;
 row-gap: 30px;
}

.paragraph-tekhnologii__button {
 width: fit-content;
 padding: 10px 18px;
 -webkit-border-radius: 4px;
 border-radius: var(--border-radius);
 font-size: 14px;
 background: var(--red);
 border: var(--border-base);
 color: var(--white);
 font-weight: bold;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 text-transform: inherit;
 margin-top: 2rem;
 margin-bottom: 6px;
 margin-left: auto;
 margin-right: auto;
}

.paragraph-tekhnologii__button:hover {
 background: -webkit-gradient(linear, left top, left bottom, from(#C00000), to(#ff7171));
 background: -webkit-linear-gradient(top, #C00000 0, #ff7171 100%);
 background: -o-linear-gradient(top, #C00000 0, #ff7171 100%);
 background: linear-gradient(180deg, #C00000 0, #ff7171 100%)
}




/* paragraphs-widget-3 */
.paragraph-tekhnologii .paragraphs-widget-3 {
 display: grid;
 grid-template-rows: auto 1fr;
 position: relative;
}

.paragraph-tekhnologii .paragraphs-widget-3__image {
 grid-column: 1;
 grid-row: 1;
 position: relative;
 filter: grayscale(100%);
 transition: all .5s ease;
 overflow: hidden;
}

.paragraph-tekhnologii .paragraphs-widget-3__image img {
 transition: all .5s ease;
}

.paragraph-tekhnologii .views-row:hover .paragraphs-widget-3__image {
 filter: grayscale(0%);
}

.paragraph-tekhnologii .views-row:hover .paragraphs-widget-3__image img {
 scale: 1.1;
 overflow: hidden;
}

.paragraph-tekhnologii .paragraphs-widget-3__image:before {
 content: '';
 position: absolute;
 background: -webkit-linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 100%, rgb(0, 0, 0) 100%);
 background: -moz-linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 100%, rgb(0, 0, 0) 100%);
 background: linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 100%, rgb(0, 0, 0) 100%);
 width: 100%;
 height: 50%;
 bottom: 0;
 transition: all .5s ease;
}

.paragraph-tekhnologii .paragraphs-widget-3__image:before {
 background: -webkit-linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 40%) 38%, rgb(0, 0, 0) 100%);
 background: -moz-linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 40%) 38%, rgb(0, 0, 0) 100%);
 background: linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 40%) 38%, rgb(0, 0, 0) 100%);
 z-index: 1;
}

.paragraph-tekhnologii .paragraphs-widget-3__text {
 font-size: 1.5rem;
 font-family: var(--font-primary);
 color: var(--white);
 text-align: left;
 max-width: none;
 margin-left: 0;
 grid-column: 1;
 grid-row: 1;
 z-index: 1;
 padding: 24px;
 margin-top: auto;
 margin-bottom: 15px;
 position: relative;
}

.paragraph-tekhnologii__widgets .paragraphs-widget-3__text:after {
 content: '';
 position: absolute;
 width: 0;
 height: 3px;
 background-color: #fff;
 top: auto;
 left: 24px;
 bottom: 10px;
 right: 0;
 transition: all .5s ease;
}

.paragraph-tekhnologii__widgets .views-row:hover .paragraphs-widget-3__text:after {
 width: 100px;
}

.paragraph-tekhnologii .paragraphs-widget-3__text a {
 color: var(--white);
 text-decoration:  none;
 font-weight: 600;
}

.paragraph-tekhnologii .paragraphs-widget-3__description {
 grid-column: 1;
 grid-row: 2;
 padding: 24px;
 color: var(--dark-gray);
 position: relative;
}

.paragraph-tekhnologii .paragraphs-widget-3__description:after {
 position: absolute;
 content: '';
 width: 0;
 height: 3px;
 background-color: #000;
 transition: all .5s ease;
 z-index: 3;
 top: 0;
 left: 0;
 right: 0;
}

.paragraph-tekhnologii .views-row:hover .paragraphs-widget-3__description:after {
 width: 100%;
}

.paragraph-tekhnologii .paragraphs-widget-3__icons {
 position: absolute;
 top: 16px;
 left: 16px;
}

.paragraph-tekhnologii .paragraphs-widget-3__icons div {
 height: 48px;
 width: 48px;
}

.paragraph-tekhnologii .paragraphs-widget-3__icons > div {
 background-color: #fff;
}

.paragraph-tekhnologii .paragraphs-widget-3__icons__icon {
 
}

.paragraph-tekhnologii .views-row:hover .paragraphs-widget-3__icons__icon {
 display: none;
}

.paragraph-tekhnologii .paragraphs-widget-3__icons__alt {
 display: none;
}

.paragraph-tekhnologii .views-row:hover .paragraphs-widget-3__icons__alt {
 display: block;
}

.paragraph-tekhnologii .paragraphs-widget-3__node-link {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 1;
 opacity: 0;
}

.paragraph-tekhnologii .paragraphs-widget-3__node-link a {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 1;
}









/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {
 
}

@media (max-width: 1919px) {
}

@media (max-width: 1800px) {

}

@media (max-width: 1700px) {
 
}

@media (max-width: 1600px) {
 
}

@media (max-width: 1500px) {

}

@media (max-width: 1440px) {
 
}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {
 .paragraph-tekhnologii__widgets > div > div {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 1150px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {
 .paragraph-tekhnologii__widgets > div {
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
 }
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
 
}

@media (max-width: 650px) {
 .paragraph-tekhnologii__widgets > div > div {
  grid-template-columns: 1fr;
 }
}

@media (max-width: 480px) {
}

@media (max-width: 450px) {
}

@media (max-width: 380px) {
}