.head, body, .search-input, .thumb .label, .wrapper, .partners-list a:hover, #scroll-top
{ background-color: rgb(0,0,0); }

.swiper-button-next { background: linear-gradient(to right,transparent,rgb(0,0,0)); background: -webkit-linear-gradient(left,transparent,rgb(0,0,0)); }
.swiper-button-prev { background: linear-gradient(to left,transparent,rgb(0,0,0)); background: -webkit-linear-gradient(right,transparent,rgb(0,0,0)); }

body, .sort a, .swsearches a, .thumb .desc span, .thumb .likes, .search button, .rating a, .tags-list a, .partners-list a, .thumb-alt .total
{ color: rgb(171,171,171); }

.sort-blk, .thimg, .brsq, .brsq-300x100 div, .search .inner, .partners-list a
{ background-color: rgb(18,18,18); }

.swsearches .swiper-button-next { background: linear-gradient(to right,transparent,rgb(18,18,18)); background: -webkit-linear-gradient(left,transparent,rgb(18,18,18)); }
.swsearches .swiper-button-prev { background: linear-gradient(to left,transparent,rgb(18,18,18)); background: -webkit-linear-gradient(right,transparent,rgb(18,18,18)); }

.swtype-1 a, .thumb .label, .navi-blk a, .navi-blk span, .search-input, .thumb .likes:before, .thumb .likes:after, .thumb-alt .total::before, .thumb-alt .total::after, .rating a::before, .rating a::after, .sort a.active:before, .sort a.active:after, .video-cl .links a, .modal-iframe::after, .about a, .tags-list a, .partners-list a:hover, .footer-blk a
{ border-color: #333333; }

.swtype-1 a:hover, .navi-blk a:hover, .navi-blk a.active, .video-cl .links a:hover, .tags-list a:hover, .about a:hover, .footer-blk a:hover, #scroll-top
{ border-color: rgb(131,131,131); }


a.logo span, .sort-btn.active, .swtype-1 a.all, .headmenu a:hover, .headmenu a.active, .headmenu li.active a, .thumb .likes span, .navi-blk a.active, .about a:hover, .rating a:hover::before, .video-cl .links a:hover, .about span.colored, .tags-list a:hover::before
{ color: rgb(241,181,23); }

.thumb::after, .video::before, .rating a:hover::before, .rating a:hover::after
{ border-color: rgb(241,181,23); }

a, a.logo, h1, h2, .head-btn, .search-btn, .search input, .search input::placeholder, .search button:hover, .swsearches a:hover, .sort a:hover, .sort a.active, .thumb .label, .swiper-button-next:before, .swiper-button-prev:before, .modal-iframe::after, .about span, .rating a::before, .tags-list a:hover, .partners-list a:hover, .footer-blk span, .footer-blk a:hover
{ color: rgb(231,231,231); }

.thumb a::after, .spinner
{ color: rgb(255,255,255); }


.wide-ratio { padding-bottom: 56.25%; }
/* Wide 16:9 Ratio, Where 56.25% - value calculating by formula (height x 100 / width) */

.rectangle-ratio { padding-bottom: 75%; }
/* Rectangle 4:3 Ratio, Where 75% - value calculating by formula (height x 100 / width) */

.square-ratio { padding-bottom: 100%; }
/* Square 1:1 Ratio */

.vertical-ratio { padding-bottom: 150%; }
/* Vertical 2:3 Ratio, Where 150% - value calculating by formula (height x 100 / width) */

.custom-ratio { padding-bottom: 60%; }
/* Custom Ratio, Where 60% - sample value. You should change it on your value calculating by formula (height x 100 / width) */


@font-face{font-family:'Red Hat Display'; font-weight: normal; font-style: normal; src:url(../storage/font/RedHatDisplay-Regular.ttf) format("truetype")}
@font-face{font-family:'Red Hat Display';  font-weight: bold; font-style: normal; src:url(../storage/font/RedHatDisplay-Bold.ttf) format("truetype")}
@font-face{font-family:'Line Awesome Free';font-weight:900;font-display:swap;src:url(../storage/iconfont/la-solid-900.woff2) format("woff2")}


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

body, input { font-family: 'Red Hat Display', sans-serif; }


li { list-style-type: none; }
:before, :after, i { text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Free'; }
* { -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}



img { display: block; }

a { text-decoration: none; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }

h1, h2 { font-weight: normal; overflow: hidden; }
h1 { font-size: 22px; line-height: 26px; margin: 10px 10px 0 10px; }
h2 { margin: 20px 10px 0 10px; font-size: 24px; line-height: 26px; }

.head { position: fixed; top: 0; left: 0; padding-bottom: 0; padding-top: 0; width: 100%; overflow: visible; z-index: 99999; }
.head .wrapper { padding-top: 10px !important; padding-bottom: 0 !important; min-height: 50px; overflow: visible !important; position: relative; }

.opacity-1, .opacity-2 { display: none; background-color: rgba(0,0,0,0.5); position: fixed; z-index: 89999; top: 0; left: 0; width: 100%; height: 100%; }

.modal-video { background-color: transparent; }
.modal-video .wrapper { padding-top: 10px !important; padding-bottom: 20px !important; }

a.logo { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); overflow: hidden; font-weight: bold; text-transform: uppercase; display: block; height: 40px; line-height: 40px; font-size: 18px; z-index: 1; }
a.logo img { width: auto; height: inherit; }

.head-btn { float: left; width: 42px; height: 42px; line-height: 42px; font-size: 24px; cursor: pointer; margin: 0px -5px 0 10px; display: block; }
.head-btn::before { content: '\f0c9'; font-weight: 900; }
.head-btn.active::before { content: '\f00d'; }

.search-btn { position: absolute; top: 5px; text-align: right; right: 10px; width: 42px; height: 42px; line-height: 42px; font-size: 22px; cursor: pointer; display: block; margin: 5px 5px 0 10px; }
.search-btn::before { content: '\f002'; font-weight: 900; }
.search-btn.active::before { content: '\f00d'; }

.headmenu { display: none; clear: both; overflow: hidden; padding: 5px 10px 10px 10px; }
.headmenu a { font-size: 14px; line-height: 20px; font-weight: bold; margin-right: 15px; text-transform: uppercase; overflow: hidden; }

.swtype-1 { overflow: hidden; padding: 5px 10px 0 10px; }
.swtype-1 a { border-style: solid; border-width: 1px; display: block; border-radius: 16px; margin-right: 5px; padding: 0 14px; font-size: 14px; height: 30px; line-height: 30px; }
.swtype-1 a.all { border: 0 none; font-weight: bold; padding: 0 0 0 10px; transform: translateY(-50%); top: 50%; background: none; font-size: 14px; position: relative; }
.swtype-1 a.all::before { float: right; content: "\f30b"; font-size: 24px; margin-right: 8px; }

.search { display: none; overflow: hidden; clear: both; padding-bottom: 10px; }
.search .inner { border-radius: 5px; padding: 20px; overflow: hidden; margin: 10px 10px 0 10px; }
.search form { position: relative; overflow: hidden; margin: 0 auto; max-width: 700px; }
.search-input { border-width: 1px; border-style: solid; border-radius: 25px; overflow: hidden; height: 48px; line-height: 38px; padding: 0 50px 0 20px; }
.search input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 16px; height: inherit; line-height: normal; }
.search button { -moz-transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; background: none; overflow: hidden; position: absolute; top: 5px; right: 5px; border: 0 none; cursor: pointer; outline: 0 none; width: 40px; font-size: 20px; height: 40px; line-height: 30px; }
.search button:before { content: "\f002"; font-weight: 900; }

