footer ul,nav .nav ul{list-style:none}.tabs li .active,.tabs li a,button.btn.blue,nav li.nav-item a{text-transform:uppercase}.info .rating .right,.info .share,.info .watching span,.tabs li .active,.tabs li a,footer ul li,nav form .searchMenu li .right .title,nav form a{font-weight:700}*{outline:0!important;text-decoration:none!important}button.btn{background:#841729;color:#fff;border:1px solid #590f1c;box-shadow:0 3px 0 0 #1a001a}button.btn i{margin-right:1em}button.btn:hover{background:#6e1322;border:1px solid #500e19;box-shadow:0 3px 0 0 #100010}button.btn.blue{background:#555998;border:0;border-radius:0;box-shadow:none}button.btn.blue:hover{background:#4c4f88}nav{border-bottom:5px solid #841729;background:#323230}nav .nav #filmListBtn.show,nav .nav ul li,nav li.nav-item:hover{background:#000}nav .nav{position:relative}nav .nav ul.show{display:block}nav .nav ul{display:none;position:absolute;right:0;top:50px;z-index:4}nav .nav ul li{margin-bottom:.5em}nav button.navbar-toggler{border:1px solid #4c4c49}nav button.navbar-toggler span i{color:#80807b;font-size:30px}nav li.nav-item{padding-left:20px;padding-right:20px;position:relative;transition:.2s}nav li.nav-item:before{content:"";position:absolute;color:#fff;left:0;top:0;bottom:0;margin:auto;display:block;height:15px;width:1px;background:#000}nav li.nav-item a{color:#fff!important}nav form{position:relative}nav form i{position:absolute;right:20px;color:#b2b2af}nav form input.form-control{color:#fff!important;box-shadow:none!important;background:0 0!important;border:0;position:relative!important;width:100%!important}nav form .searchMenu{/*display:none;*/position:absolute;right:0;top:calc(100% + 17px);width:250px;background:#323230;z-index:4;list-style:none;padding:0;border:1px solid #666662;box-shadow:#000;box-shadow:0 5px 5px 1px rgba(0,0,0,.5)}nav form .searchMenu li{background:#323230;margin:2%;display:flex;border:1px solid #666662;padding:2%;cursor:pointer;transition:.3s}nav form .searchMenu li img{height:120px!important}nav form .searchMenu li .right{padding-left:1em;color:#fff}nav form .searchMenu li:hover{background:#666662}nav form .searchMenu li:hover .right{color:#000}nav form .searchMenu.show{display:block}@media (max-width:991px){nav input{padding:0!important}nav form,nav input{padding:.5rem 20px;position:relative;transition:.2s}nav form:before,nav input:before{content:"";position:absolute;color:#fff;left:0;top:0;bottom:0;margin:auto;display:block;height:15px;width:1px;background:#000}nav form:hover,nav input:hover{background:#000}nav form a,nav input a{text-transform:uppercase;color:#fff!important}}@media (min-width:991px){nav form a{margin-left:30px;margin-right:10px;color:#fff!important}nav form:before{content:"";width:1px;height:60px;display:block;background:#4c4c49;position:absolute;left:0}}.homeFilmList{background:#fff;padding-bottom:5em}.homeFilmList .el{cursor:pointer;margin-top:1em;margin-bottom:1em;position:relative}.homeFilmList .el .decor .top{left:0;right:0;margin:auto;top:-1em}.homeFilmList .el .decor .right{right:-1em;top:-1em}.homeFilmList .el .decor .left{left:-1em;top:-1em}.homeFilmList .el .decor .leftC{margin:auto;top:0;bottom:0;left:-1em}.homeFilmList .el .decor .rightC{margin:auto;top:0;bottom:0;right:-1em}.homeFilmList .el .decor .bottom{left:0;right:0;margin:auto;top:calc(100% - 1em);width:2.5em!important}.homeFilmList .el .decor .minL1,.homeFilmList .el .decor .minL2,.homeFilmList .el .decor .minL3,.homeFilmList .el .decor .minL4,.homeFilmList .el .decor .minR1,.homeFilmList .el .decor .minR2,.homeFilmList .el .decor .minR3,.homeFilmList .el .decor .minR4{left:2%;width:1em!important;height:1em!important;margin:auto;top:calc(100% - .8em);background:#fff!important}.homeFilmList .el .decor .minR1{left:61%}.homeFilmList .el .decor .minR2{left:71%}.homeFilmList .el .decor .minR3{left:81%}.homeFilmList .el .decor .minR4{left:91%}.homeFilmList .el .decor .minL2{left:12%}.homeFilmList .el .decor .minL3{left:22%}.homeFilmList .el .decor .minL4{left:32%}.homeFilmList .el .decor .bottom,.homeFilmList .el .decor .left,.homeFilmList .el .decor .leftC,.homeFilmList .el .decor .minL1,.homeFilmList .el .decor .minL2,.homeFilmList .el .decor .minL3,.homeFilmList .el .decor .minL4,.homeFilmList .el .decor .minR1,.homeFilmList .el .decor .minR2,.homeFilmList .el .decor .minR3,.homeFilmList .el .decor .minR4,.homeFilmList .el .decor .right,.homeFilmList .el .decor .rightC,.homeFilmList .el .decor .top{width:2em;height:2em;background:#fff;border-radius:50%;position:absolute;z-index:3}.homeFilmList .el .info{padding-top:35px;position:absolute;top:calc(100% - 150px);left:0;height:145px;overflow:hidden;background:linear-gradient(rgba(255,0,0,0),#323230 30%);width:100%;padding-left:5%}.homeFilmList .el .info .title{font-weight:700;margin-top:30px;color:#fff}.homeFilmList .el .info .text{font-size:.8em;color:#999995}.homeFilmList .el img{padding-bottom:25px;max-width:calc(100% - 2px);min-width:calc(100% - 2px)}footer{background-size:cover!important;background:#fff;padding-top:2em;padding-bottom:1em}footer ul li{color:#fff}

/*.film .player{padding:0}
.film .player img{height:100%;width:100%}
.film .player img{height:100%;width:100%}*/
.film .mind{padding:2em;display:flex;align-items:center;justify-content:center;flex-direction:column}
.film .mind .title{font-size:1.5em;color:#fff}.film .mind .time{font-size:1em;color:#fff;text-decoration:underline!important}
.film .mind button{margin-top:2em}

.film .tabs{padding:0}.tabs{background:#fff}.tabs li a{border:0!important;border-radius:0!important;color:#323230}.tabs li .active{background:0 0!important;color:#555998!important;font-size:1em;display:inline-flex!important;position:relative}.tabs .nav-tabs{border:none}.comment .add .title,.description .title{text-transform:uppercase;border-bottom:2px solid #555998}.tabs .tab-pane{display:none}.tabs .show.tab-pane{overflow-x:auto!important;display:flex;flex-direction:row}.tabs .show.tab-pane .filmLink{cursor:pointer;min-width:100px;max-width:100px;margin:0 .5em 0 1em}.tabs .show.tab-pane .filmLink .title{color:#7174af}.tabs .show.tab-pane .filmLink img{width:100%}.info{padding-top:1em;padding-bottom:1em;background:#fff}.info .rating{display:flex}.info .rating .left .star i{color:#666662;cursor:pointer}.info .rating .left .star .selected{color:#ffaf00}.info .rating .left .views{color:#666662;font-size:.8em}.info .rating .left .views .redText{color:red}.info .rating .right{margin-left:1em;background:#ffaf00;border-radius:50%;min-height:50px;max-height:50px;min-width:50px;max-width:50px;padding:13px;color:#fff}.info .watching{color:#666662;font-size:.8em;display:flex;flex-direction:row;justify-content:center;align-items:center}.info .watching .redText{color:red}.info .watching span{padding-left:5px;padding-top:1em;font-size:1.5em;color:#ffaf00}.info .share{text-transform:uppercase}.info .share i{cursor:pointer;font-weight:lighter;padding:5px;color:#666662;font-size:.8em}.info .share i:nth-child(2){margin-left:1em}@media (max-width:769px){.info{padding-bottom:0}.info>div{text-align:left!important}.info .watching{justify-content:left}}.description{background:#fff;padding-bottom:1em}.description hr{background:#e4e4e3}.description .title{color:#555998!important;font-weight:700;font-size:1.5em;display:inline-flex!important;position:relative}.description .title:after,.description .title:before{position:absolute;top:100%;content:'';display:block;height:2px;border-left:5px solid #fff}.description .title:after{right:0;background:#d3d4e6;width:20px}.description .title:before{right:20px;background:#9194c2;width:30px}.description .text{color:#666662;font-size:.8em}.description .text .redText{color:red}.comment{background:#fff;padding-bottom:1em}.comment .add .title{color:#555998!important;font-weight:700;font-size:1.5em;display:inline-flex!important;position:relative}.comment .add .title:after,.comment .add .title:before{position:absolute;top:100%;content:'';display:block;height:2px;border-left:5px solid #fff}.comment .add .title:after{right:0;background:#d3d4e6;width:20px}.comment .add .title:before{right:20px;background:#9194c2;width:30px}.comment .add .text{color:#666662;font-size:.8em}.comment .add .text .redText{color:red}.comment .add textarea{width:100%;height:150px}.comment .list{padding-top:1em}.comment .list .el{display:inline-flex;margin-bottom:1em}.comment .list .el img{height:100px;width:100px;border-radius:50%;margin-right:2em}.comment .list .el .right{background:#e4e4e3;padding:1em}.comment .list .el .right .name{font-weight:700;color:#666662}.comment .list .el .right .date{color:#666662;font-size:.8em;margin-bottom:1em}.comment .list .el .right .date .redText{color:red}.comment .list .el .right .text{color:#666662;font-size:.8em}.comment .list .el .right .text .redText{color:red}body{min-width:100%;background:no-repeat #000;background-size:contain!important}
/*::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#e1e1e1;border:0 #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#fff}::-webkit-scrollbar-thumb:active{background:#000}::-webkit-scrollbar-track{background:#666;border:0 #fff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#666}::-webkit-scrollbar-track:active{background:#333}::-webkit-scrollbar-corner{background:0 0}*/



/*****/
.el img {
    width:100px;
    height:100px;
}
.videoBlock .pausSreen {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    display: none;
    background-image: url(../img/p.jpg);
    background-position: center;
    background-size: cover;
}

.poster {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
}

/*.poster img {
    position: absolute;
    width: 150px;
    height: 150px;
     left: calc(50% - 75px);
    top: calc(50% - 75px); 
    padding-left: 50%;
    margin-left: -75px;
    padding-top: 30%;
    margin-top: -75px;
    /*left: 40%;
    top: 40%;
}*/
.poster img {
    cursor:pointer;
    position: absolute;
    width: 150px;
    height: 150px;
    left: calc(50% - 75px);
    top: calc(50% - 75px);
}

.videoBlock .preloader {
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
}

.videoBlock .preloader img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.pausSreenShow {
    display: none;
}

.poster .inf-hover-video {
    z-index: 2;
}

@media (max-width: 960px) {
    .recommendation-blok {
        display: block;
        width: 100%;
    }
    .video .video-link-block .video-link {
        padding: 10px 0;
    }
    .stars-block-full, .stars-info-block {
        display: none !important;
    }
}

@media (max-width: 400px) {
    .video .video-info-block {
        min-height: 80px;
    }
}




/*
footer ul, nav.nav ul {
    list - style: none
}.tabs li.active, .tabs li a, button.btn.blue, nav li.nav - item a {
    text - transform: uppercase
}.info.rating.right, .info.share, .info.watching span, .tabs li.active, .tabs li a, footer ul li, nav form.searchMenu li.right.title, nav form a {
    font - weight: 700
}*{
    outline: 0!important;text - decoration: none!important
}
button.btn {
    background: #841729;color:# fff;border: 1 px solid #590f1c;box-shadow:0 3px 0 0 # 1 a001a
}
button.btn i {
    margin - right: 1 em
}
button.btn: hover {
    background: #6e1322;border:1px solid # 500e19;box - shadow: 0 3 px 0 0 #100010}button.btn.blue{background:# 555998;border: 0;border - radius: 0;box - shadow: none
}
button.btn.blue: hover {
        background: #4c4f88}nav{border-bottom:5px solid # 841729;background: #323230}nav .nav # filmListBtn.show,
        nav.nav ul li,
        nav li.nav - item: hover {
            background: #000}nav .nav{position:relative}nav .nav ul.show{display:block}nav .nav ul{display:none;position:absolute;right:0;top:50px;z-index:4}nav .nav ul li{margin-bottom:.5em}nav button.navbar-toggler{border:1px solid # 4 c4c49
        }
        nav button.navbar - toggler span i {
            color: #80807b;font-size:30px}nav li.nav-item{padding-left:20px;padding-right:20px;position:relative;transition:.2s}nav li.nav-item:before{content:"";position:absolute;color:# fff;left: 0;top: 0;bottom: 0;margin: auto;display: block;height: 15 px;width: 1 px;background: #000}nav li.nav-item a{color:# fff!important
        }
        nav form {
            position: relative
        }
        nav form i {
            position: absolute;right: 20 px;color: #b2b2af
        }
        nav form input.form - control {
            color: #fff!important;box - shadow: none!important;background: 0 0!important;border: 0;position: relative!important;width: 100 % !important
        }
        nav form.searchMenu { 
            /*display:none;*/
            /*position: absolute;right: 0;top: calc(100 % +17 px);width: 250 px;background: #323230;z-index:4;list-style:none;padding:0;border:1px solid # 666662;box - shadow: #000;box-shadow:0 5px 5px 1px rgba(0,0,0,.5)}nav form .searchMenu li{background:# 323230;margin: 2 % ;display: flex;border: 1 px solid #666662;padding:2%;cursor:pointer;transition:.3s}nav form .searchMenu li img{height:120px!important}nav form .searchMenu li .right{padding-left:1em;color:# fff
        }
        nav form.searchMenu li: hover {
            background: #666662}nav form .searchMenu li:hover .right{color:# 000
        }
        nav form.searchMenu.show {
            display: block
        }
        @media(max - width: 991 px) {
            nav input {
                padding: 0!important
            }
            nav form, nav input {
                padding: .5 rem 20 px;position: relative;transition: .2 s
            }
            nav form: before, nav input: before {
                content: "";position: absolute;color: #fff;left: 0;top: 0;bottom: 0;margin: auto;display: block;height: 15 px;width: 1 px;background: #000}nav form:hover,nav input:hover{background:# 000
            }
            nav form a, nav input a {
                text - transform: uppercase;
                color: #fff!important
            }
        }
        @media(min - width: 991 px) {
            nav form a {
                margin - left: 30 px;
                margin - right: 10 px;
                color: #fff!important
            }
            nav form: before {
                    content: "";width: 1 px;height: 60 px;display: block;background: #4c4c49;position:absolute;left:0}}.homeFilmList{background:# fff;padding - bottom: 5 em
                }.homeFilmList.el {
                    cursor: pointer;margin - top: 1 em;margin - bottom: 1 em;position: relative
                }.homeFilmList.el.decor.top {
                    left: 0;right: 0;margin: auto;top: -1 em
                }.homeFilmList.el.decor.right {
                    right: -1 em;top: -1 em
                }.homeFilmList.el.decor.left {
                    left: -1 em;top: -1 em
                }.homeFilmList.el.decor.leftC {
                    margin: auto;top: 0;bottom: 0;left: -1 em
                }.homeFilmList.el.decor.rightC {
                    margin: auto;top: 0;bottom: 0;right: -1 em
                }.homeFilmList.el.decor.bottom {
                    left: 0;right: 0;margin: auto;top: calc(100 % -1 em);width: 2.5 em!important
                }.homeFilmList.el.decor.minL1, .homeFilmList.el.decor.minL2, .homeFilmList.el.decor.minL3, .homeFilmList.el.decor.minL4, .homeFilmList.el.decor.minR1, .homeFilmList.el.decor.minR2, .homeFilmList.el.decor.minR3, .homeFilmList.el.decor.minR4 {
                    left: 2 % ;width: 1 em!important;height: 1 em!important;margin: auto;top: calc(100 % -.8 em);background: #fff!important
                }.homeFilmList.el.decor.minR1 {
                    left: 61 %
                }.homeFilmList.el.decor.minR2 {
                    left: 71 %
                }.homeFilmList.el.decor.minR3 {
                    left: 81 %
                }.homeFilmList.el.decor.minR4 {
                    left: 91 %
                }.homeFilmList.el.decor.minL2 {
                    left: 12 %
                }.homeFilmList.el.decor.minL3 {
                    left: 22 %
                }.homeFilmList.el.decor.minL4 {
                    left: 32 %
                }.homeFilmList.el.decor.bottom, .homeFilmList.el.decor.left, .homeFilmList.el.decor.leftC, .homeFilmList.el.decor.minL1, .homeFilmList.el.decor.minL2, .homeFilmList.el.decor.minL3, .homeFilmList.el.decor.minL4, .homeFilmList.el.decor.minR1, .homeFilmList.el.decor.minR2, .homeFilmList.el.decor.minR3, .homeFilmList.el.decor.minR4, .homeFilmList.el.decor.right, .homeFilmList.el.decor.rightC, .homeFilmList.el.decor.top {
                    width: 2 em;height: 2 em;background: #fff;border - radius: 50 % ;position: absolute;z - index: 3
                }.homeFilmList.el.info {
                    padding - top: 35 px;
                    position: absolute;
                    top: calc(100 % -150 px);
                    left: 0;
                    height: 145 px;
                    overflow: hidden;
                    background: linear - gradient(rgba(255, 0, 0, 0), #323230 30%);width:100%;padding-left:5%}.homeFilmList .el .info .title{font-weight:700;margin-top:30px;color:# fff
                    }.homeFilmList.el.info.text {
                        font - size: .8 em;
                        color: #999995}.homeFilmList .el img{padding-bottom:25px;max-width:calc(100% - 2px);min-width:calc(100% - 2px)}footer{background-size:cover!important;background:# fff;
                        padding - top: 2 em;
                        padding - bottom: 1 em
                    }
                    footer ul li {
                        color: #fff
                    }.film.player {
                        padding: 0
                    }.film.player img {
                        height: 100 % ;width: 100 %
                    }.film.mind {
                        padding: 2 em;display: flex;align - items: center;justify - content: center;flex - direction: column
                    }.film.mind.title {
                        font - size: 1.5 em;
                        color: #fff
                    }.film.mind.time {
                        font - size: 1 em;
                        color: #fff;
                        text - decoration: underline!important
                    }.film.mind button {
                        margin - top: 2 em
                    }.film.tabs {
                        padding: 0
                    }.tabs {
                        background: #fff
                    }.tabs li a {
                        border: 0!important;border - radius: 0!important;color: #323230}.tabs li .active{background:0 0!important;color:# 555998!important;font - size: 1 em;display: inline - flex!important;position: relative
                    }.tabs.nav - tabs {
                        border: none
                    }.comment.add.title, .description.title {
                        text - transform: uppercase;
                        border - bottom: 2 px solid #555998}.tabs .tab-pane{display:none}.tabs .show.tab-pane{overflow-x:auto!important;display:flex;flex-direction:row}.tabs .show.tab-pane .filmLink{cursor:pointer;min-width:100px;max-width:100px;margin:0 .5em 0 1em}.tabs .show.tab-pane .filmLink .title{color:# 7174 af
                    }.tabs.show.tab - pane.filmLink img {
                        width: 100 %
                    }.info {
                        padding - top: 1 em;
                        padding - bottom: 1 em;
                        background: #fff
                    }.info.rating {
                        display: flex
                    }.info.rating.left.star i {
                        color: #666662;cursor:pointer}.info .rating .left .star .selected{color:# ffaf00
                    }.info.rating.left.views {
                        color: #666662;font-size:.8em}.info .rating .left .views .redText{color:red}.info .rating .right{margin-left:1em;background:# ffaf00;border - radius: 50 % ;min - height: 50 px;max - height: 50 px;min - width: 50 px;max - width: 50 px;padding: 13 px;color: #fff
                    }.info.watching {
                        color: #666662;font-size:.8em;display:flex;flex-direction:row;justify-content:center;align-items:center}.info .watching .redText{color:red}.info .watching span{padding-left:5px;padding-top:1em;font-size:1.5em;color:# ffaf00
                    }.info.share {
                        text - transform: uppercase
                    }.info.share i {
                        cursor: pointer;font - weight: lighter;padding: 5 px;color: #666662;font-size:.8em}.info .share i:nth-child(2){margin-left:1em}@media (max-width:769px){.info{padding-bottom:0}.info>div{text-align:left!important}.info .watching{justify-content:left}}.description{background:# fff;padding - bottom: 1 em
                    }.description hr {
                        background: #e4e4e3
                    }.description.title {
                        color: #555998!important;font-weight:700;font-size:1.5em;display:inline-flex!important;position:relative}.description .title:after,.description .title:before{position:absolute;top:100%;content:'';display:block;height:2px;border-left:5px solid # fff
                    }.description.title: after {
                        right: 0;background: #d3d4e6;width: 20 px
                    }.description.title: before {
                        right: 20 px;background: #9194c2;width:30px}.description .text{color:# 666662;font - size: .8 em
                    }.description.text.redText {
                        color: red
                    }.comment {
                        background: #fff;padding - bottom: 1 em
                    }.comment.add.title {
                        color: #555998!important;font-weight:700;font-size:1.5em;display:inline-flex!important;position:relative}.comment .add .title:after,.comment .add .title:before{position:absolute;top:100%;content:'';display:block;height:2px;border-left:5px solid # fff
                    }.comment.add.title: after {
                        right: 0;background: #d3d4e6;width: 20 px
                    }.comment.add.title: before {
                        right: 20 px;background: #9194c2;width:30px}.comment .add .text{color:# 666662;font - size: .8 em
                    }.comment.add.text.redText {
                        color: red
                    }.comment.add textarea {
                        width: 100 % ;height: 150 px
                    }.comment.list {
                        padding - top: 1 em
                    }.comment.list.el {
                        display: inline - flex;margin - bottom: 1 em
                    }.comment.list.el img {
                        height: 100 px;width: 100 px;border - radius: 50 % ;margin - right: 2 em
                    }.comment.list.el.right {
                        background: #e4e4e3;padding: 1 em
                    }.comment.list.el.right.name {
                        font - weight: 700;
                        color: #666662}.comment .list .el .right .date{color:# 666662;
                        font - size: .8 em;
                        margin - bottom: 1 em
                    }.comment.list.el.right.date.redText {
                        color: red
                    }.comment.list.el.right.text {
                        color: #666662;font-size:.8em}.comment .list .el .right .text .redText{color:red}body{min-width:100%;background:no-repeat # 000;background - size: contain!important
                    }::-webkit - scrollbar {
                        width: 5 px;height: 5 px
                    }::-webkit - scrollbar - button {
                        width: 0;height: 0
                    }::-webkit - scrollbar - thumb {
                        background: #e1e1e1;border: 0# fff;border - radius: 50 px
                    }::-webkit - scrollbar - thumb: hover {
                        background: #fff
                    }::-webkit - scrollbar - thumb: active {
                        background: #000}::-webkit-scrollbar-track{background:# 666;border: 0# fff;border - radius: 50 px
                    }::-webkit - scrollbar - track: hover {
                        background: #666}::-webkit-scrollbar-track:active{background:# 333
                    }::-webkit - scrollbar - corner {
                        background: 0 0
                    }

*/

#modal {
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    top: -50%;
    position: fixed;
    visibility: hidden;
    width: 600px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    text-align: center;
    border-radius: 5px;
    z-index: 9999;
}

#modal:target {
    opacity: 1;
    top: 60px;
    visibility: visible;
}

#modal .header, #modal .footer {
    border-bottom: 1px solid #e7e7e7;
    border-radius: 5px 5px 0 0;
}

