@charset "utf-8";.icons .fa,.start,header h1,header ul li a {
    color: rgba(255,255,255,.5);
    text-shadow: 0 0 2px rgba(255,255,255,.79)
}

.icons .fa:hover,.start:hover:not(:active) {
    color: #000;
    text-shadow: 0 0 9px rgba(255,255,255,.79)
}

.start:hover:not(:active),.stop:hover:not(:active) {
    background: linear-gradient(rgba(147,147,158,0),rgba(253,253,253,.28)) rgba(107,104,104,.1);
    box-shadow: 0 1px rgba(255,255,255,.2) inset,0 3px 5px rgba(0,1,6,.5),0 0 1px 1px rgba(0,1,6,.2)
}

.logo,header h1,header ul li {
    text-align: center
}

body,html,ul.menu {
    align-content: stretch
}

main div.thumb>section:hover,ul.gifkas li:hover,ul.paginator li:hover {
    box-shadow: 0 0 8px 3px rgba(103,103,103,.92)
}

.click,.mod a,header h1,main div.embed p.loading,main h2,ul.menu b {
    text-transform: capitalize
}

footer,header {
    background: #000
}

footer ul,header ul,ul.menu,ul.paginator {
    list-style: none
}

.icons,.mod a,footer ul li a,header ul li a,main div.embed div.info span a,ul.paginator li a {
    text-decoration: none
}

body,html {
    font-size: 100%;
    display: flex;
    flex: 0 1 auto;
    margin: 0;
    flex-flow: column nowrap;
    align-items: stretch;
    background: url(images.jpg);
	-webkit-text-size-adjust: none
}

header {
    display: flex;
    flex-flow: row wrap;
    flex: 0 0 auto;
    border-radius: 7px;
    z-index: 1;
    margin: 0 5px;
    border: 1px solid rgba(179,179,179,.5)
}

header h1 {
    flex: 1 0 auto;
    margin: 4px;
    line-height: 3em;
    font-size: 1.3em
}

header ul {
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 auto;
    padding: 0;
    margin: 0;
    line-height: 3em;
    align-items: center;
    min-width: 770px
}

header ul li {
    flex: 1 0 auto;
    margin: 0;
    transition: .5s ease-in-out
}

.icon,.icons {
    display: flex;
    flex: 1 1 auto
}

header ul li a {
    display: block;
    line-height: 3.4em;
    font-size: 1.3em;
    font-weight: 700;
    transition: .5s ease-in-out;
    padding: 0 5px
}

header ul li a:hover {
    color: rgba(0,0,0,.5);
    border-radius: 7px;
    text-shadow: 0 0 5px rgba(0,0,0,.51)
}

header ul li:first-child {
    background: url(body1.jpg) 0 0/contain;
    border-radius: 7px
}

header ul li:nth-child(2) {
    background: url(body2.jpg) 0 0/contain;
    border-radius: 7px
}

header ul li:nth-child(3) {
    background: url(body3.jpg) 0 0/contain;
    border-radius: 7px
}

header ul li:nth-child(4) {
    background: url(body4.jpg) 0 0/contain;
    border-radius: 7px
}

header ul li:nth-child(5) {
    background: url(body13.jpg) 0 0/contain;
    border-radius: 7px
}

header ul li:nth-child(6) {
    background: url(body17.jpg) 0 0/contain;
    border-radius: 7px
}

header ul li:hover:first-child,ul.tage li.etattoo,ul.tage li:hover:nth-child(5),ul.tags li.gdoublepenetration,ul.tags li:hover:nth-child(7) {
    background: url(body1.png) 0 0/contain
}

header ul li:hover:nth-child(2),ul.tage li.dsmalltits,ul.tage li:hover:nth-child(4),ul.tags li.hfeet,ul.tags li:hover:nth-child(8) {
    background: url(body2.png) 0 0/contain
}

header ul li:hover:nth-child(3),ul.tage li.cbigtits,ul.tage li:hover:nth-child(3),ul.tags li.ifuck,ul.tags li:hover:nth-child(9) {
    background: url(body3.png) 0 0/contain
}

header ul li:hover:nth-child(4),ul.tage li.bfat,ul.tage li:hover:nth-child(2),ul.tags li.jhairypussy,ul.tags li:hover:nth-child(10) {
    background: url(body4.png) 0 0/contain
}

