.main-navigation a:hover, .main-navigation a.active, .main-navigation li.active a, .searches-links, img, .thumb-img, .b-300, .view-all a i, .list-network a i, .list span.total, .footer
{ background-color: rgb(235,235,235); }

body, .main-navigation a, .searches-links a
{ background-color: rgb(245,245,245); }

.gallery-button a, .header, .main-navigation, .searches-links a:hover, .sort-buttons a, .pages-navigation a, .view-all a, .list a, ul.gallery-links li a, ul.gallery-rating li a
{ background-color: rgb(250,250,250); }

.gallery-button a:hover, .search-input, .sort-buttons a:hover, .sort-buttons a.active, .sort-buttons li.active a, .pages-navigation a:hover, .pages-navigation a.active, .pages-navigation li.active a, .view-all a:hover, .list a:hover
{ background-color: rgb(255,255,255); }

.jcarousel-control-prev, .jcarousel-control-next
{ background-color: rgb(80,80,80); color: rgb(240,240,240); }

.gallery-button a, .main-navigation a, .search-input, .searches-links a, .sort-buttons a, .pages-navigation a, .pages-navigation span, .view-all a, .list a, ul.gallery-links li a, ul.gallery-rating li a, .footer a
{ border-color: rgb(215,215,215); }

.th-likes, .th-meta, .th-time
{ background-color: rgba(10,10,10,0.8); color: rgb(240,240,240); }

body, .search input::placeholder, .search button, .searches-links a, .sort-buttons a, .pages-navigation a, .pages-navigation span, .view-all a, .list span.total, .list-network a, .footer a
{ color: rgb(115,115,115); }

.gallery-button a i, a:hover, .logo a span, .menu-toggle:hover, .search-toggle:hover, .menu-toggle.active, .search-toggle.active, .main-navigation a:hover, .main-navigation a.active, .main-navigation li.active a, .searches-links a:hover i, ul.gallery-links li a i
{ color: rgb(210,60,60); }

#scroll-top, .jcarousel-control-prev:hover, .jcarousel-control-next:hover, .view-all a:hover i, .list-network a:hover i, .timer span
{ background-color: rgb(200,90,90); color: rgb(255,255,255); }

.gallery-button a:hover, .main-navigation a:hover, .main-navigation a.active, .main-navigation li.active a, .searches-links a:hover, .sort-buttons a:hover, .sort-buttons a.active, .sort-buttons li.active a, .pages-navigation a:hover, .pages-navigation a.active, .pages-navigation li.active a, .view-all a:hover, .list a:hover, ul.gallery-links li a:hover, .close:hover, .bot-close:hover, .footer a:hover
{ border-color: rgb(200,130,130); }

a, .logo a, h1, h2, .menu-toggle, .search-toggle, .searches-links a:hover, .searches-links a i, .search input, .search button:hover, .sort-buttons a:hover, .sort-buttons a.active, .sort-buttons li.active a, .pages-navigation a:hover, .pages-navigation a.active, .pages-navigation li.active a, .view-all a:hover, .view-all a i, .list a:hover span.total, .list-network a:hover, .list-network a i, .gallery-meta li a:hover, .gallery-meta li a i, .footer a:hover, .footer span
{ color: rgb(40,40,40); }

li.like a, li.like a i
{ color: rgb(30,160,140); }

li.like a:hover, li.like a:hover i, .th-likes i
{ color: rgb(40,180,160); border-color: inherit; }

li.dislike a, li.dislike a i
{ color: rgb(200,70,80); }

li.dislike a:hover, li.dislike a:hover i
{ color: rgb(220,90,100); border-color: inherit; }


@font-face{font-family:'Maven Pro'; font-weight: normal; font-style: normal; src:url(../font/MavenPro-Regular.ttf) format("truetype")}

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

div, ul, li, a, span, p, i { overflow: hidden; }

body { font-family: 'Maven Pro', sans-serif; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; transition: 0.1s ease; }

i { text-rendering: optimizeLegibility !important; }

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

