body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }

body { background-color: rgb(235,235,235); color: rgb(135,135,135); font-family: 'Arimo', sans-serif; font-size: 13px; }
input, button { font-family: 'Arimo', sans-serif; }

li { list-style-type: none; }

img { display: block; }

a { color: rgb(55,55,55); text-decoration: none; transition: 0.1s ease; }
a:hover { color: rgb(47,197,240); }

h1, h2 { color: rgb(55,55,55); display: block; font-weight: normal; text-align: left; text-transform: uppercase; }
h1 { font-size: 18px; margin: 10px 10px 0 10px; }
h2 { font-size: 16px; margin: 15px 10px 0 10px; }

a.knopka {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(37,197,230);
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
} 
a.knopka:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */



.diow-header { background-color: rgb(55,55,55); }
.diow-head { text-align: center; overflow: hidden; margin: 0 auto; padding-bottom: 10px; max-width: 1840px; }
.diow-logo { margin: 10px 5px 0 5px; }
.diow-logo a { color: rgb(255,255,255); text-transform: uppercase; font-size: 24px; height: 30px; line-height: 30px; }
.diow-logo a span { color: rgb(47,197,240); }
.diow-head-menu { overflow: hidden; }
.diow-head-menu li { margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; height: 20px; line-height: 20px; text-transform: uppercase; font-size: 13px; }
.diow-head-menu li a { color: rgb(255,255,255); }
.diow-head-menu li a:hover, .diow-head-menu li.active a { color: rgb(47,197,240); }

.diow-search { margin: 10px auto 0 auto; width: 96%; max-width: 460px; }
.diow-search form { overflow: hidden; }
.diow-search input, .diow-search button { display: block; font-size: 14px; outline: none; }
.diow-search input { background-color: rgb(25,25,25); color: rgb(195,195,195); border: 1px solid rgb(95,95,95); border-radius: 3px; height: 28px; line-height: 28px; width: 79%; padding: 0 2%; float: left; }
.diow-search input:focus { background-color: rgb(5,5,5); border-color: rgb(47,197,240); }
.diow-search button { height: 30px; line-height: 30px; background-color: rgb(225,225,225); background: linear-gradient(to bottom,rgb(235,235,235),rgb(215,215,215)); color: rgb(55,55,55); border-radius: 3px; border: 0 none; width: 15%; float: right; cursor: pointer; }
.diow-search button:hover { background-color: rgb(47,197,240); background: linear-gradient(to bottom,rgb(57,207,250),rgb(37,197,230)); color: rgb(255,255,255); }

.diow-content { background-color: rgb(255,255,255); box-shadow: 0 0 15px -5px rgb(135,135,135); margin: 0 auto; width: 100%; max-width: 1840px; overflow: hidden; padding-bottom: 20px; }


.diow-sort { overflow: hidden; padding-left: 10px; }
.diow-sort li { display: block; float: left; margin: 5px 10px 0 0; font-size: 15px; }
.diow-sort li a:hover, .diow-sort li.active a { color: rgb(47,197,240); }

.diow-thumbs-wr { padding-top: 10px; overflow: hidden; }

.diow-thumb { background-color: rgb(55,55,55); float: left; width: 100%; overflow: hidden; position: relative; }
.diow-thumb a { color: rgb(255,255,255); text-shadow: 1px 1px 0 rgb(0,0,0); }
.diow-thumb a:hover { color: rgb(47,197,240); }
.diow-thumb img { width: 100%; height: auto; max-height: 260px; }
.diow-thumb a:hover img { opacity: 0.9; }
.diow-thumb-info { background-color: rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; padding: 5px 0; }
.diow-thumb-name { height: 15px; line-height: 15px; font-size: 14px; margin: 0 10px; overflow: hidden; }

.diow-thumb ul { overflow: hidden; margin: 0 0 0 10px; }
.diow-thumb li { color: rgb(200,200,200); margin: 0 10px 0 0; display: block; float: left; font-size: 11px; line-height: 15px; height: 15px; overflow: hidden; }