header ul li:hover:nth-child(5),ul.tagb li.dlatina,ul.tagb li:hover:nth-child(4),ul.tags li.mnudist,ul.tags li:hover:nth-child(13) {
    background: url(body13.png) 0 0/contain
}

header ul li:hover:nth-child(6),ul.taga li.espanish,ul.taga li:hover:nth-child(5),ul.tags li.qshaved,ul.tags li:hover:nth-child(17) {
    background: url(body17.png) 0 0/contain
}

.icons {
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    margin: 0 5px
}

.icons a {
    padding: 5px
}

.icon {
    flex-flow: nowrap;
    justify-content: space-around;
    align-items: center;
    background-position: center;
    background-size: initial;
    background-repeat: repeat;
    border-radius: 10px
}

.scrollup {
    width: 60px;
    height: 60px;
    opacity: .65;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
    text-indent: -9999px;
    background: url('icon_top.png') 0 0/contain no-repeat;
    z-index: 1000
}

.scrollup:hover {
    opacity: .9
}

.button {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center
}

.button a {
    display: block;
    height: 100%;
    transition: .3s ease-in-out;
    min-height: 40px;
    border-radius: 7px;
    margin-left: 3px;
}
.random{display:none;}
.click {
    background: 0 0;
    border: 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: 0;
    font: inherit;
    font-size: 1.3em;
    font-weight: 700;
    height: 100%;
    border-radius: 7px;
    transition: .2s ease-in-out
}
.stop {opacity: 1;transition: opacity 0.5s ease;display: inline-block;}
.stop.fade-out {opacity: 0;pointer-events: none;}
.click span {
    width: 27px;
    font-weight: 700;
    display: inline-block
}

.start {
    background: url(body21.jpg) 0 0/contain no-repeat
}

.counter,.mod a,.stop:hover:not(:active),footer ul li a,main div.embed div.info i.user,main div.embed div.info span a,main div.embed div.info span b,main div.embed p.loading,main h2,ul.menu b {
    color: rgba(255,255,255,.5)
}

.counter,.mod a,.stop,.stop:hover:not(:active),footer ul li a,main div.embed div.info i.user,main div.embed p.loading,main h2,ul.menu b {
    text-shadow: 0 0 2px rgba(255,255,255,.79)
}

.stop {
    background: url(body21.png) 0 0/contain;
    opacity: .85
}

.fa-3x {
    font-size: 1.2em!important
}

main {
    display: flex;
    flex-flow: row wrap;
    flex: 1 0 auto
}

main div.embed {
    flex: 0 1 100%;
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
    position: relative;
    padding: 5px 0;
    margin: 0 5px
}

.logo {
    flex: 1 0 auto;
    align-self: center;
    border-radius: 7px;
    min-width: 180px
}

.logo img {
    width: 100%;
    max-width: 400px;
    border-radius: 8px
}

.video-wrap {
    flex: 1 1 20%
}

main div.embed div.flexcam {
    flex: 1 1 20%;
    position: relative;
    line-height: 0;
    overflow: hidden;
    order: 1;
    border: 1px solid rgba(179,179,179,.5);
    border-radius: 8px
}

main div.embed div.flexcam img.layer {
    max-width: none;
    max-height: none;
    position: relative;
    z-index: 10;
    flex: 1 0 auto;
    width: 100%
}

main div.embed div.flexcam a.next,main div.embed div.flexcam a.prev {
    position: absolute;
    z-index: 20;
    padding: 0;
    margin: 0
}

main div.embed div.flexcam a.prev {
    left: 0;
    margin-top: 35%
}

main div.embed div.flexcam a.next {
    right: 0;
    margin-top: 35%
}

main div.embed div.flexcam a.next img,main div.embed div.flexcam a.prev img {
    max-height: 50px;
    max-width: 85px;
    opacity: .2
}

main div.embed div.flexcam a.next img.hidden,main div.embed div.flexcam a.prev img.hidden {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s cubic-bezier(.22, .61, .36, 1);
    bottom: 0;
    right: 0
}

main div.embed div.flexcam a.next:hover img.hidden,main div.embed div.flexcam a.prev:hover img.hidden {
    opacity: 1
}