#modal .footer {
    border: none;
    border-top: 1px solid #e7e7e7;
    border-radius: 0 0 5px 5px;
}

#modal h2 {
    margin: 0;
}

#modal .btn {
    float: right;
}

#modal .copy, #modal .header, #modal .footer {
    padding: 15px;
    border-radius: 5px 5px 0 0;
}

.modal-content {
    background: rgba(81, 157, 195, 0.9);
    position: relative;
    z-index: 20;
    border-radius: 5px;
}

#modal .overlay {
    background-color: #000;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.close {
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(246, 246, 246)), to(rgb(225, 225, 225)));
    background-image: -webkit-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
    background-image: -moz-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
    background-image: -o-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
    background-image: -ms-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
    background-image: linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f6f6f6', EndColorStr='#e1e1e1');
    border: 1px solid #ccc;
    color: #555;
    display: inline-block;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 0 2px rgba(255, 255, 255, .9);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 0 1px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 1px rgba(0, 0, 0, .35);
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, .35);
}

.pb {
    border: 1px solid white;
    border-radius: 4px;
    position: fixed;
    right: -68px;
    bottom: 20%;
    color: white;
    padding: 5px 10px;
    background: #5C9916;
    font-size: 18px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
    letter-spacing: 3px
}

.pb .trigon {
    border: 10px solid transparent;
    border-bottom: 15px solid white;
    position: absolute;
    top: -25px;
    margin: auto;
    left: 0;
    right: 0;
    width: 1px
}