.diow-thumb-2 .diow-thumb-info { height: 38px; }
.diow-thumb-2 .diow-thumb-name  { height: 20px; line-height: 20px; font-size: 18px; margin-top: 3px; }

.diow-pages { overflow: hidden; padding: 10px 0 0 10px; }
.diow-pages ul { overflow: hidden; }
.diow-pages li { float: left; margin: 10px 10px 0 0; font-size: 16px; }
.diow-pages li span.active { color: rgb(47,197,240);  }
.diow-pages ul.diow-next-prev li { font-size: 28px; }

.diow-main-text { 
    border-top: 1px solid rgb(215,215,215);
    margin-top: 10px;
    padding: 10px 10px 0 10px;
    font-size: 16px;
    text-align: justify;
    line-height: 20px;
 }

.diow-bns-bl { border-top: 1px solid rgb(215,215,215); margin-top: 20px; text-align: center; overflow: hidden; font-size: 0; padding-top: 18px; }
.diow-bn { background-color: rgb(200,200,200); display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; width: 300px; height: 250px; }
.diow-bn-2, .diow-bn-3, .diow-bn-4, .diow-bn-5 { display: none; }

.diow-player-wr { background-color: rgb(0,0,0); }
.diow-player-bl { background-color: rgb(15,15,15); margin: 0 auto; position: relative; max-width: 720px; }
.diow-player { width: 100%; height: 250px; }
.diow-player iframe, .diow-player object, .diow-player embed, .diow-player video { width: 100% !important; height: 100% !important; }

.diow-on-player-wrap { background-color: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; }
.diow-on-player-block { position: absolute; top: 50%; left: 50%; width: 300px; height: 250px; z-index: 5500; margin: -125px 0 0 -150px; }
.diow-on-pl-spts { overflow: hidden; }
.diow-on-player-spot { background-color: rgb(45,45,45); width: 300px; height: 250px; }
.diow-on-player-spot-2 { display: none; }
.diow-on-player-close { position: absolute; z-index: 5600; background-color: rgb(255,255,255); color: rgb(45,45,45); top: 0; right: 0; font-weight: bold; width: 30px; text-align: center; height: 30px; line-height: 32px; text-transform: uppercase; font-size: 18px; cursor: pointer; transition: 0.2s ease; }
.diow-on-player-close:hover { background-color: rgb(47,197,240); color: rgb(255,255,255); }

.diow-video-info { display: none; overflow: hidden; border-radius: 0 0 3px 3px; padding: 20px 10px 20px 20px; border: 1px solid rgb(215,215,215); border-top: 0 none; margin: 0 auto; width: 98%; max-width: 690px; }
.diow-video-info h1 { margin: 0; font-size: 18px; line-height: 32px; }
.diow-video-info-top { overflow: hidden; }

.diow-rating-container { margin: 10px auto 0 auto; width: 96%; max-width: 260px; height: 30px; overflow: hidden; }
.diow-rating-container a, .diow-progress { float: left; display: block; }
.diow-rating-container a { width: 15%; font-size: 30px; line-height: 30px; }
.diow-progress { width: 70%; text-align: center; margin-top: 7px; }
.diow-rating-holder { background-color: rgb(235,85,85); position: relative; height: 7px; }
.diow-rating { background-color: rgb(128,188,28); position: absolute; height: 7px; top: 0; left: 0; }
.diow-rating-votes { height: 15px; line-height: 15px; font-size: 11px; overflow: hidden; margin-top: 3px; }
.diow-rating-votes span { color: rgb(55,55,55); }
.diow-rating-container a.diow-like-btn { color: rgb(128,188,28); text-align: left; }
.diow-rating-container a.diow-like-btn:hover { color: rgb(108,208,8); }
.diow-rating-container a.diow-dislike-btn { color: rgb(255,85,85); text-align: right; }
.diow-rating-container a.diow-dislike-btn:hover { color: rgb(255,45,45); }

.diow-video-info-top li { line-height: 30px; }

