.svg-box {
    display: block;
}

.svg {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 0;
    display: block;
    padding: 0;
}

.svg-conveyor {
    background-image: url('../../assets/images/svg/conveyor.svg');
}

.svg-chart {
    background-image: url('../../assets/images/svg/chart.svg');
}

.svg-cert {
    background-image: url('../../assets/images/svg/cert.svg');
}

.svg-logo {
    -webkit-mask: url(../../assets/images/svg/logo.svg) no-repeat;
    mask: url(../../assets/images/svg/logo.svg) no-repeat;
}

.svg-play {
    background-image: url('../../assets/images/svg/play.svg');
}

.svg-youtube {
    -webkit-mask: url(../../assets/images/svg/yt.svg) no-repeat;
    mask: url(../../assets/images/svg/yt.svg) no-repeat;
}

.svg-li {
    -webkit-mask: url(../../assets/images/svg/li.svg) no-repeat;
    mask: url(../../assets/images/svg/li.svg) no-repeat;
}

.svg-fb {
    -webkit-mask: url(../../assets/images/svg/fb.svg) no-repeat;
    mask: url(../../assets/images/svg/fb.svg) no-repeat;
}

.svg-book {
    -webkit-mask: url(../../assets/images/svg/book.svg) no-repeat;
    mask: url(../../assets/images/svg/book.svg) no-repeat;
}

.svg-attach {
    -webkit-mask: url(../../assets/images/svg/attach.svg) no-repeat;
    mask: url(../../assets/images/svg/attach.svg) no-repeat;
}

.svg-graph {
    -webkit-mask: url(../../assets/images/svg/graph.svg) no-repeat;
    mask: url(../../assets/images/svg/graph.svg) no-repeat;
}


.svg-drop-arr {
    background-image: url('../../assets/images/svg/drop-arr.svg');
}

.svg-pin {
    -webkit-mask: url(../../assets/images/svg/pin.svg) no-repeat;
    mask: url(../../assets/images/svg/pin.svg) no-repeat;
}

.svg-phone {
    -webkit-mask: url(../../assets/images/svg/phone.svg) no-repeat;
    mask: url(../../assets/images/svg/phone.svg) no-repeat;
}

.svg-contact {
    -webkit-mask: url(../../assets/images/svg/contact.svg) no-repeat;
    mask: url(../../assets/images/svg/contact.svg) no-repeat;
}



/* Стрелочки в языке */
.sprite-17 {
    background-position: -114px -81px;
    width: 10px;
    height: 6px;
    display: inline-block;
    position: relative;
    top: -2px;
    left: 5px;
}

.show .sprite-17 {
    background-position: -114px -89px;
    top: -3px;
}

.marks {
    position: relative;
}

.marks-all::before,
.marks-all::after,
.marks-big::before,
.marks-small::after,
.lax {
    content: "";
    position: absolute;
    opacity: 1;
}

.marks-all::before,
.marks-big::before,
.lax-big {
    background: url('../../assets/images/big-circle.png') no-repeat;
    width: 173px;
    height: 174px;
}

.marks-all::after,
.marks-small::after,
.lax-small {
    background: url('../../assets/images/small-circle.png') no-repeat;
    width: 144px;
    height: 144px;
}