.swsearches { padding: 20px 0 0 0; }
.swsearches .swiper { text-align: center; display: flex; }
.swsearches .swiper-wrapper { margin: 0 auto; }
.swsearches .swiper-slide { float: none; display: inline-block; vertical-align: top; }
.swsearches a::before { content: "\f002"; font-weight: 900; display: block; float: left; height: inherit; line-height: inherit; margin-right: 3px; }
.swsearches a { height: 28px !important; line-height: 28px !important; padding: 0 10px !important; border-radius: 16px !important; font-size: 13px; }

.swiper-notification { display: none !important; }

.wrapper { position: relative; overflow: hidden; min-width: 320px; max-width: 990px; min-height: 700px; margin: 0 auto; padding-top: 65px; }

.title-blk { clear: both; position: relative; overflow: hidden; padding-right: 90px; padding-top: 10px; }

.sort-btn { position: absolute; bottom: 0; right: 10px; height: 26px; line-height: 26px; font-size: 14px; text-align: center; cursor: pointer; display: block; overflow: hidden; }
.sort-btn::before, .sort-btn::after { font-weight: 900; display: block; height: inherit; line-height: inherit; width: inherit; }
.sort-btn::before { content: '\f1de'; font-size: 20px; float: left; margin-right: 3px; }
.sort-btn::after { content: '\f107'; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; font-size: 12px; float: right; margin-left: 3px; }
.sort-btn.active::after { transform: rotate(180deg); }