.pb-chat {
    transition-duration: 0.5s;
    position: fixed;
    bottom: -385px;
    right: 0;
    background: #EAF2F2;
    width: 400px;
    max-width: 100%
}

.pb-chat .title-line {
    cursor: pointer;
    background: #5C9916;
    text-align: right;
    padding: 10px;
    color: white;
    font-size: 20px
}

.pb-chat .title-line .title {
    float: left
}

.pb-chat .title-line .buttons button {
    background: inherit;
    border: 0;
    font-size: 20px;
    color: white;
    cursor: pointer;
    transition-duration: .5s;
    outline: none
}

.pb-chat .title-line .buttons button:hover {
    color: #bebcc3;
    outline: none
}

.pb-chat .title-line .buttons button:focus {
    outline: none
}

.pb-chat .title-line .buttons button:active {
    outline: none
}

.pb-chat .title-line .buttons button::-moz-focus-inner {
    border: 0
}

.pb-chat .title-line .buttons button i {
    transition-duration: 0.5s
}

.pb-chat .chat-dialog {
    height: 300px;
    max-height: 100%;
    overflow-y: scroll
}

.pb-chat .chat-dialog::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.pb-chat .chat-dialog::-webkit-scrollbar-button {
    width: 0px;
    height: 0px
}

.pb-chat .chat-dialog::-webkit-scrollbar-thumb {
    background: #5c9916;
    border: 0px none #ffffff;
    border-radius: 61px
}

