.wrap-photo-module{background:url(/templates/potolki/images/photos-bg.png) no-repeat top left}
.wrapper__breadcrumbs{background:#fff}
.gradient-white{background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 )}
.article-catalog strong{font-size: 20px;font-weight: 700;color: #00669B;display:block; margin-bottom:10px}
.article-catalog ol{padding:0}
.article-catalog ol li{display:flex; flex-direction:column; padding: 0 0 10px 35px;margin:0;list-style:none;position:relative;}
.article-catalog ol li::before{position: absolute;left: 0;font-size: 110%;width: 25px;height: 25px;border: 2px solid #00669B;border-radius: 100%;color: #00669B;text-align: center;line-height: 23px;top: -2px;}
.article-catalog ol li:nth-child(1)::before{content:"1"}
.article-catalog ol li:nth-child(2)::before{content:"2"}
.article-catalog ol li:nth-child(3)::before{content:"3"}
.article-catalog ol li:nth-child(4)::before{content:"4"}
.article-catalog ol li:nth-child(5)::before{content:"5"}
.article-catalog ol li:nth-child(6)::before{content:"6"}
.article-catalog ol li:nth-child(7)::before{content:"7"}
.article-catalog ol li:nth-child(8)::before{content:"8"}
.article-catalog ol li:nth-child(9)::before{content:"9"}
.article-catalog ol li:nth-child(10)::before{content:"10"}
.article-catalog ul{padding:0}
.article-catalog ul li{display:flex; flex-direction:column; padding: 0 0 10px 20px;margin:0;list-style:none;position:relative;}
.article-catalog ul li::before{content:"";width: 8px;height: 8px;position: absolute;background: #00669B;left: 0;top: 7px;border-radius: 100px;}
.img-right{float:right}
.img-right img{max-width: 475px;margin: -15px 0 15px 30px;border: 10px solid #8fcfc1;border-radius: 20px;box-shadow: 10px -10px 0 0 #e9f8f5, -10px 10px 0 0 #faf3e1}
.img-left{float:left}
.img-left img{max-width: 475px;margin: 0 30px 15px 0;border: 10px solid #8fcfc1;border-radius: 20px;box-shadow: 10px -10px 0 0 #e9f8f5, -10px 10px 0 0 #faf3e1}
.wrapper__photos{display:flex; flex-wrap:wrap; margin:0 -3px}
.photos-block{width:25%; padding:3px}
.photos-block a{display:block}
.photos-block a:hover::after, .photos-block a:hover::before{opacity:1}
.photos-block a::after{transition: opacity 0.3s linear 0s; opacity:0; content:"";box-shadow: 0px 4px 10px rgba(0,102,155, 0.6);background:#00669B url(/templates/potolki/images/zoom.png) no-repeat center center;width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 100%;}
.photos-block a::before{transition: opacity 0.3s linear 0s; opacity:0; content:""; background: linear-gradient(0deg, rgba(0, 102, 155, 0.35), rgba(0, 102, 155, 0.35)); position:absolute; top:0; bottom:0; left:0; right:0}
.photos-block img{height:20.6vw; object-fit:cover; width:100%}
.wrapper__sms-sale::after{display:none}
.wrapper__sms-sale::before{top:auto; bottom:0}
.scrolled .wrapper__sms-sale{background-size:cover}
.wrapper__sms-sale form{margin-bottom:30px}
@media(max-width:1229px){
	.img-right img, .img-left img{max-width:375px}
	.article-catalog strong{font-size: 18px}
}
@media(max-width:991px){
	.img-right img, .img-left img{max-width:300px}
	.article-catalog strong{font-size: 16px; margin-bottom:5px}
}
@media(max-width:767px){
	.img-left, .img-right{float:none}
	.img-right img, .img-left img{border: 5px solid #8fcfc1;max-width:100%; margin:15px 0;box-shadow: 5px -5px 0 0 #e9f8f5, -5px 5px 0 0 #faf3e1}
	.article-catalog strong{font-size: 14px}
	.photos-block{width:33.33%; padding:3px}
	.photos-block:nth-child(6) ~ .photos-block{display:none}
	.photos-block img{height:27.6vw}
}
@media(max-width:420px){
	.photos-block{width:50%; padding:3px}
	.photos-block:nth-child(6) ~ .photos-block{display:block}
	.photos-block img{height:42.6vw}
}