.sort { display: none; clear: both; overflow: hidden; }
.sort-blk { padding: 0 10px 10px 10px; float: right; border-radius: 6px; margin: 10px 10px 0 0; overflow: hidden; }
.sort a { display: block; float: left; height: 30px; line-height: 30px; margin: 10px 5px 0 5px; padding: 0 10px; font-size: 14px; position: relative; }
.sort a.active:before { border-left-style: solid; border-left-width: 1px; border-top-style: solid; border-top-width: 1px; border-radius: 15px 0 0 0; content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 50%; }
.sort a.active:after { border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-radius: 0 0 15px 0; content: ''; position: absolute; bottom: 0; right: 0; width: 50%; height: 50%; }

.content { overflow: hidden; position: relative; }

.thumbs-blk { overflow: hidden; position: relative; }

.thumb { overflow: hidden; width: 100%; position: relative; }
.thumb::after { content: ''; height: 42px; width: 42px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -25px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: inherit; border-radius: 50%; animation: spinner 1s linear infinite; }
.thumb a { cursor: pointer; display: block; position: relative; overflow: hidden; margin: 20px 10px 0 10px; }

.thumb:hover::after { display: none; }
.thimg { box-shadow: 0 5px 10px -5px rgba(0,0,0,0.3); position: relative; overflow: hidden; width: 100%; border-radius: 5px; }
.thimg img { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; }
.thimg::before { display: none; }
.thimg::after { background-color: rgb(0,0,0,0.4); -moz-transition: 0.8s ease; -webkit-transition: 0.8s ease; -o-transition: 0.8s ease; transition: 0.8s ease; opacity: 0; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; border-radius: 5px; }

.thumb .likes { white-space: nowrap; float: left; margin: 9px 10px 0 0; position: relative; overflow: hidden; text-overflow: ellipsis; font-size: 12px; text-align: center; padding: 0 10px; height: 38px; line-height: 38px; }
.thumb .likes:before { border-left-style: solid; border-left-width: 2px; border-top-style: solid; border-top-width: 2px; border-radius: 20px 0 0 0; content: ''; position: absolute; top: 2px; left: 0; width: 50%; height: 50%; }
.thumb .likes:after { border-right-style: solid; border-right-width: 2px; border-bottom-style: solid; border-bottom-width: 2px; border-radius: 0 0 20px 0; content: ''; position: absolute; bottom: 2px; right: 0; width: 50%; height: 50%; }
.thumb .likes span { display: block; float: left; margin-right: 1px; }
.thumb .likes span::before { content: "\f164"; font-size: 20px; }

.thumb p { line-height: 20px; max-height: 40px; overflow: hidden; font-size: 16px; }

.thumb .desc { overflow: hidden; height: 60px; margin-top: 8px; }
.thumb .desc span { display: block; float: left; font-size: 12px; margin-right: 10px; height: 20px; line-height: 20px; overflow: hidden; }
.thumb .desc span:last-child { margin-right: 0; }
.thumb .desc span:before { display: block; float: left; font-size: 16px; height: inherit; line-height: inherit; margin-right: 2px; margin-left: -1px; }
.thumb .desc span.views:before { content: "\f04b"; font-weight: 900; }
.thumb .desc span.time:before { content: "\f017"; }
.thumb .desc span.total:before { content: "\f144"; }

.thumb .label { border-width: 1px; border-style: solid; border-radius: 5px; position: absolute; top: 25px; right: 5px; padding: 0 5px; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; display: block; overflow: hidden; z-index: 6;  }