.pb-chat .chat-dialog::-webkit-scrollbar-thumb:hover {
    background: #508413
}

.pb-chat .chat-dialog::-webkit-scrollbar-thumb:active {
    background: #6cb31c
}

.pb-chat .chat-dialog::-webkit-scrollbar-track {
    background: #c1c1c1;
    border: 0px none #ffffff;
    border-radius: 50px
}

.pb-chat .chat-dialog::-webkit-scrollbar-track:hover {
    background: #adadad
}

.pb-chat .chat-dialog::-webkit-scrollbar-track:active {
    background: #e0e0e0
}

.pb-chat .chat-dialog::-webkit-scrollbar-corner {
    background: transparent
}

.pb-chat .chat-dialog .chat-dialog-el {
    transition-duration: 0.5s;
    padding: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 10px;
    background: white;
    width: 70%;
    color: #3b3b3b;
    position: relative
}

.pb-chat .chat-dialog .chat-dialog-el .chat-dialog-name {
    color: #7f80b0;
    font-size: 14px;
    margin-bottom: 5px
}

.pb-chat .chat-dialog .chat-dialog-el .chat-dialog-mess {
    color: #3b3b3b;
    font-size: 13px
}

.pb-chat .chat-dialog .chat-dialog-el .chat-dialog-el-time {
    position: absolute;
    right: 0;
    bottom: -20px;
    font-size: 13px;
    color: #898792
}