main div.embed div.info {
    flex: 0 1 17%;
    max-width: 320px;
    margin: 0 5px;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    order: 2;
    overflow: hidden;
    border-radius: 7px;
    padding: 3px;
    border: 1px solid rgba(179,179,179,.5)
}

main div.embed div.info i.user,main div.embed div.info span {
    border-radius: 7px;
    display: flex;
    text-align: center;
    width: 100%
}

main div.embed div.info div.mainslider {
    flex: 0 1 auto
}

main div.embed div.info i.user {
    align-items: center;
    justify-content: center;
    font-style: normal;
    text-transform: capitalize;
    font-weight: 700;
    align-self: auto;
    position: relative;
    font-size: 1.3em;
    padding: 5px;
    max-height: 40px;
    background: rgba(255,255,255,.2);
    margin: 0 0 5px
}

.lives,main div.embed div.flexcam #close,main div.embed div.flexcam.stuck a.next,main div.embed div.flexcam.stuck a.prev,main div.embed div.info span i {
    display: none
}

main div.embed div.flexcam.stuck {
    position: fixed;
    top: calc(100% - 235px);
    left: 10px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 319px;
    height: 225px;
    -webkit-animation: .25s forwards fade-in-up;
    animation: .25s forwards fade-in-up;
    z-index: 9999;
    box-shadow: 0 0 8px 3px rgb(103 103 103 / 92%)
}

main div.embed div.flexcam.stuck #close {
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    pointer-events: all;
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: absolute;
    background: rgba(50,50,50,.4);
    top: 11px;
    right: 11px;
    opacity: .4;
    z-index: 210
}

main div.embed div.flexcam #close:hover {
    background: rgba(50,50,50,.9);
    transform: rotate(90deg);
    opacity: .9
}

#close:after,main div.embed div.flexcam #close:before {
    content: '';
    position: absolute;
    margin: auto;
    width: 1.4rem;
    height: 3px;
    background: #fff
}

main div.embed div.flexcam #close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

main div.embed div.flexcam #close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

main div.embed div.info span {
    flex-flow: row wrap;
    color: rgba(255,255,255,.79);
    justify-content: center;
    overflow: hidden;
    align-content: space-between
}

main div.embed div.info span a:hover {
    color: #000;
    text-shadow: 0 0 2px rgba(0,0,0,.5)
}

main div.embed div.info span a:after {
    position: relative;
    height: 1px;
    display: block;
    content: '';
    width: 0;
    left: 50%;
    transition: .5s ease-out;
    visibility: hidden;
    background: #000;
    box-shadow: 0 0 1px rgba(0,0,0,.51)
}

main div.embed div.info span a:hover:after {
    width: 100%;
    visibility: visible;
    left: 0
}

main div.embed div.info img {
    flex: 1 0 auto;
    width: 100%;
    max-width: 320px;
    max-height: 240px;
    display: block;
    border-radius: 5px
}

main div.embed p.loading {
    position: absolute;
    line-height: 2em;
    left: 10%;
    top: 5%;
    text-align: center;
    margin: 0;
    font-size: 1.3em
}

.camgasm {
    display: flex;
    flex: 0 1 10%;
    border: 1px solid rgba(179,179,179,.5);
    margin: 0 5px 0 0;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 7px;
    overflow: hidden
}

.camgasm img,ul.menu {
    border-radius: 7px;
    display: flex
}

.camgasm img {
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative
}

main div.embed div.info span b {
    flex: 1 0 100%;
    text-align: center;
    background: rgba(255,255,255,.2);
    margin: 10px 5px 0;
    border-radius: 5px;
    justify-content: center;
    display: flex;
    padding: 3px 0;
    align-items: center;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255,255,255,.79)
}

main div.embed div.info span a {
    display: block;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255,255,255,.79);
    transition: .5s ease-in-out
}

ul.menu {
    flex: 0 1 27.5%;
    margin: 0;
    padding: 0;
    order: 3;
    overflow: hidden;
    flex-flow: column nowrap;
    justify-content: space-between;
    border: 1px solid rgba(179,179,179,.5)
}

ul.menu b {
    text-align: center;
    font-size: 1.2em;
    background: rgba(255,255,255,.2);
    border-radius: 5px;
    margin: 3px
}