.thumb-alt p { line-height: 30px !important; height: 30px !important; max-height: 30px !important; font-size: 20px !important; margin-top: 6px; white-space: nowrap; text-overflow: ellipsis; } 
.thumb-alt .total { white-space: nowrap; float: right; margin: 6px 0 0 5px; position: relative; overflow: hidden; text-overflow: ellipsis; font-size: 11px; text-align: center; padding: 0 10px; height: 30px; line-height: 30px; }
.thumb-alt .total:before { border-left-style: solid; border-left-width: 2px; border-top-style: solid; border-top-width: 2px; border-radius: 20px 0 0 0; content: ''; position: absolute; top: 2px; left: 0; width: 50%; height: 50%; }
.thumb-alt .total:after { border-right-style: solid; border-right-width: 2px; border-bottom-style: solid; border-bottom-width: 2px; border-radius: 0 0 20px 0; content: ''; position: absolute; bottom: 2px; right: 0; width: 50%; height: 50%; }
.thumb-alt .total span { display: block; float: left; margin-right: 2px; }
.thumb-alt .total span::before { content: "\f144"; font-size: 16px; }

.brsq-300x100 { background-color: rgb(30,30,30); overflow: hidden; padding: 10px 0; }
.brsq-300x100 div { border-radius: 5px; margin: 0 auto; width: 300px; height: 100px; overflow: hidden; position: relative; }
.brsq-300x100 div iframe { position: absolute; top: 0; left: 0; width: 300px; height: 100px; }

.brsq-blk { overflow: hidden; text-align: center; padding-top: 40px; }
.brsq { border-radius: 5px; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; overflow: hidden; position: relative; }
.brsq iframe { position: absolute; top: 0; left: 0; width: 300px; height: 250px; }
.brsq-2, .brsq-3, .brsq-4, .brsq-5 { display: none; }

.modal-iframe { display: none; position: fixed; background-color: rgba(0,0,0,0.8); top: 0; left: 0; padding: 40px 0; width: 100%; bottom: 0; z-index: 99999; overflow: hidden; }
.modal-iframe .inner { margin: 0 10px 0 -10px; border-radius: 5px; overflow: hidden; position: relative; height: 100%; z-index: 89999; }
.modal-iframe .inner iframe { border: 0 none; position: absolute; top: 0; transform: translate3d(20px, 0, 0); left: 0; width: 100%; height: 100%; overflow: hidden; }
.modal-iframe::after { border-radius: 50%; border-style: solid; border-width: 1px; text-align: center; cursor: pointer; content: '\f00d'; font-weight: 900; z-index: 99999; position: absolute; top: 3px; right: 5px; width: 32px; height: 32px; line-height: 32px; font-size: 18px; }
.modal-iframe::before { cursor: pointer; font-family: 'Quicksand', sans-serif; text-transform: uppercase; content: 'Close Video [X]'; z-index: 99999; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; font-size: 14px; }
.modal-iframe .spinner { height: 62px; width: 62px; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-radius: 50%; animation: spinner 1s linear infinite; }
@keyframes spinner { from {transform: rotate(0deg);} to { transform: rotate(360deg); }}

.video-cnt { overflow: hidden; position: relative; z-index: 100; }

.modal-video .video-cnt { padding-right: 20px; }

.video-tb { overflow: hidden; }

.video-cl { overflow: hidden; padding: 20px 10px 0 10px; }
.modal-video .video-cl { padding-top: 0; }

.video { background-color: rgb(0,0,0); border-radius: 5px; overflow: hidden; position: relative; aspect-ratio: 16/9; }
@media(min-width:930px) { .video { height: 516px; aspect-ratio: auto; } }
.video iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.full-video { padding-bottom: 0 !important; }
.full-video video { width: 100% !important; height: 100% !important; display: block; object-fit: contain; }
.video::before { content: ''; height: 42px; width: 42px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: inherit; border-radius: 50%; animation: spinner 1s linear infinite; z-index: 1; }
.video.loaded::before { display: none; }
.full-video::before { display: none !important; }

.video-cl h1 { margin: 10px 0 0 0; }

