/**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;
    width: 20px;
    height: 20px;
    font-style: normal;
}

.icon.clock{
    background-image: url('../images/main/i/clock.svg');
    width: 18px;
    height: 18px;
}

.icon.case_arrow{
    background-image: url('../images/main/i/case_arrow.svg');
    width: 24px;
    height: 24px;
}

.icon.copy{
    background-image: url('../images/main/i/copy.svg');
    width: 24px;
    height: 20px;
}

.icon.mail{
    background-image: url('../images/main/i/mail.svg');
    width: 24px;
    height: 20px;
}

.icon.link{
    background-image: url('../images/main/i/link.svg');
    width: 24px;
    height: 20px;
}

.icon.qr{
    background-image: url('../images/main/i/qr.svg');
    width: 24px;
    height: 20px;
}

.icon.copy.white{
    background-image: url('../images/main/i/white/copy.svg');
}

.icon.mail.white{
    background-image: url('../images/main/i/white/mail.svg');
}

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

.icon.qr.white{
    background-image: url('../images/main/i/white/qr.svg');
}



.icon.close_menu{
    background-image: url('../images/main/i/menu-close.svg');
    width: 40px;
    height: 40px;
}

.icon.practice-arrow-left{
    background-image: url('../images/main/i/blue/practice-arrow-left.svg');
    width: 60px;
    height: 24px;
}

.icon.practice-arrow-right{
    background-image: url('../images/main/i/blue/practice-arrow-right.svg');
    width: 60px;
    height: 24px;
}

.icon.practice-arrow-top{
    background-image: url('../images/main/i/blue/practice-arrow-top.svg');
    width: 24px;
    height: 60px;
}

.icon.back-to-top-arrow{
    background-image: url('../images/main/i/arrow.svg');
    width: 80px;
    height: 80px;
}

.bc-dark-blue .icon.practice-arrow-left{
    background-image: url('../images/main/i/white/practice-arrow-left.svg');
}

.bc-dark-blue  .icon.practice-arrow-right{
    background-image: url('../images/main/i/white/practice-arrow-right.svg');
}



.icon.note-arrow-right{
    background-image: url('../images/main/i/note-arrow-right.svg');
    width: 237px;
    height: 184px;
}

.icon.note-arrow-left{
    background-image: url('../images/main/i/note-arrow-left.svg');
    width: 237px;
    height: 184px;
}


@media handheld, only screen and (max-width: 1270px) {
    .icon.practice-arrow-left{
        width: 47px;
    }

    .icon.practice-arrow-right{
        width: 47px;
    }
}





@media handheld, only screen and (max-width: 850px) {
    .icon.note-arrow-right, .icon.note-arrow-left{
        background-image: url('../images/main/i/note-arrow-right-mobile.svg');
        width: 56px;
        height: 44px;
    }

    .icon.practice-arrow-left{
        background-image: url('../images/main/i/blue/practice-arrow-top.svg');
        width: 24px;
        height: 60px;
    }

    .icon.practice-arrow-right{
        background-image: url('../images/main/i/blue/practice-arrow-down.svg');
        width: 24px;
        height: 60px;
    }

    .bc-dark-blue .icon.practice-arrow-left{
        background-image: url('../images/main/i/white/practice-arrow-top.svg');
    }

    .bc-dark-blue .icon.practice-arrow-right{
        background-image: url('../images/main/i/white/practice-arrow-down.svg');
    }
}