@charset "utf-8";

#notify-banner-top{
    display: none;
}
.notify-banner {
    overflow: hidden;
    top: 0;
    width: 100vw;
    background: #eee;
    z-index: 99999;
    transition: .3s;
}
.notify-banner a{
    text-decoration: none;
}
.notify-banner-content > .row {
    display: flex;
    align-items: center;
}
.notify-banner-content .h4 {
    font-weight: 400;
    color: #212121;
}
.notify-banner-content .h4 strong {
    font-weight: 500;
}
.pacman-area {
    display: block;
    background-image: url(/sites/default/files/themes/smartcat/blocks/banner/dots.svg);
    background-position: left center;
    background-repeat: repeat-x;
    width: 100%;
    height: 3em;
    position: relative;
}
.pacman-head {
    z-index: 99999;
    position: relative;
}
.pacman-docs {
    overflow: hidden;
    z-index: 99998;
    position: absolute;
    white-space: nowrap;
}
.notify-banner:hover .pacman-docs .file-icon {
    -moz-animation: eat 8s linear 0s infinite;
    -webkit-animation: eat 8s linear 0s infinite;
    animation: eat 8s linear 0s infinite;
}
.close-bnr {
    position: absolute;
    right: 15px;
    top: 0;
    width: 16px;
    height: 16px;
    opacity: 0.3;
}
.close-bnr:hover {
    opacity: 1;
}
.close-bnr:before, .close-bnr:after {
    position: absolute;
    left: 7px;
    content: ' ';
    height: 17px;
    width: 2px;
    background-color: #333;
}
.close-bnr:before {
    transform: rotate(45deg);
}
.close-bnr:after {
    transform: rotate(-45deg);
}
.pull-left.pacman-docs {
    background-repeat: repeat-x;
    /*background-size: contain;*/
    background-image: url("/sites/default/files/themes/smartcat/blocks/banner/docs.png");
}
@media only screen and (min-width:320px) {
    .padding-r-xs-0 {
        padding-right: 0;
    }
    .padding-l-xs-0 {
        padding-left: 0;
    }
    .padding-r-xs-10 {
        padding-right: 10px;
    }
    .notify-banner {
        padding-top: 8px;
    }
    .notify-banner-content .h4 {
        font-size: 14px;
    }
    .domain-ru-smartcat-ai .notify-banner-content .h4 {
        font-size: 12px;
    }
    .pacman-docs {
        margin-top: 11px;
        margin-left: -16px;
        right: 10px;
        letter-spacing: 2.1em;
    }
    .pull-left.pacman-docs {
        margin-left: 37px;
        background-size: cover;
        width: 40%;
        height: 60px;
        top: -18px;
        right: auto;
    }
    .pacman-area {
        padding-left: 10px;
        margin-top: -8px;
        width: 90%;
    }
    .pacman {
        margin-top: 2px;
        width: 0px;
        height: 0px;
        border-right: 19px solid transparent;
        border-top: 19px solid #7e64bd;
        border-left: 19px solid #7e64bd;
        border-bottom: 19px solid #7e64bd;
        border-top-left-radius: 19px;
        border-top-right-radius: 19px;
        border-bottom-left-radius: 19px;
        border-bottom-right-radius: 19px;
    }
    .pacman-area .pacman-top {
        background-color: #7e64bd;
        height: 19px;
        width: 38px;
        border-radius: 19px 19px 0 0;
    }
    .pacman-area .pacman-bottom {
        background-color: #7e64bd;
        height: 19px;
        width: 38px;
        border-radius: 0 0 19px 19px;
    }
}
@media only screen and (min-width:640px) {
    .padding-r-xs-10 {
        padding-right: 15px;
    }
    .notify-banner-content .min-h-64.on-640 {
        min-height: 64px;
        display: flex;
    }
    .notify-banner-content .h4 {
        font-size: 18px;
    }
    .domain-ru-smartcat-ai .notify-banner-content .h4 {
        font-size: 18px;
    }
    .pacman-area {
        padding-left: 25px;
        width: 100%;
    }
    .pacman-head {
        margin-top: -5px;
    }
    .pacman-docs {
        margin-top: 6px;
        left: 45px;
        letter-spacing: 1.2em;
        margin-right: 2em;
        padding-left: 5em;
    }
    .pull-left.pacman-docs {
        height: 80px;
        width: auto;
        top: -22px;
    }
    .pacman {
        margin-top: -5px;
        width: 0px;
        height: 0px;
        border-right: 26px solid transparent;
        border-top: 26px solid #7e64bd;
        border-left: 26px solid #7e64bd;
        border-bottom: 26px solid #7e64bd;
        border-top-left-radius: 26px;
        border-top-right-radius: 26px;
        border-bottom-left-radius: 26px;
        border-bottom-right-radius: 26px;
    }
    .pacman-area .pacman-top {
        background-color: #7e64bd;
        height: 26px;
        width: 52px;
        border-radius: 26px 26px 0 0;
        transform: rotate(-35deg);
    }
    .pacman-area .pacman-bottom {
        background-color: #7e64bd;
        height: 26px;
        width: 52px;
        border-radius: 0 0 26px 26px;
        transform: rotate(35deg);
    }
}
@media only screen and (min-width:768px) {
    .pull-left.pacman-docs {
        width: 70%;
    }
}
@media only screen and (min-width:991px) {
    .padding-r-xs-0 {
        padding-right: 15;
    }
    .padding-r-md-0 {
        padding-right: 0;
    }
    .notify-banner {
        padding-top: 0;
        padding-bottom: 0;
    }
    .notify-banner-content {
        padding: 15px 0 10px 0;
    }
    .pacmania {
        margin-top: -8px;
        margin-right: 15px;
        overflow: hidden;
    }
    .pacman-area {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .pull-left.pacman-docs {
        margin-left: -10px;
        width: 30vw;
        background-size: contain;
    }
    .notify-banner:hover .pull-left.pacman-docs {
        animation: run 16s linear infinite;
    }
    @keyframes run {
        from{
            background-position-x:804px; /** 3 ширины изображения при высоте 80px (268px) **/
        }
        to{
            background-position-x:0;
        }
    }
    .pacman-docs {
        margin-top: 6px;
        letter-spacing: 1.4em;
    }
    .notify-banner:hover .pacman-top {
        animation: spin1 0.5s infinite linear;
    }
    .notify-banner:hover .pacman-bottom {
        animation: spin2 0.5s infinite linear;
    }
    @keyframes spin1 {
        0% {
            transform: rotate(-35deg);
        }
        50% {
            transform: rotate(0deg);
        }
    }
    @keyframes spin2 {
        0% {
            transform: rotate(35deg);
        }
        50% {
            transform: rotate(0deg);
        }
    }
    @-moz-keyframes spin1 {
        0% {
            transform: rotate(-35deg);
        }
        50% {
            transform: rotate(0deg);
        }
    }
    @-moz-keyframes spin2 {
        0% {
            transform: rotate(35deg);
        }
        50% {
            transform: rotate(0deg);
        }
    }
    @-webkit-keyframes spin1 {
        0% {
            transform: rotate(-35deg);
        }
        50% {
            transform: rotate(0deg);
        }
    }
    @-webkit-keyframes spin2 {
        0% {
            transform: rotate(35deg);
        }
        50% {
            transform: rotate(0deg);
        }
    }
    @keyframes eat {
        from {
            left: 0;
        }
        to {
            /* left: auto; */
            left: -100%;
        }
    }
    @-moz-keyframes eat {
        from {
            left: 0;
        }
        to {
            /* left: auto; */
            left: -100%;
        }
    }
    @-webkit-keyframes eat {
        from {
            left: 0;
        }
        to {
            /* left: auto; */
            left: -100%;
        }
    }
}
@media only screen and (min-width:1366px) {
    .pacman-docs{
        letter-spacing: 2em;
    }
}
@media (max-width: 991px) {
    .android-banner-fix .navbar-main-menu #slidemenu{
        height: calc(100vh - 70px);
    }
}
/*! fileicon.css v0.1.1 | MIT License | github.com/picturepan2/fileicon.css */
/* fileicon.basic */
.file-icon {
    font-family: Arial, Tahoma, sans-serif;
    font-weight: 300;
    display: inline-block;
    width: 24px;
    height: 32px;
    background: #018fef;
    position: relative;
    border-radius: 2px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}
