body.is-canvi-ready{
    overflow-x:hidden
}
body.is-canvi-ready .canvi-navbar{
    display:block;
    visibility:visible
}
.canvi-navbar,.canvi-overlay{
    top:0;
    bottom:0;
    visibility:hidden
}
.canvi-navbar{
    position:fixed;
    height:100%;
    background:rgba(255,255,255,0.88);
    box-shadow: 0 0 15px rgba(0,0,0,0.55);
    width:400px;
    display:none;
    transition:-webkit-transform .3s cubic-bezier(.42,0,.58,1);
    transition:transform .3s cubic-bezier(.42,0,.58,1);
    transition:transform .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);
    will-change:transform;
    -webkit-overflow-scrolling:touch;
    overflow:auto
}
.canvi-content,.canvi-navbar.is-canvi-open{
    transition:-webkit-transform .3s cubic-bezier(.42,0,.58,1)
}
.canvi-navbar::-webkit-scrollbar{
    width:0
}
.canvi-navbar::-webkit-scrollbar-track{
    background:#efefef
}
.canvi-navbar::-webkit-scrollbar-thumb{
    background:#ddd;
    border-radius:2px
}
.canvi-navbar.is-canvi-open{
    transition:transform .3s cubic-bezier(.42,0,.58,1);
    transition:transform .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);
    will-change:transform
}
.canvi-navbar[data-position=right]{
    right:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.canvi-navbar[data-position=right].is-canvi-open,.canvi-navbar[data-position=right][data-push-content=true]{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.canvi-navbar[data-position=left]{
    left:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.canvi-navbar[data-position=left].is-canvi-open,.canvi-navbar[data-position=left][data-push-content=true]{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.canvi-navbar[data-push-content=false]{
    z-index:10
}
.canvi-navbar[data-push-content=true]{
    z-index:1
}
.canvi-content{
    position:relative;
    z-index:5;
    transition:transform .3s cubic-bezier(.42,0,.58,1);
    transition:transform .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);
    overflow:hidden;
}
.canvi-content.is-canvi-open{
    transition:-webkit-transform .3s cubic-bezier(.42,0,.58,1);
    transition:transform .3s cubic-bezier(.42,0,.58,1);
    transition:transform .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1)
}
.canvi-overlay{
    position:absolute;
    right:0;
    left:0;
    background:rgba(0,0,0,.4);
    opacity:0;
    z-index:1031
}
.canvi-content.is-canvi-open .canvi-overlay{
    visibility:visible;
    -webkit-animation-name:canvi-animate-in;
    animation-name:canvi-animate-in;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);
    animation-timing-function:cubic-bezier(.42,0,.58,1);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.canvi-content.is-canvi-open .canvi-overlay.canvi-animate-out{
    -webkit-animation-name:canvi-animate-out;
    animation-name:canvi-animate-out;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-timing-function:cubic-bezier(.42,0,.58,1);
    animation-timing-function:cubic-bezier(.42,0,.58,1);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.canvi-user-info{
    padding:25px 30px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    justify-cnt:left;
    background:#333739;
    margin-bottom:20px;
    position:relative
}
.canvi-user-info img{
    max-width:100%;
    height:auto
}
.canvi-user-info__image{
    margin-right:20px;
    width:50px;
    height:50px;
    border-radius:50%;
    overflow:hidden;
	background-color: #fff;
}
.canvi-user-info__data{
    width:calc(100% - 70px)
}
.canvi-user-info__title{
    font-weight:700;
    color:#fff;
    font-size:18px;
    margin:0 0 3px;
    line-height:1.3em;
    display:block
}
.canvi-user-info__meta{
    display:inline-block;
    color:rgba(255,255,255,.7);
    text-decoration:none;
    font-size:14px;
    t:.canvi-user-info__meta
}
.canvi-user-info__meta :hover,.canvi-user-info__meta:active,.canvi-user-info__meta:focus{
    color:rgba(255,255,255,.9)
}
.canvi-user-info__close{
    position:absolute;
    top:calc(50% - 20px);
    right:30px;
    background:rgba(0,0,0,.2);
    width:40px;
    height:40px;
    border-radius:2px;
    transition:.3s;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.canvi-user-info__close:hover{
    background:rgba(0,0,0,.6)
}
.canvi-user-info__close::after,.canvi-user-info__close::before{
    content:'';
    width:20px;
    height:3px;
    background:#fff;
    position:absolute;
    top:18px
}
.canvi-user-info__close::before{
    left:10px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.canvi-user-info__close::after{
    right:10px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.canvi-navigation{
    margin:0;
    padding:0
}
.canvi-navigation li{
    list-style:none
}
.canvi-navigation li:hover{background: rgba(0,0,0,0.07);}
.canvi-navigation li:not(:last-child){
    border-bottom:1px solid rgba(0,0,0,.03)
}
.canvi-navigation__item{
    padding:14px 30px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    opacity:.7;
    text-decoration:none
}
.canvi-navigation__item.is-active,.canvi-navigation__item:hover{
    opacity:1
}
.canvi-navigation__item:hover {text-decoration: none;}
.canvi-navigation ul .canvi-navigation__item {padding:8px 12px;}
.canvi-navigation ul .canvi-navigation__item:hover {background: rgba(0,0,0,0.01);}

.canvi-navigation__icon-wrapper{
    margin-right:20px;
    width:30px;
    height:30px;
    border-radius:3px;
    background:#aaa;
    color:#fff;
    text-align:center;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center
}
.canvi-navigation__icon{
    font-size:17px;
    line-height:1em
}
.canvi-navigation__text{
    font-weight:600;
    color:#000;
    font-size:16px;
    margin:0;
    line-height:1.3em;
    display:block;
    text-transform:uppercase
}
.canvi-navigation__phone{font-size:24px; color:#d42424}
.canvi-navigation__email{font-size:20px; color:#389ebc}
.canvi-header{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    color: #333;
    padding: 55px 0 25px 0;
}
.canvi-header i {margin: 0 10px;}
.canvi-header a {color: #333; font-size: 22px; text-transform: uppercase;}
.canvi-header a:hover {color:#d82704; text-decoration: none;}
.canvi-header i {font-size: 28px; }
.canvi-header__image{
    margin:30px;
    max-width:100px;
    height:auto
}
@-webkit-keyframes canvi-animate-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes canvi-animate-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes canvi-animate-out{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes canvi-animate-out{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}