/* Сделано в Студии Егора Чернорукова / www.chernorukov.ru */


div#previewswrapper									{ float: left; width: 100%; }
div#previews										{ float: none; width: 100%; max-width: 1200px; margin: auto; text-align: justify; font-size: 1px; }
div#previews::after									{ display: inline-block; width: 100%; content: ''; }
div#previews 			div							{ display: inline-block; float: none; width: auto; border: 1px solid #f24405; }
div#previews 			div			span				{ position: relative; display: inline-block; text-align: left; font-family: OnestRegular, Arial; color: #ffffff; }
div#previews 			div			span::before			{ content: ''; position: absolute; display: block; }


@media screen and (min-width: 360px)
{
 div#previewswrapper									{ padding: 4px 24px 4px 24px; }
 div#previews 			div							{ width: 100%; border-radius: 20px; padding: 17px 20px 18px 20px; font-size: 15px; line-height: 20px; margin-bottom: 22px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 60px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 60px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 68px; }
 div#previews 			div			span::before			{ height: 42px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 40px; left: -58px; background-image: url('/img/zinc-pic.png'); background-size: 40px 42px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 40px; left: -58px; background-image: url('/img/aluminium-pic.png'); background-size: 40px 42px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 56px; left: -73px; background-image: url('/img/forced-pic.png'); background-size: 56px 42px; }
}


@media screen and (min-width: 400px)
{
 div#previews 			div							{ font-size: 16px; line-height: 21px; }
}


@media screen and (min-width: 425px)
{
 div#previews 			div			span				{ padding-right: 30px; }
}


@media screen and (min-width: 450px)
{
 div#previews 			div							{ font-size: 17px; line-height: 22px; }
 div#previews 			div			span::before			{ height: 44px; top: 1px; }
 div#previews 			div:nth-of-type(1)	span::before			{ background-size: 40px 44px; }
 div#previews 			div:nth-of-type(2)	span::before			{ background-size: 40px 44px; }
 div#previews 			div:nth-of-type(3)	span::before			{ background-size: 56px 44px; }
}


@media screen and (min-width: 460px)
{
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 64px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 64px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 72px; }
 div#previews 			div			span::before			{ height: 46px; top: -1px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 42px; left: -60px; background-size: 42px 46px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 42px; left: -60px; background-size: 42px 46px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 58px; left: -75px; background-size: 58px 46px; }
}


@media screen and (min-width: 475px)
{
 div#previews 			div							{ padding: 19px 20px 20px 20px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 68px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 68px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 76px; }
 div#previews 			div			span::before			{ height: 50px; top: -2px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 46px; left: -64px; background-size: 46px 50px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 46px; left: -64px; background-size: 46px 50px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 62px; left: -79px; background-size: 62px 50px; }
}


@media screen and (min-width: 485px)
{
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 70px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 70px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 78px; }
 div#previews 			div			span::before			{ height: 52px; top: -3px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 48px; left: -66px; background-size: 48px 52px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 48px; left: -66px; background-size: 48px 52px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 64px; left: -81px; background-size: 64px 52px; }
}


@media screen and (min-width: 490px)
{
 div#previews 			div							{ padding: 20px 20px 21px 20px; }
 div#previews 			div			span				{ padding-right: 50px; }
}


@media screen and (min-width: 500px)
{
 div#previewswrapper									{ padding: 6px 26px 0px 26px; }
 div#previews 			div							{ margin-bottom: 24px; padding: 21px 20px 24px 20px; font-size: 18px; line-height: 23px; }
}


@media screen and (min-width: 520px)
{
 div#previews 			div			span				{ padding-right: 60px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 74px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 74px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 82px; }
 div#previews 			div			span::before			{ height: 54px; top: -3px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 52px; left: -70px; background-size: 52px 54px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 52px; left: -70px; background-size: 52px 54px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 68px; left: -85px; background-size: 68px 54px; }
}


@media screen and (min-width: 535px)
{
 div#previews 			div			span				{ padding-right: 70px; }
}