.pb-chat .chat-dialog .answer {
    margin-left: 20%
}

.pb-chat .input {
    height: 76px;
    background: white;
    padding: 0px 10px 10px 10px
}

.pb-chat .input input {
    width: 95%;
    border: 0;
    border-bottom: 2px solid #5C9916;
    margin: auto;
    display: block;
    padding: 5px;
    color: #3b3b3b
}

.pb-chat .input .buttons button {
    background: inherit;
    border: 0;
    font-size: 20px;
    color: #bebcc3;
    cursor: pointer;
    transition-duration: .5s;
    font-size: 30px;
    padding: 15px 5px 0 0
}

.pb-chat .input .buttons button:hover {
    color: #898792
}

.pb-chat .input .buttons button:last-child {
    float: right;
    opacity: 0;
    padding-left: 100px
}

.chat-show {
    bottom: 0 !important
}

.transform-rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 700px) {
    .pb-chat .input .buttons button:last-child {
        opacity: 1
    }
}


.mobMenu .mobMenuBlock {
            padding: 10px;
            background: #d3d3d3;
            margin: auto;
            min-width: 320px;
            max-width: 100%;
            width: 50%;
            height: initial;
            border-radius: 5px;
            text-align: center;
            position: absolute;
            top: calc(100vw/2);
            right: 0;
            left: 0;
        }
        .closeWindowBG {
    width: 100%;
    height: 100%;
}.mobMenu .mobMenuBlock img {
    width: 50%;
}
.mobMenu .mobMenuBlock ul {
    margin: 20px 0 0 0;
    padding: 0;
}
.mobMenu .mobMenuBlock i {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #999;
    cursor: pointer;
    transition-duration: .5s;
}
.mobMenu .mobMenuBlock ul li {
    list-style-type: none!important;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #ccc;
    font-size: 18px;
}
input.mobSearchInput {
    width: calc(100% - 70px);
    border: 0;
    padding: 3px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
button.mobSearchButton {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: 0;
    padding: 3px 8px;
    width: 66px;
    margin-left: -2px;
    background: #30c2f2;
    color: white;
    font-weight: bold;
}
.mobMenu {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(1,1,1,.7);
}
.displayNone {
    display: none;
    transition-duration: .5s;
}