.wrapper { margin: 0 auto; max-width: 1100px; }

.content { margin: 0 auto; max-width: 940px; }

.header { padding-bottom: 5px; min-height: 45px; }
.header, .header .content { overflow: visible; position: relative; }

.logo { float: left; margin: 5px 10px 0 5px; }
.logo a { height: 40px; line-height: 40px; font-size: 16px; display: block; text-transform: uppercase; }
.logo a img { background: none; width: auto; height: inherit; }

.menu-toggle, .search-toggle { cursor: pointer; height: 40px; text-align: center; line-height: 40px; width: 30px; margin: 5px 10px 0 10px; }
.menu-toggle { float: left; font-size: 24px; margin-right: 0; }
.search-toggle { float: right; font-size: 22px; }

.menu-toggle i, .search-toggle i { display: block; height: inherit; line-height: inherit; }

.main-navigation { display: none; box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.7); border-radius: 0 5px 5px 0; padding: 10px 0 15px 0; position: absolute; top: 55px; left: 0; min-width: 200px; max-width: 300px; z-index: 10000; }
.main-navigation li { margin: 5px 15px 0 15px; }
.main-navigation a { border-style: solid; border-width: 2px; border-radius: 5px; height: 44px; line-height: 44px; font-size: 16px; padding: 0 20px; display: block; }
.main-navigation a i { display: inline-block; vertical-align: top; margin-right: 3px; font-size: 18px; height: inherit; line-height: inherit; }

.search { display: none; clear: both; padding: 10px 10px 5px 10px; }
.search form { position: relative; }
.search-input { border-radius: 5px; height: 36px; line-height: 36px; border-width: 2px; border-style: solid; padding: 0 47px 0 15px; }
.search input { font-family: 'Maven Pro', sans-serif; background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 14px; height: inherit; line-height: normal; }
.search button { background: none; position: absolute; top: 0; right: 0; border: 0 none; cursor: pointer; outline: 0 none; width: 40px; font-size: 18px; height: 40px; line-height: 40px; }
.search button i { display: block; height: inherit; line-height: inherit; }

.searches-links { padding: 15px 0 15px 0; text-align: center; }
.searches-links a { border-width: 2px; border-style: solid; font-size: 14px; border-radius: 5px; padding: 0 10px; margin: 0 3px 0 3px; display: block; height: 28px; line-height: 28px; }
.searches-links i { display: block; float: left; margin-right: 3px; height: inherit; line-height: inherit; font-size: 16px; }

.wide-br-300 { margin: 20px auto 0 auto; width: 300px; height: 100px; }
.wide-br-728 { margin: 20px auto 0 auto; width: 728px; height: 90px; }

.sort-buttons { padding: 10px 0 0 10px; }
.sort-buttons li { float: left; margin: 5px 5px 0 0; }
.sort-buttons a { border-width: 2px; border-style: solid; font-size: 14px; border-radius: 5px; padding: 0 10px; height: 30px; line-height: 30px; display: block; }

.swiper { overflow: hidden; position: relative; padding-right: 130px; }
ul.swiper-items { display: flex; overflow: visible; }
li.swiper-item { float: left; flex-shrink: 0; }