@media screen and (min-width: 550px)
{
 div#previewswrapper									{ padding: 8px 27px 4px 27px; }
 div#previews 			div							{ font-size: 19px; line-height: 24px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 76px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 76px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 86px; }
 div#previews 			div			span::before			{ height: 56px; top: -3px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 54px; left: -72px; background-size: 54px 56px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 54px; left: -72px; background-size: 54px 56px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 70px; left: -89px; background-size: 70px 56px; }
}


@media screen and (min-width: 565px)
{
 div#previews 			div			span				{ padding-right: 80px; }
}


@media screen and (min-width: 575px)
{
 div#previews 			div			span				{ padding-right: 90px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 82px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 82px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 92px; }
 div#previews 			div:nth-of-type(1)	span::before			{ left: -77px; }
 div#previews 			div:nth-of-type(2)	span::before			{ left: -77px; }
 div#previews 			div:nth-of-type(3)	span::before			{ left: -94px; }
}


@media screen and (min-width: 595px)
{
 div#previews 			div			span				{ padding-right: 100px; }
}


@media screen and (min-width: 600px)
{
 div#previewswrapper									{ padding: 8px 29px 4px 29px; }
 div#previews 			div							{ margin-bottom: 26px; font-size: 20px; line-height: 25px; }
}


@media screen and (min-width: 615px)
{
 div#previews 			div			span				{ padding-right: 110px; }
}


@media screen and (min-width: 630px)
{
 div#previews 			div			span				{ padding-right: 120px; }
}


@media screen and (min-width: 640px)
{
 div#previews 			div			span				{ padding-right: 130px; }
}


@media screen and (min-width: 650px)
{
 div#previewswrapper									{ padding: 8px 30px 6px 30px; }
 div#previews 			div							{ margin-bottom: 27px; font-size: 21px; line-height: 26px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 80px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 80px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 90px; }
 div#previews 			div			span::before			{ height: 58px; top: -3px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 56px; left: -76px; background-size: 56px 58px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 56px; left: -76px; background-size: 56px 58px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 72px; left: -93px; background-size: 72px 58px; }
}


@media screen and (min-width: 665px)
{
 div#previews 			div			span				{ padding-right: 140px; }
}


@media screen and (min-width: 675px)
{
 div#previews 			div							{ padding: 25px 20px 27px 20px; }
 div#previews 			div			span				{ padding-right: 150px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 84px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 84px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 102px; }
 div#previews 			div			span::before			{ height: 60px; top: -4px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 56px; left: -78px; background-size: 56px 60px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 58px; left: -78px; background-size: 58px 60px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 80px; left: -102px; background-size: 80px 60px; }
}


@media screen and (min-width: 690px)
{
 div#previews 			div			span				{ padding-right: 165px; }
}


@media screen and (min-width: 700px)
{
 div#previewswrapper									{ padding: 8px 31px 4px 31px; }
 div#previews 			div							{ width: 48%; border-radius: 26px; padding: 17px 20px 18px 20px; font-size: 16px; line-height: 21px; margin-bottom: 28px; }
 div#previews 			div			span				{ padding-right: 0; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 60px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 60px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 68px; }
 div#previews 			div			span::before			{ height: 42px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 40px; left: -58px; background-size: 40px 42px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 40px; left: -58px; background-size: 40px 42px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 56px; left: -73px; background-size: 56px 42px; }
}


@media screen and (min-width: 750px)
{
 div#previewswrapper									{ padding: 8px 33px 4px 33px; }
 div#previews 			div							{ padding: 19px 20px 20px 20px; font-size: 17px; line-height: 22px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 62px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 62px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 70px; }
 div#previews 			div			span::before			{ height: 44px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 42px; left: -60px; background-size: 42px 44px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 42px; left: -60px; background-size: 42px 44px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 58px; left: -75px; background-size: 58px 44px; }
}