.rating { overflow: hidden; text-align: center; position: relative; font-size: 0; padding: 10px 5px 0 5px; }
.rating a { cursor: pointer; display: inline-block; vertical-align: top; position: relative; overflow: hidden; text-overflow: ellipsis; font-size: 14px; text-align: center; margin: 0 1%; width: 48%; max-width: 160px; height: 52px; line-height: 52px; }
.rating a.like::after { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; border-left-style: solid; border-left-width: 2px; border-top-style: solid; border-top-width: 2px; border-radius: 55px 0 0 0; content: ''; position: absolute; top: 2px; left: 0; width: 100%; height: 60%; }
.rating a.dislike::after { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; border-right-style: solid; border-right-width: 2px; border-bottom-style: solid; border-bottom-width: 2px; border-radius: 0 0 55px 0; content: ''; position: absolute; bottom: 2px; right: 0; width: 100%; height: 60%; }
.rating a::before { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; display: inline-block; vertical-align: top; margin-right: 5px; font-size: 24px; }
.rating a.like::before { content: "\f164"; }
.rating a.dislike::before { content: "\f165"; }

.video-cl .info { overflow: hidden; text-align: center; }
.video-cl .info .meta { overflow: hidden; }
.video-cl .info .meta span { line-height: 26px; height: 26px; font-size: 14px; display: inline-block; vertical-align: top; overflow: hidden; margin: 5px 5px 0 5px; }

.video-cl .info .meta span:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 18px; margin-right: 2px; line-height: inherit; }
.video-cl .info .meta .views:before { content: "\f04b"; font-weight: 900; }
.video-cl .info .meta .time:before { content: "\f017"; }
.video-cl .info .meta .date:before { content: "\f382"; font-weight: 900; }


.video-cl .links { overflow: hidden; padding-top: 10px; }
.video-cl .links .meta { overflow: hidden; padding: 20px 32px 0 0; float: left; }
.video-cl .links span { display: block; font-size: 14px; }
.video-cl .links span::before { display: block; float: left; margin-right: 2px; height: inherit; line-height: inherit; font-size: 18px; }

.video-cl .links span.categories::before { content: "\f02e"; font-weight: 900; }
.video-cl .links span.tags::before { content: "\f02c"; font-weight: 900; }
.video-cl .links span.channels::before { content: "\f5fd"; font-weight: 900; }
.video-cl .links span.stars::before { content: "\f005"; font-weight: 400; }

.video-cl .links a { border-style: solid; border-width: 1px; display: block; border-radius: 16px; margin: 8px 8px 0 0; float: left; padding: 0 12px; font-size: 14px; height: 30px; line-height: 30px; }

.modal-video .video-cl .links { display: none; }

.modal-video h1 { -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }

.modal-video .video-cl .info { cursor: pointer; position: relative; padding-right: 30px; }
.modal-video .video-cl .info .meta span { display: block; float: left; }
.modal-video .video-cl .info::before { cursor: pointer; content: '\f107'; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; position: absolute; top: 10px; right: 0; font-size: 22px; font-weight: 900; line-height: 26px; width: 26px; }
.modal-video .video-cl .info.active::before { transform: rotate(180deg); }
.modal-video .video-cl .info.active h1 { white-space: normal; text-overflow: clip; }

.modal-video h2 { font-size: 20px; line-height: 24px; margin-top: 20px; }

.video-rt { overflow: hidden; text-align: center; padding-top: 30px; }

.modal-video .video-rt { display: none; }

.video-rt .brsq-3 { display: none; }
.video-rt .brsq-3, .video-rt .brsq-4 { display: none; }

.swiper { overflow: hidden; position: relative; padding-right: 30px; }
.swiper ul { display: flex; padding: 0 2px; }
.swiper li { float: left; flex-shrink: 0; overflow: hidden; width: auto; position: relative; }

