/* STYLE */
br {clear: both;}

a:hover {text-decoration: none; color: #0f9be3;font-weight: bold;}

button, input[type=text], input[type=search] {outline: none !important;}

button:hover{background: #c83433;cursor: pointer;}
b, strong {font-family: 'MyriadPro-Semibold', sans-serif;}

/* FOOTER */

footer{width: 100%;background: #eee;}

.bottom-menu{text-align: center;padding: 5px 0;}
.bottom-menu > div,
.bottom-menu > ul{vertical-align: middle;}
.bottom-menu li{display: inline-block;width: 24%;}
.bottom-menu li i{ margin-right: 5px;}

footer .copy{text-align: center;background: #908585;}
footer ul{display: inline-block;width: 89%;}
footer .counter{display: inline-block;width: 10%;}

/* / FOOTER */

/* PAGINATION*/

.page_nav{margin: 40px 0 20px 0;text-align: center;}
.page_nav a:hover{background: #f15959;color: #fff;}
.pagination li{display: inline-block;margin-left: 4px;margin: 10px 2px;}
.pagination li span {background: #f15959; color: #fff;}

.pagination li a, .pagination li span {
    font-size: 15px;
    text-decoration: none;
    padding: 10px 12px;
    border: 1px solid #f15959;
    border-radius: 10px;
    opacity: .9;
    color:#f15959;
}

.pagination li.active span{color: #fff;}

.pagination li.dots {
    padding: 10px 16px;
}

.pagination li.dots:hover,
.pagination li.active:hover {
    cursor: default;
}

/* / PAGINATION*/

.text{padding: 10px 20px;}
.text p{margin: 10px 0;}
.text p a, .text a{color: #32abe9;}
.text  a:hover{text-decoration: underline;}

/* / CATEGORIES */

/* PLAYER PAGE */


.text-content{
    margin: 15px 0;
    padding: 20px 20px;
    font-size: 1.2em;
    background: rgba(81,76,76,.52);
    border: 1px solid #3a3737;
    border-radius: 1px;
    line-height: 20px;
    -webkit-box-shadow: 3px 1px 27px 0 rgba(83,78,78,.75);
    -moz-box-shadow: 3px 1px 27px 0 rgba(83,78,78,.75);
    box-shadow: 3px 1px 27px 0 rgba(83,78,78,.75);
}

.text-content a{color: #b53838;}
.text-content a:hover{color: #fff;text-decoration: underline;}

.content-title h1,
.content-title h3,
.content-title h4,
.content-title span{color: #000;}

.content-title h3{font-size: 24px;}
.content-title h4{font-size: 22px;}

#smilesChoose{
    border: 1px solid #cebebe;
    border-radius: 5px;
    margin: 10px 0;
    padding-bottom: 4px;
}

#more_video{
    width: 100%;
    position: relative;
    left: 0;
    padding: 15px 0;
}

#votes img:hover{transition: all 0.3s ease-out 0.2s;transform: scale(1.3);}
#votes a#like_btn:hover, #votes a#unlike_btn:hover{transform: scale(1.2);}

.comments-box{
    margin: 10px 0;
    border: 1px solid #b6a1a1;
    border-radius: 10px;
    padding: 10px 5px;
}

.comments-box span:hover{cursor: default;}

.nick{display: inline-block;padding: 5px 0;font-weight: bold;}

#leave_name{
    height: 30px;
    width: 30%;
    border-radius: 5px;
    border: 1px solid #333;
    padding-left: 10px;
    font-size: 16px;
}

#comment_text{
    height: 150px;
    width: 98%;
    border-radius: 5px;
    border: 1px solid #333;
    padding-left: 10px;
    font-size: 16px;
    overflow: hidden;
    text-indent: 5px;
}

.comment-title{display: block;margin: 10px 0;}

#leave_comment{margin: 15px 0;resize: none;padding: 15px 15%;width: 500px;}

.share42-item a:hover{transform: scale(1.1);}
.fa-eye{margin-right: 5px;}

.content-date i{margin-right: 5px;}

.more-comm-container{width: 100%;margin: 10px 0;padding: 0 !important;}
.more-comm-container a{display: block;width: 100%;padding: 10px 0;color: #fff;}
.more-comm-container a:hover{font-weight: normal;}
/* / PLAYER PAGE */



/*text*/
.text h1,
.text h2,
.text h3{margin-top: 10px;margin-bottom: 10px;}

.text ul{padding-left: 20px;margin: 5px 0;}
.text ul li{list-style-type: circle;}
.search-section .close-icon{display: none;}
.close-icon:hover{cursor: pointer;}

/*модальное окно*/
#messages_block {
    position: fixed;
    top: 50%;
    width: 450px;
    left: calc(50% - 160px);
    z-index: 9999;
    display: none;
}

.elem-notice {width: 320px;box-sizing: border-box;z-index: 9999;}

.elem-notice {
    box-shadow: 2px 2px 8px rgba(0,0,0,.1);
    background: #b2ccf9;
    border-color: #0480be;
    font-weight: bold;
    color: #333;
    border-radius: 15px;
    text-align: center;
    font-size: 1.2rem;
    padding: 35px;
    display: block;
    position: relative;
    margin: 0 0 12px 0;
}

#elem-notice-close {
    position: absolute;
    font-family: 'Tenor Sans', sans-serif;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: bold;
    right: -3px;
    top: -3px;
    cursor: pointer;
}

i.close-icon:before { content: "×"; }
i.m-menu{position: absolute;left: 20%;margin-top: 10px;}
i.m-menu:before{font-size: 24px;}
/* / модальное окно*/

.comments {margin-top: 10px;}

#tipbox{
    background: #fff;
    z-index: 99999;
    -webkit-box-shadow: -3px 3px 22px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px 3px 22px -6px rgba(0,0,0,0.75);
    box-shadow: -3px 3px 22px -6px rgba(0,0,0,0.75);
    text-align: center;
}

#tipbox span{line-height: 16px;display: inline-block;font-size: 12px;}

.bottom-menu a{font-size: 13px;}
.bottom-menu a:hover{text-decoration: underline;}

.big-title{display: block;}
.small-title{display: none;}
.mini-title{display:none;}

#go_comment{width: 100%;}

/* Share button and section */

.share-inner__content textarea,
.share-inner__content input {
    font-size: 14px;
    background: #fff;
    color:#000;
    border: 1px solid #ccc;
    width: 100%;
    height: 50px;
}

.share-inner__content input {
    height: 35px;
}

.share-inner__title {
    font-weight: bold;
}

.button-share a {color: #fff;}

div.videopage-share__content.visible {display: block;}

.videopage-share__content span {
    width: 100% !important;
    padding-left: 0 !important;
    margin: 10px 0;
    display: block;
}

.share-inner__btns {
    margin-top: 5px;
}

.share-inner__btns .btn {
    background: #f96969;
    padding: 10px 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: initial;
}

.share-inner__btns .btn.active {
    background: #dc4343;
}

.share.vpm-share {
    width: auto;
    height: auto; 
    position: relative;
    z-index: 100000;
    right: 0;
    top: 0;
    margin-top: 0px; 
}

.share.vpm-share a {
    display: inline-block;
    margin: 20px 10px 0 0;
}

/* / Share button and section */

/* ADAPTIVE*/
@media screen and (min-width: 1500px){
    #more_video {width: 98%;}
    .text-content{width: 95%;}
}

@media screen and (min-width: 1471px){
    div.top-panel{display: block !important;visibility: visible !important;}
    .bottom-menu a{font-size: 16px;}
    .pagination li{margin-left: 10px;}
}

@media screen and (max-width: 1220px){
    .leave-comment{margin-top: 20px;}
    .top-panel{padding-left: 80px;}
    .content-title h1{font-size: 1.3em;}
}

@media screen and (max-width: 950px) {
    .view-player{width: 17%;}
    .bottom-menu a{font-size: 12px;}
}

@media screen and (max-width: 760px) {
    #comment_text{margin: 0 auto;display: block;padding: 0;}
    .comments{max-width: 100%;margin: 10px auto 0 auto;}

    footer .counter {display: block;width: 100%;}
    .bottom-menu li{text-align: center;margin-bottom: 12px;width: 100%;display: block;}
    
    #leave_comment{width: 100%;}
    #leave_name{width: inherit;}
    .content-title{margin: 0 0 15px 0;}
    
    #more_video{left: 0;}
    .form > span{margin-left: 5px;}
    .bottom-menu a{font-size: 17px;}

    .filter-container label{font-size: 14px;}
    div.videopage-share__content.visible { top: 135px; }

}

@media screen and (max-width: 590px) {
    footer .counter{display: block;margin: 0 auto 10px auto;width: 100%;}
}

@media screen and (max-width: 470px) {
    #leave_comment{width: 100%;}
    .cat-box,.channel-box{margin: 0 auto;}
    .filter-section{width: 100%;}
    .content-title-wrap{flex-direction: column;}
    .filter-container.deployed{width: 100%;margin: 0 auto;}
}

@media screen and (max-width: 360px) {
    .big-title{display: none;}
    .small-title{display: none;}
    .mini-title{display:block;}
}

@media screen and (max-width: 320px) {
    .bottom-menu li{text-align: left;margin-bottom: 15px;}
    .preview-panel > div{ font-size: 11px;}
    .filter-container.deployed .qty_sort a {width: 30%;}
    .player-view-panel > div.content-date,
    .player-view-panel > div:nth-child(3){display: inline-block;width: 49%;}
}

/* /  ADAPTIVE*/

/* JQUERY EMOTIONS */

/* SMILES */

.emotions {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    cursor: pointer;
}

.emo-lick {
    width: 18px;
    height: 18px;
}

.emo-bravo {
    width: 40px;
    height: 27px;
}

.emo-ok {
    width: 26px;
    height: 23px;
}

.emo-cool {
    width: 42px;
    height: 27px;
}

.emo-otstoi {
    width: 29px;
    height: 20px;
}

.emo-rab {
    width: 29px;
    height: 30px;
}

.emo-rose {
    width: 30px;
    height: 26px;
}

.emo-crazy {
    width: 20px;
    height: 27px;
}

.emo-dance {
    width: 28px;
    height: 26px;
}

.emo-grumpy {
    width: 20px;
    height: 20px;
}

.emo-xer {
    width: 47px;
    height: 51px;
}

.emo-balalaika {
    width: 40px;
    height: 40px;
}

.emo-pioneer {
    width: 29px;
    height: 33px;
}

.emo-batushka {
    width: 44px;
    height: 30px;
}

.emo-nakazal {
    width: 48px;
    height: 29px;
}

.emo-slyuni {
    width: 20px;
    height: 32px;
}

.emo-fuck3 {
    width: 52px;
    height: 39px;
}

.emo-otsos2 {
    width: 64px;
    height: 43px;
}

.emo-buckcake {
    width: 70px;
    height: 30px;
}

.emo-tits {
    width: 37px;
    height: 37px;
}

.emo-pizdadroch {
    width: 33px;
    height: 54px;
}

.emo-bed_fuck {
    width: 37px;
    height: 28px;
}

.emo-ovtsa {
    width: 48px;
    height: 28px;
}

.emo-drochish {
    width: 37px;
    height: 31px;
}

.emo-fuck {
    width: 37px;
    height: 27px;
}

.emo-foot {
    width: 47px;
    height: 39px;
}

.emo-fastfuck {
    width: 80px;
    height: 30px;
}

.emo-otsos3 {
    width: 43px;
    height: 22px;
}

.emo-tits3 {
    width: 42px;
    height: 45px;
}

.emo-exgb {
    width: 30px;
    height: 32px;

}

.emo-wonttits {
    width: 54px;
    height: 49px;
}

.emo-fuck4 {
    width: 37px;
    height: 37px;
}

.emo-dron {
    width: 40px;
    height: 30px;
}

.emo-exgb2 {
    width: 51px;
    height: 38px;
}

.emo-tits5 {
    width: 52px;
    height: 47px;
}

.emo-moon_tits {
    width: 41px;
    height: 50px;
}

.emo-condom {
    width: 64px;
    height: 32px;
}

.emo-banan_fuck {
    width: 33px;
    height: 35px;
}

.emo-banan_fuck_2 {
    width: 37px;
    height: 33px;
}

/* / SMILES */

/* video preview */
.dots-load {
    position: absolute;
    display: inline-block;
    width: 50%;
    height: 10px;
    top: 21px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
    text-align: center;
}

.dots-load>.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation: dots 2s steps(240) infinite;
    animation: dots 2s steps(240) infinite;
    margin: 0 2px;
    display: inline-block;
    background: #fff;
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    will-change: transform;
}

.dots-load>.dot:first-child{
    -webkit-animation-delay: -240ms;
    animation-delay: -240ms;
}

.dots-load>.dot:last-child{
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms;
}

@-webkit-keyframes dots {
    0%,20%,60%,to {
        -webkit-transform: scale(0,0);
    }

    40% {
        -webkit-transform: scale(1,1);
    }
}

@keyframes dots {
    0%,20%,60%,to {
        -webkit-transform: scale(0,0);
        transform: scale(0,0);
    }

    40% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}