@media screen and (min-width: 800px)
{
 div#previewswrapper									{ padding: 10px 34px 8px 34px; }
 div#previews 			div							{ padding: 19px 24px 20px 24px; font-size: 18px; line-height: 23px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 70px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 70px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 74px; }
 div#previews 			div			span::before			{ height: 48px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 46px; left: -66px; background-size: 46px 48px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 46px; left: -66px; background-size: 46px 48px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 62px; left: -79px; background-size: 62px 48px; }
}


@media screen and (min-width: 900px)
{
 div#previewswrapper									{ padding: 10px 36px 10px 36px; }
 div#previews 			div							{ padding: 21px 28px 23px 28px; font-size: 20px; line-height: 25px; margin-bottom: 31px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 74px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 74px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 78px; }
 div#previews 			div			span::before			{ height: 52px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 50px; left: -70px; background-size: 50px 52px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 50px; left: -70px; background-size: 50px 52px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 66px; left: -83px; background-size: 66px 52px; }
}


@media screen and (min-width: 950px)
{
 div#previews 			div							{ padding: 22px 30px 24px 30px; font-size: 21px; line-height: 26px; margin-bottom: 31px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 74px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 74px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 80px; }
 div#previews 			div			span::before			{ height: 52px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 50px; left: -70px; background-size: 50px 52px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 50px; left: -70px; background-size: 50px 52px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 66px; left: -85px; background-size: 66px 52px; }
}


@media screen and (min-width: 1000px)
{
 div#previews 			div							{ padding: 31px 30px 33px 30px; font-size: 22px; line-height: 27px; margin-bottom: 33px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 81px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 81px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 87px; }
 div#previews 			div			span::before			{ height: 54px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 52px; left: -77px; background-size: 52px 54px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 52px; left: -77px; background-size: 52px 54px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 68px; left: -92px; background-size: 68px 54px; }
}


@media screen and (min-width: 1100px)
{
 div#previews 			div							{ padding: 36px 30px 38px 30px;font-size: 23px; line-height: 28px; margin-bottom: 35px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 83px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 83px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 89px; }
 div#previews 			div			span::before			{ height: 56px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 54px; left: -79px; background-size: 54px 56px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 54px; left: -79px; background-size: 54px 56px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 70px; left: -94px; background-size: 70px 56px; }
}


@media screen and (min-width: 1200px)
{
 div#previews 			div							{ font-size: 24px; line-height: 29px; margin-bottom: 37px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 83px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 83px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 89px; }
 div#previews 			div			span::before			{ height: 56px; top: 0px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 54px; left: -79px; background-size: 54px 56px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 54px; left: -79px; background-size: 54px 56px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 70px; left: -94px; background-size: 70px 56px; }
}


@media screen and (min-width: 1245px)
{
 div#previews 			div			span				{ padding-right: 30px; }
}


@media screen and (min-width: 1300px)
{
 div#previewswrapper									{ padding: 6px 24px 25px 24px; }
 div#previews 			div							{ width: 31%; border-radius: 20px; padding: 40px 20px; font-size: 19.5px; line-height: 24.5px; }
 div#previews 			div			span				{ padding-right: 0px; }
 div#previews 			div:nth-of-type(1)	span				{ margin-left: 77px; }
 div#previews 			div:nth-of-type(2)	span				{ margin-left: 95px; }
 div#previews 			div:nth-of-type(3)	span				{ margin-left: 105px; }
 div#previews 			div			span::before			{ height: 60px; top: -4px; }
 div#previews 			div:nth-of-type(1)	span::before			{ width: 56px; left: -72px; background-image: url('/img/zinc-pic.png'); background-size: 56px 60px; }
 div#previews 			div:nth-of-type(2)	span::before			{ width: 58px; left: -80px; background-image: url('/img/aluminium-pic.png'); background-size: 58px 60px; }
 div#previews 			div:nth-of-type(3)	span::before			{ width: 80px; left: -100px; background-image: url('/img/forced-pic.png'); background-size: 80px 60px; }
}