.file-icon::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom-left-radius: 2px;
    border-width: 5px;
    border-style: solid;
    border-color: #eee #eee rgba(255, 255, 255, .35) rgba(255, 255, 255, .35);
}
.file-icon::after {
    display: block;
    content: '=';
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 34px;
    opacity: 0.6;
    line-height: 20px;
    color: #fff;
    text-transform: lowercase;
    width: 100%;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
}
/* fileicons */
.file-icon-xs {
    width: 15px;
    height: 20px;
    border-radius: 2px;
}
.file-icon-xs::before {
    border-bottom-left-radius: 1px;
    border-width: 3px;
}
.file-icon-xs::after {
    content: "";
    border-bottom: 2px solid rgba(255, 255, 255, .45);
    width: auto;
    left: 2px;
    right: 2px;
    bottom: 3px;
}
.file-icon-sm {
    width: 21px;
    height: 29px;
    border-radius: 2px;
}
.file-icon-sm::before {
    border-bottom-left-radius: 2px;
    border-width: 4px;
}
.file-icon-sm::after {
    font-size: 29px;
    padding: 2px;
    line-height: 17px;
}
.file-icon-lg {
    width: 48px;
    height: 64px;
    border-radius: 3px;
}
.file-icon-lg::before {
    border-bottom-left-radius: 2px;
    border-width: 8px;
}
.file-icon-lg::after {
    font-size: 60px;
    padding: 4px 6px;
    line-height: 35px;
}
.file-icon-xl {
    width: 96px;
    height: 128px;
    border-radius: 4px;
}
.file-icon-xl::before {
    border-bottom-left-radius: 4px;
    border-width: 16px;
}
.file-icon-xl::after {
    font-size: 130px;
    padding: 4px 10px;
    line-height: 70px;
}
/* fileicon.types */
.file-icon[data-type=zip], .file-icon[data-type=rar] {
    background: #acacac;
}
.file-icon[data-type^=doc] {
    background: #307cf1;
}
.file-icon[data-type^=xls] {
    background: #0f9d58;
}
.file-icon[data-type^=ppt] {
    background: #d24726;
}
.file-icon[data-type=pdf] {
    background: #e13d34;
}
.file-icon[data-type=txt] {
    background: #5eb533;
}
.file-icon[data-type=mp3], .file-icon[data-type=wma], .file-icon[data-type=m4a], .file-icon[data-type=flac] {
    background: #8e44ad;
}
.file-icon[data-type=mp4], .file-icon[data-type=wmv], .file-icon[data-type=mov], .file-icon[data-type=avi], .file-icon[data-type=mkv] {
    background: #7a3ce7;
}
.file-icon[data-type=bmp], .file-icon[data-type=jpg], .file-icon[data-type=jpeg], .file-icon[data-type=gif], .file-icon[data-type=png] {
    background: #f4b400;
}