.swiper-button-next, .swiper-button-prev { cursor: pointer; position: absolute; z-index: 500; top: 0; height: 100%; width: 30px; font-size: 24px; text-align: center; }
.swiper-button-next { right: 0; text-align: right; }
.swiper-button-prev { left: 0; text-align: left; }
.swiper-button-next:before, .swiper-button-prev:before { font-weight: 900; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.swiper-button-next:before { content: '\f105'; }
.swiper-button-prev:before { content: '\f104'; }
.swiper-button-disabled { display: none; }

.swthumbs { overflow: hidden; padding: 20px 10px 0 0; }
.swthumbs .swiper { padding: 0 0 0 10px; }
.swthumbs .swiper li { width: 260px; }
.swiper li .thumb { float: none !important; width: 100% !important; }
.swiper li .thumb::after { height: 32px; width: 32px; margin: -45px 0 0 -20px; font-size: 20px; }

.modal-video .swthumbs { padding-right: 0; }
.modal-video .swiper li .thumb a { margin: 0 10px 0 0 !important; }
.swiper li .thumb a { margin: 0 10px 0 0 !important; }
.swiper li .thumb p { font-size: 14px; }
.swiper li .thumb .likes { font-size: 10px; }
.swiper li .thumb .likes span::before { font-size: 16px; }

.swiper li .thumb .label { top: 5px; right: 5px; }
.modal-video .swiper li .thumb .label { top: 5px; right: 5px; }

.swthumbs .swiper-button-next, .swthumbs .swiper-button-prev { font-size: 34px; padding: 0; width: 40px; top: -35px; }

.modal-video .swthumbs { padding-top: 10px; }

.navi-blk { overflow: hidden; padding: 20px 8px 20px 8px; font-size: 0; text-align: center; }
.navi-blk .inner { overflow: hidden; padding-top: 10px; }
.navi-blk a, .navi-blk span { margin: 4px 2px 0 2px; display: inline-block; vertical-align: top; border-style: solid; border-width: 1px; height: 34px; line-height: 34px; border-radius: 18px; padding: 0 5px; min-width: 24px; font-size: 14px; overflow: hidden; }
.navi-blk a.next, .navi-blk span.next, .navi-blk a.prev, .navi-blk span.prev { padding: 0; width: 47%; margin: 4px 1% 0 1%; max-width: 200px; height: 40px; line-height: 40px; border-radius: 21px; }
.navi-blk a.next::after, .navi-blk span.next::after { content: "\f30b"; font-weight: 900; display: inline-block; vertical-align: top; height: inherit; line-height: inherit; font-size: 24px; margin-left: 5px; }
.navi-blk a.prev::before, .navi-blk span.prev::before { content: "\f30a"; font-weight: 900; display: inline-block; vertical-align: top; height: inherit; line-height: inherit; font-size: 24px; margin-right: 5px; }

.navi-blk .inner.next-desktop { display: none; }


.tags-list { overflow: hidden; padding: 10px 0 0 10px; }
.tags-list a { border-style: solid; border-width: 1px; display: block; border-radius: 16px; margin: 8px 8px 0 0; float: left; padding: 0 12px; font-size: 14px; height: 30px; line-height: 30px; }
.tags-list a::before { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; content: "\f02b"; font-weight: 900; display: block; float: left; font-size: 16px; margin-right: 3px; }

.partners-list { padding: 20px 0 0 10px; overflow: hidden; }
.partners-list a { border: 1px solid transparent; margin-right: 8px; font-weight: bold; padding: 0 16px; font-size: 16px; border-radius: 5px; height: 45px; line-height: 45px; display: block; overflow: hidden; }
.partners-list a::before { content: "\f058"; display: block; float: left; height: inherit; line-height: inherit; margin-right: 5px; font-size: 24px; }

.about { overflow: hidden; margin: 25px 10px 20px 10px; font-size: 15px; line-height: 24px; text-align: justify; }
.about p { overflow: hidden; margin-top: 15px; }
.about h2 { margin: 0 0 5px 0; }
.about a { border-bottom-width: 1px; border-bottom-style: solid; }

.footer-blk { margin-top: 50px; padding: 10px 10px 20px 10px; font-size: 15px; line-height: 22px; overflow: hidden; text-align: center; }
.footer-blk .wrapper { padding: 0 !important; min-height: 100% !important; }
.footer-blk p { margin-top: 10px; }
.footer-blk a { border-bottom-width: 1px; border-bottom-style: solid; margin: 2px 10px 0 10px; }

#scroll-top { border-width: 1px; border-style: solid; overflow: hidden; opacity: 0.9; border-radius: 50%; position: fixed; z-index: 20000; right: 20px; bottom: 20px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; }
#scroll-top:hover { opacity: 1; }
#scroll-top:before { content: "\f106"; font-weight: 900; }

@media all and (min-width:460px) {
    .thumb { float: left; width: 50%; }
    .thumbs-blk { padding: 10px 5px 0 5px; }
    .thumb a { margin: 10px 5px 0 5px; }
    .thumb p { font-size: 14px; }
    .thumb-alt p { font-size: 16px !important; }
    .thumb .label { top: 15px; right: 0; }
}

@media all and (min-width:520px) {
    .rating { padding: 10px 0 0 0; float: left; }
    .rating a { display: block; float: left; margin: 0 20px 0 0; width: auto; max-width: 100%; }
    .rating a.like { padding-left: 15px; }
    .rating a.dislike { padding-right: 15px; }
    .video-cl .info { text-align: left; }
    .video-cl .info .meta span { display: block; float: left; margin: 5px 15px 0 0; }
    .video-cl .info .meta span:last-child { margin-right: 0 !important; }
    .thumb-alt p { font-size: 18px !important; }
}

@media all and (min-width:640px) {
    .sort-btn { font-size: 16px; }
    .brsq-2 { display: inline-block; }
    .thumb p { font-size: 15px; }
    .partners-list a { padding: 0 20px; font-size: 18px; height: 50px; line-height: 50px; }
}

@media all and (min-width:720px) {
    .thumb { width: 33.3333%; }
    .thumb p { font-size: 14px; }
    .thumb-alt p { font-size: 16px !important; }
}

@media all and (min-width:825px) {
    .wrapper { min-height: 620px; }
    .modal-iframe .inner { width: 825px; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: 620px; top: 50%; }
    .modal-video .video-tb { display: table; width: 100%; }
    .modal-video .video-cl, .modal-video .video-rt { display: table-cell; vertical-align: top; }
    .modal-video .video-cnt { padding: 0 8px 0 10px; }
    .modal-video .wrapper { padding-top: 20px !important; }
    .modal-video .video-cl { max-width: 100% !important; padding-top: 0 !important; }
    .modal-video .video-rt { width: 300px; max-width: 300px; padding: 0 15px 0 10px; }
    .modal-video .video-rt .brsq { margin: 0; }
    .modal-video .video-rt .brsq-2 { display: none; }
    .modal-video .swthumbs { padding-right: 15px; }
    .brsq-300x100 { display: none; }

    .navi-inner { display: inline-block; vertical-align: top; overflow: hidden;  }
    .navi-blk .inner { float: left; }
    .navi-blk .inner.next-desktop { display: block; }
    .navi-blk .inner.next-prev a.next, .navi-blk .inner.next-prev span.next { display: none; }
    .navi-blk a, .navi-blk span { height: 40px; line-height: 40px; min-width: 30px; border-radius: 21px; margin: 4px 4px 0 4px; }
    .navi-blk a.next, .navi-blk span.next, .navi-blk a.prev, .navi-blk span.prev { padding: 0 20px; width: auto; margin: 4px 16px 0 16px; max-width: 100%; min-width: 110px; }
    
    .thumb a::after { text-shadow: 0 0 5px rgba(0,0,0,0.4); border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-radius: 50%; text-align: center; content: '\f04b'; -moz-transition: 0.6s ease; -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; font-weight: 900; z-index: 1; opacity: 0; position: absolute; top: 50%; left: 50%; width: 62px; height: 52px; font-size: 40px; line-height: 52px; margin: -60px 0 0 -35px; }
    .thumb a:hover::after { transform: rotate(360deg); opacity: 1; z-index: 4; }
    .thumb a:hover .thimg::after { opacity: 1; }
    .thimg img { -moz-transition: 0.6s ease; -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; }
    .thumb a:hover .thimg img { transform: scale(1.02); }
    .thumb-alt a::after { content: '\f2f6'; border-radius: 0; width: 50px; border-right: 0; border-left: 0; margin: -48px 0 0 -25px; }
    .thumb-alt p { font-size: 18px !important; }
    .swiper li .thumb a::after { width: 52px; height: 42px; font-size: 30px; line-height: 42px; margin: -55px 0 0 -30px; }
    .rating { padding: 15px 20px 0 0; }
    .rating a.like { padding-left: 20px; }
    .rating a.dislike { padding-right: 20px; }
    .video-cl h1 { margin-top: 15px; }
    .video-cl .info .meta span { margin-right: 25px; }
    .video-cl .links a { border-radius: 18px; height: 34px; line-height: 34px; }
       
}

@media all and (min-width:1020px) {
    h2 { margin-top: 80px; }
    .head { padding-bottom: 10px; text-align: center; }
    a.logo { position: absolute; left: 10px; top: 15px; transform: none; margin: 0; font-size: 22px; height: 40px; line-height: 40px; }
    .head { position: relative; top: auto; left: auto; }
    .wrapper { padding-top: 0px; width: 1000px; max-width: 100%; }
    .search { padding-top: 20px; }
    .head-btn { display: none; }
    .headmenu { display: inline-block !important; vertical-align: top; clear: none; padding: 10px 0 0 0; margin: 0 auto; }
    .headmenu a { margin: 0 15px; height: 30px; line-height: 30px; }
    .search-btn { top: 10px; }
    .swtype-1 a { border-radius: 18px; padding: 0 15px; height: 34px; line-height: 34px; }
    .thumb { width: 330px; }
    .thumb p { font-size: 15px; }
    .thumb .desc span { margin-right: 15px; }
    .swiper li .thumb .desc { bottom: 10px; left: 10px; }
    .modal-iframe { padding-top: 20px; padding-bottom: 30px; }
    .modal-iframe::after { width: 50px; height: 50px; line-height: 50px; font-size: 30px; top: 10px; right: 10px; }
    .modal-iframe .spinner { height: 72px; width: 72px; margin: -40px 0 0 -40px; }
    .brsq-blk { padding-top: 70px; } 
    .brsq { margin: 10px 10px 0 10px; }
    .brsq-3 { display: inline-block; }
    .video-tb { display: table; width: 100%; }
    .video-cl, .video-rt { display: table-cell; vertical-align: top; overflow: hidden; }
    .video-rt { width: 300px !important; min-width: 300px !important; max-width: 300px !important; padding: 0 10px 0 20px; }
    .video-rt .brsq { margin: 20px 0 0 0; }
    .video-cl { padding-right: 0; }
    .video-cl .info .meta a.like, .video-cl .info .meta a.dislike { margin-right: 10px !important; }
    .video-cl .info .meta span:last-child { margin-right: 0 !important; }
    .tags-list a { border-radius: 18px; height: 34px; line-height: 34px; }
    #scroll-top { width: 50px; height: 50px; line-height: 50px; font-size: 30px; }
}

@media all and (min-width:1040px) {
    .wrapper { width: 1020px; }
    .thumbs-blk { padding: 0; }
    .thumb { width: 340px; }
    .thumb a { margin: 20px 10px 0 10px; }
    .thumb .label { top: 25px; right: 5px; }
    .swiper li .thumb a { margin: 0 20px 0 0 !important; }
    .swiper li .thumb .label { right: 15px; }
}

@media all and (min-width:1285px) {
    .wrapper { min-height: 900px; }
    .modal-iframe { padding: 30px 0; }
    .modal-video .wrapper { width: 100%; }
    .modal-video .video-cl-2 { width: 934px !important; max-width: 934px !important; display: block; }
    .modal-video .video-rt .brsq-2 { margin-top: 20px; display: inline-block; }
    .modal-video .video-rt { padding-left: 20px; }
}

@media all and (min-width:1360px) {
    .headmenu a { margin: 0 25px; }
    .wrapper { width: 1340px; }
    .thumbs-blk { padding: 10px 5px 0 5px; }
    .thumb { width: 330px; }
    .thumb a { margin: 10px 5px 0 5px; }
    .thumb .label { top: 15px; right: 0; }
    .navi-blk a, .navi-blk span { height: 48px; line-height: 48px; min-width: 38px; border-radius: 25px; }
    .navi-blk a.next, .navi-blk span.next, .navi-blk a.prev, .navi-blk span.prev { height: 48px; line-height: 48px; border-radius: 25px; }
    .brsq-4 { display: inline-block; }
    .video-rt .brsq-3 { display: inline-block; }
    .swiper li .thumb a { margin: 0 10px 0 0 !important; }
    .swiper li .thumb .label { right: 5px; }
    .partners-list a { height: 60px; line-height: 60px; padding: 0 25px; }
}

@media all and (min-width:1380px) {
    .wrapper { width: 1360px; }
    .thumbs-blk { padding: 0; }
    .thumb { width: 340px; }
    .thumb a { margin: 20px 10px 0 10px; }
    .thumb .label { top: 25px; right: 5px; }
    .swiper li .thumb a { margin: 0 20px 0 0 !important; }
    .swiper li .thumb .label { right: 15px; }
}

@media all and (min-width:1720px) {
    .wrapper { width: 1700px; }
    .modal-iframe .inner { width: 1305px; max-height:890px; }
    .video-rt { padding-top: 12px; }
    .video-rt .brsq { margin-top: 8px; }
    .brsq-5 { display: inline-block; }
}