.swiper-button-next, .swiper-button-prev { border: 0 none; cursor: pointer; overflow: hidden; position: absolute; z-index: 500; top: 0; bottom: 0; width: 30px; font-size: 24px; text-align: center; }
.swiper-button-next { background: linear-gradient(to right,transparent,rgba(255,255,255,0.9)); background: -webkit-linear-gradient(left,transparent,rgba(255,255,255,0.9)); border-radius: 5px 0 0 5px; right: 0; text-align: right; }
.swiper-button-prev { background: linear-gradient(to left,transparent,rgba(255,255,255,0.9)); background: -webkit-linear-gradient(right,transparent,rgba(255,255,255,0.9)); border-radius: 0 5px 5px 0; left: 0; text-align: left; }
.swiper-button-next i, .swiper-button-prev i { color: rgb(0,0,0); display: block !important; height: 30px !important; line-height: 30px !important; font-size: inherit; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.swiper-button-disabled { display: none; }

.thumbs .swiper-button-next, .thumbs .swiper-button-prev { top: 50%; bottom: auto; height: 80px; width: 40px; font-size: 30px;  transform: translateY(-50%); margin-top: -20px; }
.thumbs .swiper-button-next { right: 10px; background: linear-gradient(to right,transparent,rgba(0,0,0,0.8)); background: -webkit-linear-gradient(left,transparent,rgba(0,0,0,0.8));  }
.thumbs .swiper-button-prev { left: 10px; background: linear-gradient(to left,transparent,rgba(0,0,0,0.8)); background: -webkit-linear-gradient(right,transparent,rgba(0,0,0,0.8)); }
.thumbs .swiper-button-next i, .thumbs .swiper-button-prev i { color: rgb(255,255,255); }

.searches-links .swiper { margin: 0 10px !important; }

.thumbs { padding: 0 5px; }

.thumbs li a { display: block; margin: 20px 5px 0 5px; }
.thumb-img { position: relative; padding-bottom: 75%; border-radius: 5px; }
.thumb-img img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.thumbs li a .thumb-img::after { background-color: rgba(0,0,0,0.15); opacity: 0; transition: 0.1s ease; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.thumbs li a:hover .thumb-img::after { opacity: 1; }
.thumbs li p { height: 40px; line-height: 20px; font-size: 16px; margin: 5px 4px 0 4px; }
.th-likes, .th-meta, .th-time { position: absolute; display: block; height: 24px; line-height: 24px; padding: 0 4px; font-size: 12px; border-radius: 6px; z-index: 10; }
.th-likes i, .th-meta i, .th-time i { display: block; font-size: 18px; float: left; height: inherit; line-height: inherit; margin-right: 2px; }
.th-likes { bottom: 5px; left: 5px; }
.th-meta { bottom: 5px; right: 5px; }
.th-time { top: 5px; right: 5px; }

.vertical-ratio { padding-bottom: 150%; }
.square-ratio { padding-bottom: 100%; }
.rectangle-ratio { padding-bottom: 75%; }

li.thumb-cat p { text-transform: uppercase; }

  
.pages-navigation { text-align: center; margin-top: 34px; font-size: 0; }
.pages-navigation li { display: inline-block; vertical-align: top; margin: 6px 3px 0 3px; }
.pages-navigation a, .pages-navigation span { border-width: 2px; border-style: solid; font-size: 14px; border-radius: 5px; padding: 0 5px; height: 30px; line-height: 30px; display: block; min-width: 20px; }
.pages-navigation i { display: block; font-size: 18px; height: inherit; line-height: inherit; }

.view-all { text-align: center; padding: 20px 5px 0 5px; }
.view-all a { border-width: 2px; border-style: solid; font-size: 16px; border-radius: 5px; padding: 0 10px; height: 34px; line-height: 34px; display: inline-block; vertical-align: top; min-width: 100px !important; }
.view-all a i { float: right; margin: 5px 0 5px 10px; transition: 0.1s ease; display: block; font-size: 14px; height: 24px; line-height: 24px; width: 24px; border-radius: 5px; }

.brs-300 { font-size: 0; margin-top: 30px; text-align: center; }
.b-300 { width: 300px; height: 250px; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; }
.b-300-2, .b-300-3, .b-300-4, .b-300-5 { display: none; }

.list { font-size: 0; padding: 10px 5px 0 5px; }
.list li { page-break-inside: avoid; break-inside: avoid; display: inline-block; vertical-align: top; width: 100%; }
.list a { border-style: solid; border-width: 2px; border-radius: 5px; display: block; margin: 10px 5px 0 5px; padding-left: 5px; }
.list a span { white-space: nowrap; display: block; height: 40px; line-height: 40px; font-size: 18px; margin: 0 10px; }
.list a span.total { transition: 0.1s ease; border-radius: 5px; float: left; font-size: 12px; height: 24px; line-height: 24px; margin: 0 10px 15px 10px; padding: 0 5px; }
.list a i { transition: 0.1s ease; display: block; float: left; margin-right: 3px; height: inherit; line-height: inherit; }
.list a span.total i { font-size: 16px; }  

.list-network a i { float: right; margin: 8px 0 8px 3px; transition: 0.1s ease; display: block; font-size: 14px; height: 24px; line-height: 24px; width: 24px; border-radius: 5px; text-align: center; }

.gallery-wrapper { margin: 10px 0 0 0; }

.gallery-table { display: table; width: 100%; }

.gallery-col { margin: 10px 5px 0 5px; }

.on-player-box { display: none; background-color: rgba(0,0,0,0.5); text-shadow: 1px 1px 0 rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; text-align: center; }
.on-player { background-color: rgba(0,0,0,0.5); box-shadow: 0 0 15px -3px rgba(0,0,0,0.5); position: absolute; top: 50%; left: 50%; width: 300px; height: 250px; z-index: 5500; margin: -125px 0 0 -150px; }
.close, .bot-close { background-color: rgba(0,0,0,0.7); color: rgb(255,255,255); position: absolute; cursor: pointer; display: none; }
.close:hover, .bot-close:hover { background-color: rgba(0,0,0,0.8); }
.on-player-sp { width: 300px; height: 250px; }
.on-player-sp iframe { width: 300px !important; height: 250px !important; position: static !important; }
.close { border-width: 2px; border-style: solid; font-family: Arial, sans-serif; width: 30px; font-size: 18px; top: 8px; right: 8px; height: 30px; line-height: 30px; border-radius: 5px; }
.bot-close { border-width: 2px; border-style: solid; left: 8px; right: 8px; bottom: 8px; font-size: 16px; border-radius: 5px; overflow: hidden; height: 34px; line-height: 34px; }
.timer { border-width: 2px; border-style: solid; background-color: rgba(0,0,0,0.7); color: rgb(255,255,255); border-radius: 5px; position: absolute; left: 8px; right: 8px; bottom: 8px; font-size: 16px; overflow: hidden; height: 34px; line-height: 34px; }
.timer span { margin: 0 2px; padding: 0 5px; min-width: 15px; border-radius: 3px; }

.gallery-meta ul { margin: 12px 20px 0 5px; float: left;}
.gallery-meta ul:last-child { margin-right: 0 !important; }
.gallery-meta li { margin: 5px 20px 0 0; float: left; }
.gallery-meta li span { font-size: 14px; display: block; height: 40px; line-height: 40px; }
.gallery-meta li i { font-size: 30px; display: block; float: left; margin-right: 2px; height: inherit; line-height: inherit; }

ul.gallery-rating { float: none; margin: 17px 5px 0 5px; }
ul.gallery-rating li { width: 50%; margin: 0; text-align: center; }
ul.gallery-rating li i { font-size: 40px; display: inline-block; vertical-align: top; float: none; }
ul.gallery-rating li a { border-width: 2px; border-style: solid; font-size: 14px; display: block; height: 46px; line-height: 46px; border-radius: 5px; padding: 0 10px; cursor: pointer; }
ul.gallery-rating li.like a { margin-right: 5px; }
ul.gallery-rating li.dislike a { margin-left: 5px; }

ul.gallery-links { margin-right: 35px; }
ul.gallery-links li { margin-right: 5px; }
ul.gallery-links li a { border-width: 2px; border-style: solid; height: 36px; line-height: 36px; font-size: 14px; border-radius: 5px; padding: 0 10px; display: block; }
ul.gallery-links li a i { font-size: 22px; background: none !important; }

.vertbars-300 { font-size: 0; padding-top: 30px; text-align: center; }
.vertb-300 { width: 300px; height: 250px; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; }
.vertb-300-2, .vertb-300-3 { display: none; }

.t-desc { margin: 10px 10px 0 10px; }
.t-desc p { margin-top: 10px; font-size: 16px; line-height: 24px; text-align: justify; }

.footer { text-align: center; padding: 10px 0 20px 0; font-size: 14px; line-height: 22px; margin-top: 40px; }
.footer p { margin: 10px 10px 0 10px; }
.footer ul { font-size: 0; padding: 7px 7px 0 7px; }
.footer li { margin: 6px 3px 0 3px; display: inline-block; vertical-align: top; }
.footer a { border-style: solid; border-width: 2px; border-radius: 5px; display: block; height: 28px; line-height: 28px; font-size: 14px; padding: 0 8px; }

#scroll-top { opacity: 0.9; position: fixed; z-index: 20000; right: 10px; bottom: 10px; border-radius: 5px; cursor: pointer; display: none; width: 50px; height: 50px; line-height: 50px; font-size: 24px; text-align: center; }
#scroll-top:hover { opacity: 1; }
#scroll-top i { display: block; height: inherit; line-height: inherit; }

.gallery { overflow: hidden; padding: 0 0 20px 0; }
.gallery li { float: left; width: 50%; }
.gallery a { display: block; margin: 10px 5px 0 5px; overflow: hidden; border-radius: 5px; }
.gallery a .thumb-img::after { background-color: rgba(0,0,0,0.15); opacity: 0; transition: 0.1s ease; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.gallery a:hover .thumb-img::after { opacity: 1; }

.gallery-button { overflow: hidden; margin: 10px 5px; }
.gallery-button a { display: block; border-width: 2px; border-style: solid; padding: 15px; font-size: 18px; line-height: 24px; border-radius: 5px; text-align: center; }
.gallery-button a i { display: inline-block; vertical-align: top; height: inherit; line-height: inherit; font-size: 34px; margin: -1px 0 0 0; }

@media all and (min-width:360px) {
    .thumbs li { width: 50%; float: left; }
    .logo a { font-size: 18px; }
}

@media all and (min-width:500px) {
    .header { padding-bottom: 10px; min-height: 50px; }
    .logo { margin: 10px 15px 0 10px; }
    .logo a { font-size: 22px; }
    .menu-toggle, .search-toggle { margin-top: 10px; }
    .search-toggle { display: none; }
    .search { clear: none; display: block !important; padding: 10px 10px 0 10px; }
    .main-navigation { top: 65px; }
    .list ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
    .list a span { font-size: 15px; }
    .gallery li { width: 33.3333%; }
}

@media all and (min-width:520px) {
    .on-player-box { display: block; }
}

@media all and (min-width:640px) {
    .logo a { font-size: 24px; }
    .thumbs li { width: 33.3333%; }
    .list ul { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
    .b-300-2, .vertb-300-2 { display: inline-block; }
    .sort-buttons a, .pages-navigation a, .pages-navigation span { height: 34px; line-height: 34px; min-width: 24px; }
    ul.gallery-rating { float: left; margin: 12px 35px 0 5px; }
    ul.gallery-rating li { width: auto; margin: 5px 5px 0 0; }
    ul.gallery-rating li i { font-size: 30px; display: block; float: left; }
    ul.gallery-rating li a { height: 36px; line-height: 36px; }
    ul.gallery-rating li.like a, ul.gallery-rating li.dislike a { margin: 0; }
}

@media all and (min-width:740px) {
    .list a span { font-size: 16px; }
    .gallery li { width: 25%; }
}

@media all and (min-width:950px) {
    .content { max-width: 100%; width: 930px; }
    h1, h2 { font-size: 24px; line-height: 28px; margin-left: 5px; margin-right: 5px; }
    .header { overflow: hidden; }
    .menu-toggle { display: none; }
    .logo { margin: 10px 45px 0 5px; }
    .main-navigation { display: block !important; float: left; background: none; box-shadow: none; position: static; padding: 0; max-width: 100%; min-width: auto; }
    .main-navigation li {float: left; margin: 10px 20px 0 0; }
    .main-navigation a { border: 0 none; background: none !important; padding: 0; height: 40px; line-height: 40px; }
    .search { padding: 10px 5px 0 20px; }
    .search input { font-size: 16px; }
    .wide-br-300 { display: none; }
    .sort-buttons { padding-left: 5px; }
    .sort-buttons li { margin: 5px 10px 0 0; }
    .sort-buttons a { text-align: center; height: 40px; line-height: 40px; min-width: 100px; font-size: 16px; }
    .searches-links .swiper { margin: 0 5px; }
    .searches-links a { height: 36px; line-height: 36px; padding: 0 15px; }
    .thumbs .swiper-button-next { right: 5px; }
    .thumbs .swiper-button-prev { left: 5px; }
    .thumbs { padding: 0; }
    .thumbs ul { margin-top: 0; position: relative; }
    .thumbs li { width: 310px; }
    .thumbs li a { margin-top: 20px; }
    .thumbs li p { height: 48px; line-height: 24px; font-size: 17px; }
    li.thumb-cat p { font-size: 18px; }
    .brs-300 { margin-top: 40px; }
    .b-300 { float: left; }
    .b-300-3 { display: inline-block; }
    .pages-navigation { margin-top: 40px; }
    .pages-navigation li { margin: 10px 5px 0 5px; }
    .pages-navigation a, .pages-navigation span, .view-all a { height: 40px; line-height: 40px; min-width: 30px; }
    .pages-navigation i { font-size: 22px; }
    .view-all a i { margin: 8px 0 8px 10px; }
    .list { padding: 10px 0 0 0; }
    .list ul { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; }
    .list a span.total { padding: 0 7px; }
    .list-network a span { font-size: 15px; }
    .t-desc { margin: 10px 5px 0 5px; }
    .gallery-wrapper { margin: 10px 5px 0 0; }
    .gallery-col { padding: 0; display: table-cell; vertical-align: top; }
    .vertbars-300 { display: table-cell; vertical-align: top; width: 315px; padding-top: 0; }
    .vertb-300 { margin: 15px 0 0 15px; }
    .vertb-300:first-child { margin-top: 10px; }
    .footer { font-size: 16px; }
    .footer p { margin: 10px 5px 0 5px; }
    .footer ul { padding: 7px 2px 0 2px; }
    .gallery li { width: 33.3333%; }
}

@media all and (min-width:1360px) {
    .logo { margin-right: 55px; }
    .logo a { height: 50px; line-height: 50px; font-size: 28px; }
    .main-navigation li { margin-right: 40px; }
    .main-navigation a { height: 50px; line-height: 50px; font-size: 17px; }
    .search-input { height: 46px; line-height: 46px; padding: 0 57px 0 15px; }
    .search input { font-size: 17px; }
    .search button { width: 50px; font-size: 22px; height: 50px; line-height: 50px; }
    .content { width: 1240px; }
    h1, h2 { font-size: 26px; line-height: 30px; }
    .b-300-4 { display: inline-block; }
    .list ul { column-count: 6; -moz-column-count: 6; -webkit-column-count: 6; }
    .list a span { font-size: 15px; }
    .list-network a span { font-size: 14px; }
    .gallery li { width: 25%; }
}

@media all and (min-width:1370px) {
    .content { overflow: visible; }
    .gallery-button a { font-size: 22px; padding: 20px; }
}

@media all and (min-width:1690px) {
    .logo { margin-right: 75px; }
    .logo a { font-size: 30px; }
    .main-navigation li { margin-right: 60px; }
    .main-navigation a { font-size: 18px; }
    .search input { font-size: 18px; }
    .content { width: 1550px; }
    h1, h2 { font-size: 28px; line-height: 32px; }
    .b-300-5 { display: inline-block; }
    .list a span { font-size: 18px; }
    .list-network a span { height: 45px; line-height: 45px; font-size: 16px; }
    .list-network a i { margin: 10px 0 10px 3px; height: 25px; line-height: 25px; width: 25px; }
    .vertb-300-3 { display: inline-block; }
    .gallery li { width: 20%; }
}