.diow-video-info ul { overflow: hidden; }
.diow-video-info li { display: block; float: left; font-size: 16px; margin: 10px 10px 0 0; }
.diow-video-info li span { color: rgb(55,55,55); }
.diow-video-info li a { text-decoration: underline; }
.diow-video-info li a:hover { text-decoration: none; }

.diow-video-text { margin-top: 10px; font-size: 14px; line-height: 18px; text-align: justify; }

.diow-video-info-open, .diow-video-info-close { border: 1px solid rgb(215,215,215); border-top: 0 none; border-radius: 0 0 3px 3px; color: rgb(95,95,95); cursor: pointer; margin: 0 auto; width: 120px; height: 40px; line-height: 42px; font-size: 14px; text-transform: uppercase; text-align: center; }
.diow-video-info-open:hover, .diow-video-info-close:hover { color: rgb(55,55,55); }
.diow-video-info-close { display: none; }

.diow-footer { background-color: rgb(215,215,215); box-shadow: inset 0 5px 15px -8px rgb(115,115,115); color: rgb(95,95,95); }
.diow-foot { text-align: center; overflow: hidden; margin: 0 auto; padding: 20px 0;  font-size: 16px; display: table; width: 100%; max-width: 1840px; }
.diow-foot span { color: rgb(27,177,220); }



@media all and (min-width:460px) {
    .diow-thumb { width: 50%; }
    .diow-player { height: 300px; }
    .diow-on-player-close { top: -13px; right: -13px; }
}

@media all and (min-width:600px) {
    .diow-player { height: 350px; }
    .diow-on-player-block { margin-top: -125px; }
    
}

@media all and (min-width:700px) {
	.diow-player { height: 405px; }
	.diow-bn-2 { display: inline-block; }
    .diow-on-player-block { width: 604px; margin-left: -302px; }
    .diow-on-player-spot { float: left; margin: 0 1px; }
    .diow-on-player-spot-2 { display: block; }
    .diow-rating-container { float: left; }
    .diow-video-info-top ul { float: right; }
    
}


@media all and (min-width:920px) {
    h1,h2 { margin-left: 20px; }
    h1 { font-size: 24px; }
    h2 { font-size: 20px; }
    .diow-head { padding: 10px 0; height: 30px; }
    .diow-logo { float: left; margin: 0 40px 0 20px; }
    .diow-logo a { height: 30px; line-height: 30px; font-size: 28px; }
    .diow-head-menu { float: left; }
    .diow-head-menu li { float: left; margin: 0 20px 0 0; font-size: 16px; height: 30px; line-height: 30px; }
    .diow-search { float: right; margin: 0 10px 0 0; width: 300px; }
    .diow-sort { padding-left: 20px; }
    .diow-sort li { margin-right: 20px; font-size: 16px; }
    .diow-thumb { width: 33.3333%; height: 100%;}
    .diow-pages { padding-left: 20px; }
    .diow-pages li { margin-right: 20px; }
    .diow-pages ul.diow-next-prev li { font-size: 34px; }
    .diow-main-text { padding: 20px 20px 0 20px; }
    .diow-bns { overflow: hidden; margin-top: 20px; }
    .diow-bn-3 { display: inline-block; }
   
}

@media all and (min-width:1380px) {
    .diow-head-menu li { margin: 0 30px 0 0; font-size: 18px; }
    .diow-search { width: 400px; }
    .diow-thumb { width: 25%; height: 214px;}
    .diow-bn-4 { display: inline-block; }
    .diow-player-bl { max-width: 960px; }
    .diow-player { height: 540px; }
    .diow-video-info { max-width: 930px; }
}

@media all and (min-width:1530px) {
    .diow-bn-5 { display: inline-block; }
}

@media all and (min-width:1900px) {
    .diow-player-bl { max-width: 1280px; }
    .diow-player { height: 720px; }
    .diow-video-info { max-width: 1250px; }
}

#kt_player {
    position: absolute !important;

    width: 100% !important;
    height: 100% !important;
}
.g_hint {
    display: none;
    width: 260px;
    text-align: center;
    padding: 10px 0 0;
}

.player > div {
    width: 100% !important;
    height: 100% !important;
}