/* ITEM NOUSYA */
.bg-gradient-nousya { cursor: pointer; transition: all 0.5s; background-size: 200% auto; background-image: linear-gradient(to right, #ffee00 0%, #f92331 51%, #ffee00 100%);}
.bg-gradient-nousya:hover { background-position: right center;}
.bg-gradient-nousya:hover .zoom::before {  border-color: transparent transparent #ffee00 transparent;}

.images-nousya img { width: 100%;}
.zoom { position: absolute; bottom: -0.25rem; right: 0; z-index: 2;}
.zoom::before { content:''; position: relative; display: inline-block; width: 0; height: 0; transition: all 0.5s;
    border-style: solid;
    border-width: 0 0 60px 60px;
    border-color: transparent transparent #f92231 transparent;}
.zoom .icon-zoom { position: absolute; bottom: 14px; right: 10px;}


.images-nousya { position: relative; overflow: hidden; padding: 0 0 100%;    background-size: cover;
    background-position: right;}
.images-nousya::after,
.images-nousya::before{ content:''; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; top:0; right:0; opacity:1; transition:all .5s ease 0s}
.images-nousya::after{ content:''; border:1px solid #666; top:0; right:170%; opacity:1; z-index:1; transform:skewX(-20deg); transition:all 1s ease 0s;}
.images-nousya:hover::before{ opacity:0}
.images-nousya:hover::after{ right:-170%}
.modal-backdrop { background-color: #fff;}

@media(max-width:767px) {
    .font-32 { font-size: 22px;}
}

@media(min-width:980px) {
    .bg-gradient-nousya {
        max-width: 280px;
    }
    .container{
        padding-left: 80px;
        padding-right: 80px;
    }


}