body .header.video__fullscreen + .phone-wrapper {
    display: none;
}

body .phone-wrapper {
    position: fixed;
    bottom: 2%;
    right: 1%;
    z-index: 999;
    display: none;
}

body .phone-wrapper.active {
    display: block;
}

body .phone-wrapper .title {
    color: #cb1d28;
    font-size: 16px;
    margin-bottom: 7px;
    text-transform: capitalize;
    font-weight: 500;
    text-align: center;
}

body .phone-wrapper .phone {
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 35px;
    transition: background .35s ease-out;
    background: transparent;
}

body .phone-wrapper .phone.active {
    background: rgb(199, 28, 36);
    background: -moz-linear-gradient(90deg, rgba(199, 28, 36, 1) 0%, rgba(153, 14, 24, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(199, 28, 36, 1) 0%, rgba(153, 14, 24, 1) 100%);
    background: linear-gradient(90deg, rgba(199, 28, 36, 1) 0%, rgba(153, 14, 24, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c71c24", endColorstr="#990e18", GradientType=1);
}

body .phone-wrapper .phone.active .phone__num {
    opacity: 1;
    visibility: visible;
    transition: .35s ease-out;
}

body .phone-wrapper .phone .phone__num {
    padding-right: 10px;
    padding-left: 15px;
    font-weight: 700;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    transition: .25s ease-in;
}

body .phone-wrapper .phone.active .phone__icon {
    margin-left: 0;
    transition: .2s ease-in;
}

body .phone-wrapper .phone .phone__icon {
    background: linear-gradient(3deg, rgba(148, 30, 44, 1) 0%, rgba(220, 28, 38, 1) 100%);
    max-width: 45px;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
    margin-left: -100px;
    transition: .3s ease-in;
}