.catalog-main-shell {
    background: linear-gradient(89.85deg, #005AAA 26.74%, #022E5E 126.45%);
}

.catalog-main-shell:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(/local/static/build/img/mainpage/catalog-main-dots-top.svg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 10%;
}

.catalog-main {
    width: 100%;
    position: relative;
    background: url(/local/static/build/img/mainpage/catalog-main-lines-dots.svg);
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.catalog-main__wrapper {
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
    padding-bottom: 75px;
}

@media only screen and (max-width: 400px) {
    .catalog-main__wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.catalog-main__title {
    font: bold 40px/100% "Open Sans", sans-serif;
    color: #fff;
    margin: 0 0 35px 0;
}

@media only screen and (max-width: 700px) {
    .catalog-main__title {
        font: bold 32px/100% "Open Sans", sans-serif;
    }
}

@media only screen and (max-width: 530px) {
    .catalog-main__wrapper {
        padding-top: 20px;
    }

    .catalog-main__title {
        font-size: 20px;
        line-height: 28px;
        margin: 0px 0 20px 0;
    }
}

.catalog {
    position: relative;
    font-size: 0;
    line-height: 0;
}

.catalog__wrapper {
    position: relative;
}

.catalog__wrapper:after {
    content: "";
    display: table;
    clear: both;
}

@media only screen and (max-width: 850px) {
    .catalog__wrapper {
        margin: 0 -10px 0 0;
    }

    .catalog__img {
        height: 180px;
    }
}

@media only screen and (max-width: 550px) {
    .catalog__wrapper {
        margin: 0;
    }
    .catalog-main__wrapper {
        padding-bottom: 5px;
    }
}

.catalog__column {
    display: block;
    position: relative;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
}
.catalog__column .catalog__element:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: linear-gradient(to bottom, #1790d7 0%, #138fd5 1%, #1590d6 3%, #188ed6 4%, #1590d6 6%, #138ed4 7%, #178dd5 10%, #108cd2 12%, #138ed4 12%, #168cd4 14%, #118cd2 16%, #1589d2 19%, #1089d0 20%, #1488d1 21%, #118acf 22%, #1787d1 22%, #0e89cf 24%, #1387d0 25%, #0e87ce 28%, #1486cf 29%, #0b86cc 31%, #1084cd 31%, #1284cd 33%, #0e83c9 34%, #1183ca 36%, #0c81c7 37%, #1080ca 38%, #0a80c8 40%, #0f7fc7 40%, #0f7fc7 42%, #0c7ec5 42%, #0a7fc5 43%, #117dc6 45%, #0b7dc4 45%, #0d7cc4 47%, #0a7ac2 48%, #077bc4 49%, #0e7ac3 50%, #0979c1 53%, #0e78c2 53%, #0678bf 54%, #0c76c0 55%, #0878c0 55%, #0b77c0 56%, #0676be 57%, #0b76be 59%, #0675bc 60%, #0c72bd 62%, #0373bb 63%, #0374ba 63%, #0a72bb 64%, #0571ba 66%, #0b6fba 68%, #0271b8 69%, #0071b7 69%, #086cb7 70%, #046fb7 71%, #0b6db8 71%, #026eb6 72%, #016db5 72%, #076bb6 74%, #036bb4 75%, #086ab5 78%, #006bb3 78%, #0569b4 80%, #0268b2 83%, #0666b2 84%, #0066b0 86%, #0365b0 87%, #0066b0 88%, #0565b1 89%, #0066af 90%, #0363af 91%, #0062ad 96%, #0563ad 97%, #0161ab 98%, #0062ad 100%);
    opacity: 0;
    transition: 0.3s;

}
.catalog__column:hover .catalog__element:before {
    opacity: 1;z-index: 0;
}
.catalog__column:hover .catalog__element {
    background: transparent;
}

.catalog__column--1 {
    width: 61%;
    height: 450px;
    padding: 0 20px 20px 0;
}

.catalog__column--2 {
    width: 39%;
    height: 450px;
    padding: 0 0 20px 0;
}

.catalog__column--3 {
    width: 35.6%;
    height: 450px;
    padding: 0 20px 20px 0;
}

.catalog__column--4 {
    width: 35.6%;
    height: 450px;
    padding: 0 20px 20px 0;
}

.catalog__column--5 {
    width: 28.8%;
    height: 450px;
    padding: 0 0 20px 0;
}

.catalog__column--6 {
    width: 28.8%;
    height: 450px;
    padding: 0 20px 20px 0;
}

.catalog__column--7 {
    width: 35.6%;
    height: 450px;
    padding: 0 20px 20px 0;
}

.catalog__column--8 {
    width: 35.6%;
    height: 450px;
    padding: 0 0 20px 0;
}

.catalog__column--9 {
    width: 26.8%;
    height: 320px;
    padding: 0 20px 0 0;
}

.catalog__column--10 {
    width: 26.8%;
    height: 320px;
    padding: 0 20px 0 0;
}

.catalog__column--11 {
    width: 26.8%;
    height: 320px;
    padding: 0 20px 0 0;
}

.catalog__column--catalog {
    width: 19.6%;
    height: 320px;
    padding: 0;
}

@media only screen and (max-width: 850px) {
    .catalog__column {
        width: 50%;
        height: 300px;
        padding: 0;
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .catalog-main__wrapper {
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 480px) {
    .catalog__column {
        height: 180px;
    }

    .catalog__column .catalog__element .catalog__img {
        height: 100px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 550px) {
    .catalog__column {
        width: 100%;
        padding: 0;
        height: 220px;
    }

    .catalog__column .catalog__element {
        border-radius: 6px;
    }

    .catalog__column .catalog__element .catalog__img {
        height: 140px;
        margin-top: 20px;
    }

    .catalog__column:not(.catalog__column--catalog) .catalog__element .catalog__name {
        margin-bottom: 20px;
    }
}

@media (min-width: 851px) {
    .catalog__img--1 {
        height: 325px;
    }

    .catalog__img--2,
    .catalog__img--3,
    .catalog__img--4,
    .catalog__img--5,
    .catalog__img--6,
    .catalog__img--7,
    .catalog__img--8 {
        height: 270px;
    }

    .catalog__img--9,
    .catalog__img--10,
    .catalog__img--11 {
        height: 160px;
    }
}
@media (min-width: 1251px) {
    .catalog__column--9 .catalog__name,
    .catalog__column--10 .catalog__name,
    .catalog__column--11 .catalog__name {
        font-size: 21px !important;
    }

    .catalog__img {
        margin: 16px auto auto !important;
    }

    .catalog__name {
        margin: auto 0 30px 0 !important;
    }
}

@media (min-width: 851px) and (max-width: 1250px) {
    .catalog__column .catalog__name {
        font-size: 15px;
        line-height: 20px;
    }
    .catalog__column--1 .catalog__name,
    .catalog__column--2 .catalog__name {
        font-size: 20px;
        line-height: 25px;
    }
    .catalog__column--9 .catalog__name,
    .catalog__column--10 .catalog__name,
    .catalog__column--11 .catalog__name {
        font-size: 13px;
        line-height: 18px;
    }
}

.catalog__column:hover .catalog__name {
    color: #fff;
}

.catalog__name {
    color: #1f5e8e;
    font: 600 24px/100% "Open Sans", sans-serif;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: auto 0 15px 0;
    z-index: 1;
}

@media only screen and (max-width: 768px) {
    .catalog__name {
        font: 500 16px/140% "Open Sans", sans-serif;
    }

    .catalog-main {
        background-size: 160%;
    }
}

@media only screen and (max-width: 550px) {
    .catalog__name {
        text-align: center;
    }
}

.catalog__name--big {
}

.catalog__name--small {
    font: 400 14px/120% "Open Sans", sans-serif;
    padding-left: 15px;
}

@media only screen and (max-width: 850px) {
    .catalog__name--small {
        font: 400 16px/140% "Open Sans", sans-serif;
        padding-left: 18px;
    }
}

@media only screen and (max-width: 680px) {
    .catalog__name--small {
        font: 400 14px/140% "Open Sans", sans-serif;
    }
}

.catalog__name--thin {
    margin: auto !important;
}

@media (min-width: 551px) {
    .catalog__column--show-more,
    .cc-addition-tiles {
        display: none !important;
    }
}

/*.catalog__column:hover .catalog__element:after {
    filter: progid:DXImageTransform.Microsoft.Alpha Opacity=10;
    opacity: 1;
}

.catalog__column:hover .catalog__element:before {
    filter: progid:DXImageTransform.Microsoft.Alpha Opacity=10;
    opacity: 1;
}*/

.catalog__element {
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 0;
    border-radius: 8px;
    border: none;
    padding: 0 15px;
    transition: 0.3s;
}

/*.catalog__element:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1790d7;
    background: -moz-linear-gradient(top, #1790d7 0%, #138fd5 1%, #1590d6 3%, #188ed6 4%, #1590d6 6%, #138ed4 7%, #178dd5 10%, #108cd2 12%, #138ed4 12%, #168cd4 14%, #118cd2 16%, #1589d2 19%, #1089d0 20%, #1488d1 21%, #118acf 22%, #1787d1 22%, #0e89cf 24%, #1387d0 25%, #0e87ce 28%, #1486cf 29%, #0b86cc 31%, #1084cd 31%, #1284cd 33%, #0e83c9 34%, #1183ca 36%, #0c81c7 37%, #1080ca 38%, #0a80c8 40%, #0f7fc7 40%, #0f7fc7 42%, #0c7ec5 42%, #0a7fc5 43%, #117dc6 45%, #0b7dc4 45%, #0d7cc4 47%, #0a7ac2 48%, #077bc4 49%, #0e7ac3 50%, #0979c1 53%, #0e78c2 53%, #0678bf 54%, #0c76c0 55%, #0878c0 55%, #0b77c0 56%, #0676be 57%, #0b76be 59%, #0675bc 60%, #0c72bd 62%, #0373bb 63%, #0374ba 63%, #0a72bb 64%, #0571ba 66%, #0b6fba 68%, #0271b8 69%, #0071b7 69%, #086cb7 70%, #046fb7 71%, #0b6db8 71%, #026eb6 72%, #016db5 72%, #076bb6 74%, #036bb4 75%, #086ab5 78%, #006bb3 78%, #0569b4 80%, #0268b2 83%, #0666b2 84%, #0066b0 86%, #0365b0 87%, #0066b0 88%, #0565b1 89%, #0066af 90%, #0363af 91%, #0062ad 96%, #0563ad 97%, #0161ab 98%, #0062ad 100%);
    background: -webkit-linear-gradient(top, #1790d7 0%, #138fd5 1%, #1590d6 3%, #188ed6 4%, #1590d6 6%, #138ed4 7%, #178dd5 10%, #108cd2 12%, #138ed4 12%, #168cd4 14%, #118cd2 16%, #1589d2 19%, #1089d0 20%, #1488d1 21%, #118acf 22%, #1787d1 22%, #0e89cf 24%, #1387d0 25%, #0e87ce 28%, #1486cf 29%, #0b86cc 31%, #1084cd 31%, #1284cd 33%, #0e83c9 34%, #1183ca 36%, #0c81c7 37%, #1080ca 38%, #0a80c8 40%, #0f7fc7 40%, #0f7fc7 42%, #0c7ec5 42%, #0a7fc5 43%, #117dc6 45%, #0b7dc4 45%, #0d7cc4 47%, #0a7ac2 48%, #077bc4 49%, #0e7ac3 50%, #0979c1 53%, #0e78c2 53%, #0678bf 54%, #0c76c0 55%, #0878c0 55%, #0b77c0 56%, #0676be 57%, #0b76be 59%, #0675bc 60%, #0c72bd 62%, #0373bb 63%, #0374ba 63%, #0a72bb 64%, #0571ba 66%, #0b6fba 68%, #0271b8 69%, #0071b7 69%, #086cb7 70%, #046fb7 71%, #0b6db8 71%, #026eb6 72%, #016db5 72%, #076bb6 74%, #036bb4 75%, #086ab5 78%, #006bb3 78%, #0569b4 80%, #0268b2 83%, #0666b2 84%, #0066b0 86%, #0365b0 87%, #0066b0 88%, #0565b1 89%, #0066af 90%, #0363af 91%, #0062ad 96%, #0563ad 97%, #0161ab 98%, #0062ad 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#1790d7), color-stop(1%, #138fd5), color-stop(3%, #1590d6), color-stop(4%, #188ed6), color-stop(6%, #1590d6), color-stop(7%, #138ed4), color-stop(10%, #178dd5), color-stop(12%, #108cd2), color-stop(12%, #138ed4), color-stop(14%, #168cd4), color-stop(16%, #118cd2), color-stop(19%, #1589d2), color-stop(20%, #1089d0), color-stop(21%, #1488d1), color-stop(22%, #118acf), color-stop(22%, #1787d1), color-stop(24%, #0e89cf), color-stop(25%, #1387d0), color-stop(28%, #0e87ce), color-stop(29%, #1486cf), color-stop(31%, #0b86cc), color-stop(31%, #1084cd), color-stop(33%, #1284cd), color-stop(34%, #0e83c9), color-stop(36%, #1183ca), color-stop(37%, #0c81c7), color-stop(38%, #1080ca), color-stop(40%, #0a80c8), color-stop(40%, #0f7fc7), color-stop(42%, #0f7fc7), color-stop(42%, #0c7ec5), color-stop(43%, #0a7fc5), color-stop(45%, #117dc6), color-stop(45%, #0b7dc4), color-stop(47%, #0d7cc4), color-stop(48%, #0a7ac2), color-stop(49%, #077bc4), color-stop(50%, #0e7ac3), color-stop(53%, #0979c1), color-stop(53%, #0e78c2), color-stop(54%, #0678bf), color-stop(55%, #0c76c0), color-stop(55%, #0878c0), color-stop(56%, #0b77c0), color-stop(57%, #0676be), color-stop(59%, #0b76be), color-stop(60%, #0675bc), color-stop(62%, #0c72bd), color-stop(63%, #0373bb), color-stop(63%, #0374ba), color-stop(64%, #0a72bb), color-stop(66%, #0571ba), color-stop(68%, #0b6fba), color-stop(69%, #0271b8), color-stop(69%, #0071b7), color-stop(70%, #086cb7), color-stop(71%, #046fb7), color-stop(71%, #0b6db8), color-stop(72%, #026eb6), color-stop(72%, #016db5), color-stop(74%, #076bb6), color-stop(75%, #036bb4), color-stop(78%, #086ab5), color-stop(78%, #006bb3), color-stop(80%, #0569b4), color-stop(83%, #0268b2), color-stop(84%, #0666b2), color-stop(86%, #0066b0), color-stop(87%, #0365b0), color-stop(88%, #0066b0), color-stop(89%, #0565b1), color-stop(90%, #0066af), color-stop(91%, #0363af), color-stop(96%, #0062ad), color-stop(97%, #0563ad), color-stop(98%, #0161ab), to(#0062ad));
    background: linear-gradient(to bottom, #1790d7 0%, #138fd5 1%, #1590d6 3%, #188ed6 4%, #1590d6 6%, #138ed4 7%, #178dd5 10%, #108cd2 12%, #138ed4 12%, #168cd4 14%, #118cd2 16%, #1589d2 19%, #1089d0 20%, #1488d1 21%, #118acf 22%, #1787d1 22%, #0e89cf 24%, #1387d0 25%, #0e87ce 28%, #1486cf 29%, #0b86cc 31%, #1084cd 31%, #1284cd 33%, #0e83c9 34%, #1183ca 36%, #0c81c7 37%, #1080ca 38%, #0a80c8 40%, #0f7fc7 40%, #0f7fc7 42%, #0c7ec5 42%, #0a7fc5 43%, #117dc6 45%, #0b7dc4 45%, #0d7cc4 47%, #0a7ac2 48%, #077bc4 49%, #0e7ac3 50%, #0979c1 53%, #0e78c2 53%, #0678bf 54%, #0c76c0 55%, #0878c0 55%, #0b77c0 56%, #0676be 57%, #0b76be 59%, #0675bc 60%, #0c72bd 62%, #0373bb 63%, #0374ba 63%, #0a72bb 64%, #0571ba 66%, #0b6fba 68%, #0271b8 69%, #0071b7 69%, #086cb7 70%, #046fb7 71%, #0b6db8 71%, #026eb6 72%, #016db5 72%, #076bb6 74%, #036bb4 75%, #086ab5 78%, #006bb3 78%, #0569b4 80%, #0268b2 83%, #0666b2 84%, #0066b0 86%, #0365b0 87%, #0066b0 88%, #0565b1 89%, #0066af 90%, #0363af 91%, #0062ad 96%, #0563ad 97%, #0161ab 98%, #0062ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1790d7', endColorstr='#0062ad', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.Alpha Opacity=0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}*/

/*.catalog__element:before {
    content: '';
    position: absolute;
    background-size: contain;
    background-image: url(/local/static/build/img/sprite/arrow.png);
    width: 11px;
    height: 11px;
    z-index: 10;
    right: 16px;
    bottom: 13px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha Opacity=0;
    opacity: 0;
}*/

.catalog__img {
    width: 100%;
    margin: 16px auto auto;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.catalog-block {
    margin: 0 0 40px 0;
}

.catalog-block .catalog__border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 5px solid #e9e9e9;
}

.catalog-block .catalog__img--11 {
    right: 5px;
}

.catalog-block .catalog__column--1 {
    width: 60%;
    height: 325px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--2 {
    width: 40%;
    height: 325px;
    padding: 0 0 3px 0;
}

.catalog-block .catalog__column--3 {
    width: 40%;
    height: 322px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--4 {
    width: 60%;
    height: 322px;
    padding: 0 0 3px 0;
}

.catalog-block .catalog__column--5 {
    width: 33.333%;
    height: 276px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--6 {
    width: 33.333%;
    height: 276px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--7 {
    width: 33.333%;
    height: 276px;
    padding: 0 0 3px 0;
}

.catalog-block .catalog__column--8 {
    width: 25%;
    height: 200px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--9 {
    width: 25%;
    height: 200px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--10 {
    width: 25%;
    height: 200px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--11 {
    width: 25%;
    height: 200px;
    padding: 0 0 3px 0;
}

.catalog-block .catalog__column--catalog {
    width: 25%;
    height: 200px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--13 {
    width: 25%;
    height: 200px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--14 {
    width: 25%;
    height: 200px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--15 {
    width: 25%;
    height: 200px;
    padding: 0 0 3px 0;
}

.catalog-block .catalog__column--16 {
    width: 33.333%;
    height: 276px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--17 {
    width: 33.333%;
    height: 276px;
    padding: 0 3px 3px 0;
}

.catalog-block .catalog__column--18 {
    width: 33.333%;
    height: 276px;
    padding: 0 0 3px 0;
}

@media only screen and (max-width: 850px) {
    .catalog-block .catalog__column {
        width: 50%;
        height: 300px;
        padding: 0;
        padding-right: 5px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 550px) {
    .catalog-block .catalog__column {
        width: 100%;
        padding: 0;
    }

    .catalog__column--show-more,
    .catalog__column--catalog {
        height: 45px;
    }

    .catalog__column.catalog__column--show-more:hover .catalog__element:before,
    .catalog__column.catalog__column--catalog:hover .catalog__element:before {
        opacity: 0;
    }
    .catalog__column--show-more:hover,
    .catalog__column--catalog:hover {
        cursor: pointer;
        background-color: #1a5994;
        color: #fff;
        border-radius: 6px;
    }
    .catalog__column--catalog .catalog__element {
        background-color: #7BA4DB;
    }
    .catalog__column--catalog .catalog__element .catalog__name {
        font-size: 14px;
        color: #fff;
    }
    .catalog__column--catalog .catalog__element br {
        display: none;
    }
}

.scroll-anim {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
}

.scroll-anim-active {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.scroll-anim-transition {
    -webkit-transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.download {
    position: absolute;
    top: 38px;
    right: 25px;
    display: table;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.download:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha Opacity=8;
    opacity: 0.8;
}

@media only screen and (max-width: 850px) {
    .download {
        position: relative;
        top: inherit;
        right: inherit;
        margin: 0 0 20px 0;
    }
}

.download__icon {
    width: 36px;
    height: 36px;
    background-size: cover;
    background-image: url(/local/static/build/img/svg/download.svg);
    position: relative;
    display: block;
    margin-top: 3px;
}

@media only screen and (max-width: 530px) {
    .download__icon {
        width: 24px;
        height: 24px;
        background-image: url(/local/static/build/img/svg/download.svg);
    }
}

.download__wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 10px;
    position: relative;
}

.download__text {
    display: block;
    font: 300 14px/140% "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.download__text--big {
    font: 300 20px/100% "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

@media only screen and (max-width: 530px) {
    .download__text--big {
        font: 300 14px/100% "Open Sans", sans-serif;
        display: inline-block;
        text-decoration: underline;
    }
}

@media only screen and (max-width: 530px) {
    .download__text {
        display: inline-block;
        text-decoration: underline;
    }
}