.mod a,main h2 {
    font-size: 1.3em
}

ul.taga li,ul.tagb li,ul.tagc li,ul.tagd li,ul.tage li,ul.tags li {
    border-radius: 7px;
    transition: .5s ease-in-out;
    margin: 1px;
    position: relative;
    text-align: center
}

ul.taga,ul.tagb,ul.tagc,ul.tagd,ul.tage {
    display: flex;
    flex: 1 1 auto;
    padding: 0;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    align-items: center;
    margin: 0 3px
}

ul.taga li,ul.tagb li,ul.tagc li,ul.tagd li,ul.tage li {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center
}

ul.taga li:first-child,ul.tags li:nth-child(20) {
    background: url(body21.jpg) 0 0/contain
}

ul.taga li:nth-child(2),ul.tags li:nth-child(19) {
    background: url(body20.jpg) 0 0/contain
}

ul.taga li:nth-child(3) {
    background: url(body19.jpg) 0 0/contain
}

ul.taga li:nth-child(4),ul.tags li:nth-child(18) {
    background: url(body18.jpg) 0 0/contain
}

ul.taga li:nth-child(5),ul.tags li:nth-child(17) {
    background: url(body17.jpg) 0 0/contain
}

ul.tagb li:first-child,ul.tags li:nth-child(16) {
    background: url(body16.jpg) 0 0/contain
}

ul.tagb li:nth-child(2),ul.tags li:nth-child(15) {
    background: url(body15.jpg) 0 0/contain
}

ul.tagb li:nth-child(3),ul.tags li:nth-child(14) {
    background: url(body14.jpg) 0 0/contain
}

ul.tagb li:nth-child(4),ul.tags li:nth-child(13) {
    background: url(body13.jpg) 0 0/contain
}

ul.tagb li:nth-child(5),ul.tags li:first-child {
    background: url(body12.jpg) 0 0/contain
}

ul.tagc li:first-child,ul.tags li:nth-child(2) {
    background: url(body11.jpg) 0 0/contain
}

ul.tagc li:nth-child(2),ul.tags li:nth-child(3) {
    background: url(body10.jpg) 0 0/contain
}

ul.tagc li:nth-child(3),ul.tags li:nth-child(4) {
    background: url(body9.jpg) 0 0/contain
}

ul.tagd li:first-child,ul.tags li:nth-child(5) {
    background: url(body8.jpg) 0 0/contain
}

ul.tagd li:nth-child(2),ul.tags li:nth-child(6) {
    background: url(body7.jpg) 0 0/contain
}

ul.tagd li:nth-child(3),ul.tags li:nth-child(12) {
    background: url(body6.jpg) 0 0/contain
}

ul.tage li:first-child,ul.tags li:nth-child(11) {
    background: url(body5.jpg) 0 0/contain
}

ul.tage li:nth-child(2),ul.tags li:nth-child(10) {
    background: url(body4.jpg) 0 0/contain
}

ul.tage li:nth-child(3),ul.tags li:nth-child(9) {
    background: url(body3.jpg) 0 0/contain
}

ul.tage li:nth-child(4),ul.tags li:nth-child(8) {
    background: url(body2.jpg) 0 0/contain
}

ul.tage li:nth-child(5),ul.tags li:nth-child(7) {
    background: url(body1.jpg) 0 0/contain
}

ul.taga li.aenglish,ul.taga li:hover:first-child,ul.tags li.ttoy,ul.tags li:hover:nth-child(20) {
    background: url(body21.png) 0 0/contain
}

ul.taga li.bdeutsch,ul.taga li:hover:nth-child(2),ul.tags li.sstriptease,ul.tags li:hover:nth-child(19) {
    background: url(body20.png) 0 0/contain
}

ul.taga li.cfrench,ul.taga li:hover:nth-child(3) {
    background: url(body19.png) 0 0/contain
}

ul.taga li.drussian,ul.taga li:hover:nth-child(4),ul.tags li.rsquirt,ul.tags li:hover:nth-child(18) {
    background: url(body18.png) 0 0/contain
}

ul.tagb li.aasian,ul.tagb li:hover:first-child,ul.tags li.pprivat,ul.tags li:hover:nth-child(16) {
    background: url(body16.png) 0 0/contain
}

