/**icons**/
.icon {
    display: inline-block;
    position: relative;
    background: no-repeat center center transparent;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-size: contain;
}

.icon.burger {
    background-image: url("../images/main/i/burger.svg");
    width: 100px;
    height: 21px;
    min-width: 100px;
}

.icon.search {
    background-image: url("../images/main/i/search.svg");
    width: 25px;
    height: 25px;
    min-width: 25px;
}

.icon.downWitheButton {
    border-radius: 30px;
    background: #08388B url("../images/main/i/downWhite.svg") no-repeat center;
    background-size: 16px auto;
    width: 42px;
    height: 42px;
    min-width: 42px;
}


.icon.goto {
    background-image: url("../images/main/i/goto.svg");
    width: 20px;
    height: 20px;
    min-width: 20px;
}

.icon.goto.white {
    background-image: url("../images/main/i/goto_white.svg");
    width: 20px;
    height: 20px;
    min-width: 20px;
}

.icon.print {
    background-image: url("../images/main/i/print.svg");
    width: 20px;
    height: 20px;
    min-width: 20px;
    cursor: pointer;
}

.icon.rightBlue {
    background-image: url("../images/main/i/rightBlue.svg");
    width: 26px;
    height: 26px;
    min-width: 26px;
}

.icon.rightBig {
    background-image: url("../images/main/i/rightBig.svg");
    width: 100px;
    height: 25px;
    min-width: 100px;
}

.icon.leftBig {
    background-image: url("../images/main/i/rightBig.svg");
    width: 100px;
    height: 25px;
    min-width: 100px;
    transform: rotate(180deg);
}

.icon.rightBig.white {
    background-image: url("../images/main/i/rightBigWhite.svg");
}

.icon.phone {
    background-image: url("../images/main/i/phone.svg");
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.icon.arrow {
    background-image: url("../images/main/i/arrow.svg");
    width: 26px;
    height: 20px;
    min-width: 26px;
}

.icon.toggleArrow{
    background-image: url("../images/main/i/arrow3.svg");
    width: 60px;
    height: 60px;
    min-width: 60px;
    background-size: 20px auto;
    background-color: #ffffff;
}

.icon.youtube {
    background-image: url("../images/main/i/youtube.svg");
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.icon.address {
    background-image: url("../images/main/i/address.svg");
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.icon.mail {
    background-image: url("../images/main/i/mail.svg");
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.icon.close {
    background-image: url("../images/main/i/close.svg");
    background-size: 22px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    cursor: pointer;
}

.icon.social {
    width: 30px;
    height: 30px;
    min-width: 30px;
    cursor: pointer;
}

.icon.social.vk {
    background-image: url("../images/main/i/social/vk.svg");
}

.icon.social.ok {
    background-image: url("../images/main/i/social/ok.svg");
}

.icon.social.tg {
    background-image: url("../images/main/i/social/tg.svg");
}

.icon.social.link {
    background-image: url("../images/main/i/social/link.svg");
}

.icon.like {
    background-image: url("../images/main/i/like.svg");
    width: 20px;
    height: 20px;
    min-width: 20px;
}

.icon.view {
    background-image: url("../images/main/i/view.svg");
    width: 20px;
    height: 20px;
    min-width: 20px;
}

@media handheld, only screen and (max-width: 1050px) {

}

@media handheld, only screen and (max-width: 950px) {

}

@media handheld, only screen and (max-width: 850px) {

}

@media handheld, only screen and (max-width: 750px) {

}

@media handheld, only screen and (max-width: 540px) {

}