ul.tagb li.beastern,ul.tagb li:hover:nth-child(2),ul.tags li.oorgasm,ul.tags li:hover:nth-child(15) {
    background: url(body15.png) 0 0/contain
}

ul.tagb li.cebony,ul.tagb li:hover:nth-child(3),ul.tags li.noffice,ul.tags li:hover:nth-child(14) {
    background: url(body14.png) 0 0/contain
}

ul.tagb li.ewhite,ul.tagb li:hover:nth-child(5),ul.tags li.aanal,ul.tags li:hover:first-child {
    background: url(body12.png) 0 0/contain
}

ul.tagc li.ateen,ul.tagc li:hover:first-child,ul.tags li.bbdsm,ul.tags li:hover:nth-child(2) {
    background: url(body11.png) 0 0/contain
}

ul.tagc li.bmilf,ul.tagc li:hover:nth-child(2),ul.tags li.cbeauty,ul.tags li:hover:nth-child(3) {
    background: url(body10.png) 0 0/contain
}

ul.tagc li.cmature,ul.tagc li:hover:nth-child(3),ul.tags li.dblowjob,ul.tags li:hover:nth-child(4) {
    background: url(body9.png) 0 0/contain
}

ul.tagd li.ablonde,ul.tagd li:hover:first-child,ul.tags li.ecouple,ul.tags li:hover:nth-child(5) {
    background: url(body8.png) 0 0/contain
}

ul.tagd li.bbrunette,ul.tagd li:hover:nth-child(2),ul.tags li.fcumshow,ul.tags li:hover:nth-child(6) {
    background: url(body7.png) 0 0/contain
}

ul.tagd li.credhead,ul.tagd li:hover:nth-child(3),ul.tags li.llingerie,ul.tags li:hover:nth-child(12) {
    background: url(body6.png) 0 0/contain
}

ul.tage li.aslim,ul.tage li:hover:first-child,ul.tags li.klesbian,ul.tags li:hover:nth-child(11) {
    background: url(body5.png) 0 0/contain
}

ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a,ul.tags li a {
    display: flex;
    z-index: 10;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-flow: row nowrap;
    flex: 100%;
    align-self: stretch;
    border-radius: 7px;
    text-decoration: none;
    font-size: 1em;
    color: rgba(255,255,255,.5);
    text-shadow: 0 0 2px rgba(255,255,255,.79);
    text-transform: uppercase;
    transition: .2s ease-in-out;
    line-height: 2.7em
}

main div.thumb,main div.thumb>section {
    align-content: flex-start;
    display: flex
}

ul.taga li a:hover,ul.taga li.aenglish a,ul.taga li.bdeutsch a,ul.taga li.cfrench a,ul.taga li.drussian a,ul.taga li.espanish a,ul.tagb li a:hover,ul.tagb li.aasian a,ul.tagb li.beastern a,ul.tagb li.cebony a,ul.tagb li.dlatina a,ul.tagb li.ewhite a,ul.tagc li a:hover,ul.tagc li.ateen a,ul.tagc li.bmilf a,ul.tagc li.cmature a,ul.tagd li a:hover,ul.tagd li.ablonde a,ul.tagd li.bbrunette a,ul.tagd li.credhead a,ul.tage li a:hover,ul.tage li.aslim a,ul.tage li.bfat a,ul.tage li.cbigtits a,ul.tage li.dsmalltits a,ul.tage li.etattoo a,ul.tags li a:hover,ul.tags li.aanal a,ul.tags li.bbdsm a,ul.tags li.cbeauty a,ul.tags li.dblowjob a,ul.tags li.ecouple a,ul.tags li.fcumshow a,ul.tags li.gdoublepenetration a,ul.tags li.hfeet a,ul.tags li.ifuck a,ul.tags li.jhairypussy a,ul.tags li.klesbian a,ul.tags li.llingerie a,ul.tags li.mnudist a,ul.tags li.noffice a,ul.tags li.oorgasm a,ul.tags li.pprivat a,ul.tags li.qshaved a,ul.tags li.rsquirt a,ul.tags li.sstriptease a,ul.tags li.ttoy a {
    color: rgba(0,0,0,.5);
    text-shadow: 0 0 1px rgba(0,0,0,.51);
    border-radius: 7px
}

ul.tags {
    display: flex;
    flex: 1 1 auto;
    padding: 0;
    justify-content: center;
    align-content: space-between;
    overflow: hidden;
    align-items: center;
    margin: 0 3px 3px;
    flex-flow: row wrap
}

ul.tags li {
    display: flex;
    flex: 1 1 20%;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

main div.embed iframe {
    flex: 1 0 auto;
    border: 0
}

main div.embed iframe.chaturbate {
    margin: 0;
    top: 0;
    bottom: 0;
    left: -100px;
    right: 0;
    order: 0;
    display: flex;
    flex: 1 0 100%;
    position: absolute;
    width: 134%;
    height: 105%
}

main div.embed iframe.bongacams {
    height: 130%;
    position: absolute;
    margin: -18px 0 0 -18px;
    top: 0;
    width: 202%;
    overflow: hidden;
    left: 0;
    bottom: 0;
    display: flex;
    flex: 0 1 100%;
    line-height: 0
}

main div.thumb {
    flex: 1 0 70%;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 0
}

main div.thumb>section {
    flex: 1 0 15%;
    max-width: 320px;
    min-width: 220px;
    margin: 3px;
    position: relative;
    overflow: hidden;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 5px;
    z-index: 1;
    border-color: transparent;
    transition: .35s ease-in-out
}

.mod,.mod a,footer ul li a,main div.thumb section p,ul.paginator li a {
    transition: .4s ease-in-out
}

main div.thumb section a img {
    display: block;
    width: 100%;
    max-width: 320px;
    border-radius: 7px
}

main div.thumb section p {
    margin: 0 0 1px;
    flex: 1 0 auto;
    text-align: center;
    border: 1px solid transparent;
    line-height: 1.5em;
    font-weight: 700;
    color: rgba(255,255,255,.7);
    text-shadow: 0 0 3px #6d6d6d;
    border-radius: 4px
}

main div.thumb section p:hover {
    background: rgba(255,255,255,.55);
    cursor: help;
    color: #000;
    font-weight: 700;
    border: 1px solid transparent
}

main div.thumb section p span {
    position: absolute;
    color: rgba(255,255,255,.8);
    z-index: 0;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    transition: .5s ease-out;
    border-radius: 5px
}

main div.thumb section p span i {
    display: block;
    margin: 5px 3px 0;
    border-top: 1px dotted;
    font-size: .9em;
    font-weight: 400;
    color: rgba(255,255,255,.65);
    text-align: center;
    font-style: normal
}

main div.thumb section p span img,ul.gifkas li img {
    width: 100%;
    border-radius: 7px
}

main div.thumb section p:hover span {
    opacity: 1;
    top: 1.67em;
    z-index: 100;
    font-weight: 400
}

main div.thumb section p span:hover {
    top: 100%
}

main div.thumb section p span.live {
    bottom: 0
}

main div.thumb section p span.live:hover {
    opacity: 0;
    z-index: 0;
    border-radius: 7px
}

main div.pages {
    display: flex;
    flex: 0 1 100%;
    flex-flow: row wrap;
    margin: 0 5px;
    padding: 0;
    border: 1px solid rgba(179,179,179,.5);
    color: rgba(255,255,255,.7);
    border-radius: 8px;
    line-height: 2em
}

main h2 {
    flex: 1 0 auto;
    text-align: center;
    margin: 5px 0;
    align-content: center;
    display: flex;
    justify-content: center
}

ul.paginator {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    flex: 1 0 45%;
    margin: 0;
    padding: 0
}

ul.paginator b,ul.paginator li {
    font-size: 1.3em;
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border: 1px solid;
    border-radius: 100%;
    width: 32px;
    transition: .4s ease-in-out;
    height: 32px
}

ul.paginator b,ul.paginator li:hover {
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(255,255,255,.7);
    color: #000;
    text-shadow: 0 0 3px #6d6d6d
}

ul.paginator b {
    padding: 3px 10px;
    width: 12px;
    height: 26px
}

ul.paginator li a {
    display: block;
    color: rgba(255,255,255,.7);
    text-shadow: 0 0 3px #6d6d6d;
    padding: 3px 10px
}

ul.paginator li a:hover {
    color: #000
}

ul.gifkas {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    flex: 0 1 20%;
    max-width: 315px;
    min-width: 315px;
    margin: 0
}

.counter,.mod a,ul.gifkas li:hover img {
    display: block
}

.mod {
    width: 95.5%;
    text-align: center;
    line-height: 2.18em;
    border-radius: 8px;
    margin-bottom: 3px;
    border: 1px solid rgba(255,255,255,.7)
}

.mod a {
    margin: 4px 0;
    font-weight: 700
}

.mod a:hover {
    color: #000;
    text-shadow: 0 0 3px #6d6d6d
}

.mod:hover {
    border: 1px solid #fff;
    background: url(glamgirl.png)
}

footer,ul.gifkas li,ul.gifkas li b {
    border-radius: 7px
}

ul.gifkas li {
    display: flex;
    position: relative;
    line-height: 0;
    max-width: 300px;
    max-height: 225px;
    flex: 1 0 auto;
    overflow: hidden;
    align-items: center;
    text-align: center;
    margin: 2px;
    transition: .35s ease-in-out
}

ul.gifkas li b {
    color: rgba(255,255,255,.8);
    position: absolute;
    width: 100%;
    line-height: normal;
    background: rgba(0,0,0,.39);
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    z-index: 10;
    transition: .35s ease-out;
    height: 100%;
}

ul.gifkas li:hover b {
    opacity: 0;
    z-index: -1
}

footer {
    flex: 0 0 auto;
    text-align: center;
    z-index: 1;
    margin: 10px 5px 0;
    border: 1px solid rgba(179,179,179,.5)
}

footer ul {
    display: flex;
    flex-flow: row wrap;
    flex: 1 0 auto;
    padding: 0;
    line-height: 1.5em;
    margin: 0;
    align-items: center
}

footer ul li {
    flex: 1 0 auto;
    text-align: center;
    margin: 0
}

footer ul li a {
    display: block;
    line-height: 1.4em;
    font-size: 1em;
    font-weight: 700;
    max-width: 200px;
    margin: auto;
    border-radius: 7px
}

footer ul li a:hover {
    color: rgba(0,0,0,.8);
    background: #b3b3b3;
    border-radius: 7px;
    text-shadow: 0 0 5px rgba(0,0,0,.51)
}

.spot {
    flex: 100%;
    border: 1px solid rgba(179,179,179,.5);
    border-radius: 7px;
    margin: 5px 5px 0
}

.counter {
    position: absolute;
    background-color: #000;
    left: 0;
    top: 0;
    padding: 4px;
    right: 0;
    font-size: .88em;
    text-align: center;
    transition: top .3s ease-out;
    z-index: 100;
    text-transform: uppercase;
    border: 1px solid rgba(204,204,204,.3);
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap
}

main div.thumb section:hover .counter {
    top: -2.7em
}

@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@media screen and (max-width: 1890px) {
    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a,ul.tags li a {
        line-height:2.6em
    }
}

@media screen and (max-width: 1830px) {
    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a {
        line-height:2.4em
    }

    ul.tags li a {
        line-height: 2.5em
    }
}

@media screen and (max-width: 1750px) {
    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a {
        line-height:2.1em
    }

    ul.tags li a {
        line-height: 2.3em
    }
}

@media screen and (max-width: 1680px) {
    .camgasm {
        display:none
    }

    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a {
        line-height: 2.7em
    }

    ul.tags li a {
        line-height: 2.8em
    }
}

@media screen and (max-width: 1550px) {
    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a {
        line-height:2.6em
    }

    ul.tags li a {
        line-height: 2.5em
    }
}

@media screen and (max-width: 1490px) {
    .lives,main div.embed div.info div.mainslider {
        min-width:320px;
        max-width: 320px
    }

    .lives,main div.embed div.info span b {
        margin: 0
    }

    main div.embed div.info {
        order: 5;
        flex: 1 1 100%;
        flex-flow: row nowrap;
        margin: 5px 0 0;
        align-items: center;
        max-width: none
    }

    main div.embed div.info i.user {
        display: none
    }

    ul.menu {
        flex: 0 1 40%;
        margin: 0 0 0 5px
    }

    .lives {
        display: block;
        order: 3;
        padding: 0
    }

    main div.embed div.info span {
        margin: 0 5px
    }

    ul.partner li a {
        font-size: 1em
    }
}

@media screen and (max-width: 1390px) {
    ul.gifkas {
        flex:0 1 100%;
        max-width: none;
        order: 0;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        display: flex;
        min-width: 100px;
        margin: 0 3px
    }

    ul.gifkas li {
        margin: 3px;
        flex: 1 0 15%;
        max-height: 160px;
        min-width: 150px
    }

    .mod {
        width: 99.5%
    }

    .mod:hover {
        background-size: contain
    }

    main div.thumb {
        order: 1;
        flex: 100%;
        margin: 3px 0 0
    }
}

@media screen and (max-width: 1340px) {
    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a,ul.tags li a {
        line-height:2.3em
    }
}

@media screen and (max-width: 1250px) {
    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a,ul.tags li a {
        line-height:2.1em
    }

    ul.menu {
        flex: 0 1 37%
    }
}

@media screen and (max-width: 1215px) {
    header ul {
        min-width:100%
    }

    main div.embed div.info div.mainslider {
        order: 0;
        max-width: 320px;
        max-height: 240px;
        align-self: center;
        position: relative;
        margin: auto
    }
}

@media screen and (max-width: 1190px) {
    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a {
        line-height:1.9em
    }

    ul.tags li a {
        line-height: 1.8em
    }
}

@media screen and (max-width: 1000px) {
    main div.embed div.flexcam {
        flex:1 1 100%;
        margin: 0 0 5px
    }

    .video-wrap {
        flex: 1 1 100%
    }

    ul.menu {
        order: 5;
        flex: 1 1 48%
    }

    main div.embed div.info {
        flex-flow: column nowrap;
        flex: 1 1 40%;
        margin: 0
    }

    main div.embed div.info i.user {
        display: block;
        margin: 0 5px 5px;
        padding: 5px 0
    }

    .lives {
        display: none
    }

    ul.partner {
        margin: 5px 0
    }

    main div.embed div.info span {
        margin: 5px 0 0
    }

    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a,ul.tags li a {
        line-height: 2.1em
    }

    main div.embed div.info div.mainslider {
        flex: 1 0 auto;
        min-width: auto
    }
}

@media screen and (max-width: 850px) {
    main h2 {
        flex:1 0 100%
    }

    ul.paginator {
        margin: 0 0 3px;
        flex-flow: row wrap
    }

    ul.paginator b,ul.paginator li {
        margin: 3px
    }
}

@media screen and (max-width: 750px) {
    ul.taga li a,ul.tagb li a,ul.tagc li a,ul.tagd li a,ul.tage li a,ul.tags li a {
        font-size:.85em;
        line-height: 2.5em
    }
}

@media screen and (max-width: 666px) {
    .click,header h1,header ul li a {
        font-size:1em
    }

    header {
        flex-flow: wrap
    }

    header h1 {
        line-height: 1.7em;
        max-width: 100%
    }

    main div.thumb section a img,main div.thumb>section {
        max-width: 400px
    }

    ul.gifkas li {
        min-width: 120px
    }

    header ul {
        line-height: 1em;
        flex-wrap: wrap
    }

    header ul li a {
        line-height: 2.7em
    }

    header .logo {
        flex: 100%;
        min-width: 100%
    }

    .blogo,main div.embed div.info {
        flex: 100%
    }

    ul.menu {
        margin: 5px 0 0
    }

    main div.embed div.flexcam a.next img,main div.embed div.flexcam a.prev img {
        max-width: 70px
    }

    main div.embed div.info span i {
        font-size: .7em;
        padding-top: 3px;
        text-transform: uppercase;
        line-height: normal;
        display: flex;
        flex: 0 1 100%;
        justify-content: center;
        font-style: normal
    }

    main div.embed p.loading {
        font-size: 1em;
        left: 0;
        top: 20%
    }

    .click span {
        width: 20px
    }

    .fa-refresh {
        font-size: 1.2em!important
    }
}

@media screen and (max-width: 440px) {
    main div.embed div.flexcam a.next img,main div.embed div.flexcam a.prev img {
        max-width:60px
    }
}