﻿body {background-color: #fbfbfb; font-family: Arial, sans-serif; margin: 0px; padding: 0px;}
a {color: #000000;}

.logoBlock {max-width: 703px; margin: 0 auto; border: 0px solid #554455;}
.logoImg {width: 100%;}

.ovalOfTopMenu {border: 1px solid #929292; border-radius: 10px; max-width: 1240px; width: 100%; box-sizing: border-box; margin: 0px auto; overflow: hidden; padding: 3px 6px 2px 6px; text-align: center; font-size: 20px; background-color: #ffffff;}
.linkMenuTag {color: #000000; font-size: 20px; font-family: Arial, sans-serif; white-space: nowrap; padding: 0px 8px 0px 0px; margin: 0px 0px 0px 0px; display: inline; text-decoration: underline;}
#changeFullTags {display: block; font-size: 18px; margin: 0 auto; padding: 10px 0px 0px 0px; border-bottom: 1px dotted #000000; width: 192px; cursor: default; color: #213121;}

.content {border: 0px solid #dd5522; max-width: 1240px; width: 100%; box-sizing: border-box; margin: 0px auto; overflow: hidden; padding: 6px 0px 0px 0px;}

.titleH1 {border: 0px solid #55dd22; margin: 0px 0px 0px 0px; padding: 0px 0px 11px 0px; font-size: 27px; font-weight: normal;}

.thumbAndText {border: 1px solid #929292; width: 300px; height: 273px; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; float: left; border-radius: 10px; position: relative; overflow: hidden; font-size: 18px;}
.linkInThumb {color: #000000; font-family: Arial, sans-serif; text-decoration: none;}

.thumbHolder {width: 300px; height: 185px; position: relative; overflow: hidden; border-radius: 7px 7px 0px 0px; display: block;}
.playerPreview {width: 300px; height: 184px; position: relative;  overflow: hidden; border-radius: 7px 7px 0px 0px; display: block; background-color: #000000; border-bottom: 1px solid #000000; padding: 0px; margin: 0px;}
.playerPreviewVideo {padding: 0px; margin: 0px; border: 0px;}
.regularThumb {width: 300px; height: 185px; margin: 0px 0px 0px 0px; z-index: 2; left: 0px; top: 0px; position: absolute; border-radius: 7px 7px 0px 0px; opacity: 1;}

.textDescInThumb {color: #000000; font-size: 18px; font-family: Arial, sans-serif; text-decoration: none; padding: 0px 0px 0px 2px;}
.videoRatingInThumb {width: 52px; height: 23px; line-height: 23px; font-size: 18px; font-family: Arial, sans-serif; border: 0px solid #929292; border-radius: 5px 5px 5px 5px; text-align: center; color: #ffffff; background-color: rgba(94, 94, 94, 0.6); overflow: hidden; position: absolute; top: 4px; right: 4px; z-index: 3;}
.videoLenghtInThumb {width: 52px; height: 23px; line-height: 23px; font-size: 18px; font-family: Arial, sans-serif; border: 0px solid #929292; border-radius: 5px 5px 5px 5px; text-align: center;color: #ffffff;  background-color: rgba(94, 94, 94, 0.6); overflow: hidden; position: absolute; top: 4px; left: 4px; z-index: 3;}
.videoStarRatingInThumb {width: 105px; height: 23px; line-height: 23px; font-size: 18px; font-family: Arial, sans-serif; border: 0px solid #929292; border-radius: 5px 5px 5px 5px; text-align: center;color: #ffffff;  background-color: rgba(94, 94, 94, 0.6); overflow: hidden; position: absolute; top: 158px; left: 3px; padding: 0px 0px 0px 2px; z-index: 3;}
.star {width: 20px; height: 20px; float: left; margin: 1px 0px 0px 0px;}

.playerAndControlBlock {overflow: hidden; border: 0px solid #7090aa; padding: 0px 0px 0px 0px;}
.pornoPlayer {margin: 0px; padding: 0px 0px 0px 0px; background-color: #474747; width: 864px; height: 486px; display: block; float: left; overflow: hidden;}
.controlBlock {margin: 0px; padding: 0px 0px 0px 6px; width: 214px; border: 0px solid #808080; overflow: hidden;}

.videoStoryline {font-size: 18px; padding: 12px 0px 10px 0px; overflow: hidden;}

#likeZone {overflow: hidden; cursor: default; height: 109px; border: 0px solid #778877; font-size: 18px;}
.divLikeDown {width: 80px; height: 109px; box-sizing: border-box; overflow: hidden; border-radius: 10px 0px 0px 10px; float: left; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #929292; padding: 20px 0px 0px 0px; text-align: center; }
.divLikeDown:hover {background-color: #dfdfdf;}
.divLikeUp {width: 160px; height: 109px; box-sizing: border-box; overflow: hidden; border-radius: 0px 10px 10px 0px; border-width: 1px; border-style: solid; border-color: #929292; padding: 4px 0px 0px 0px; }
.divLikeUp:hover {background-color: #99dd99;}
.imgLikeDown {width: 60px; height: 54px; }
.imgLikeUp {width: 60px; height: 54px; float: left; padding: 0px 3px 0px 10px; display: block; overflow: hidden;}
.likeUpText {font-size: 29px; font-weight: normal; border: 0px solid gray; display: block; overflow: hidden; padding: 14px 0px 0px 0px;}
.imgLikeUpAndText {display: block; overflow: hidden; border: 0px solid teal;}
.amountOfLikes {display: block; overflow: hidden; border: 0px solid red; text-align: center; font-size: 20px; padding: 19px 0px 0px 0px;}
.amountOfDislikes {display: block; overflow: hidden; border: 0px solid red; text-align: center; font-size: 20px;}

.timeOfThisVideo {overflow: hidden; font-size: 20px; padding: 14px 0px 0px 0px;}
.downloadThisVideo {overflow: hidden; font-size: 20px; padding: 10px 0px 0px 0px;}
.tagsOfThisVideo {overflow: hidden; font-size: 20px; padding: 10px 0px 0px 0px;}
.tagOfThisVideoLink {color: #000000; text-decoration: underline;}

.seeOtherVideoZone {overflow: hidden; padding: 12px 0px 0px 0px; }

.pageNumberLinks {border: 0px solid #856598; max-width: 1240px; width: 100%; box-sizing: border-box; margin: 0px auto; overflow: hidden; padding: 5px 5px 5px 5px; text-align: center; }
.onlyNumbers {border: 0px solid #659548; max-width: 1240px; width: 100%; box-sizing: border-box; margin: 0px auto; overflow: hidden; padding: 0px 0px 0px 0px; text-align: center; }
.goPageNumber {box-sizing: border-box; border: 1px solid #b0b0b0; display: inline-block; text-align: center; width: 46px; height: 46px; line-height: 44px; color: #000000; background-color: #f8f8f8; font-family: Arial, sans-serif; font-size: 27px; margin: 3px; border-radius: 10px; overflow: hidden;}
.goPageNumberSelected {box-sizing: border-box; border: 1px solid #000000; display: inline-block; text-align: center; width: 46px; height: 46px; line-height: 44px; color: #000000; font-family: Arial, sans-serif; font-size: 27px; margin: 3px; border-radius: 10px; overflow: hidden;}
.skipPagesSign {box-sizing: border-box; border: 1px solid transparent; display: inline-block; text-align: center; width: 46px; height: 46px; line-height: 44px; color: #000000; font-family: Arial, sans-serif; font-size: 27px; margin: 3px; border-radius: 10px; overflow: hidden;}
.onlyArrows {border: 0px solid #659548; max-width: 1240px; width: 100%; box-sizing: border-box; margin: 0px auto; overflow: hidden; padding: 8px 0px 0px 0px; text-align: center; }
.arrowLeft {width: 128px; height: 42px; margin: 0px 7px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #113311; overflow: hidden; display: inline-block;}
.arrowRight {width: 128px; height: 42px; margin: 0px 0px 0px 7px; padding: 0px 0px 0px 0px; border: 0px solid #113311; overflow: hidden; display: inline-block;}

.down {border: 0px solid #dd5522; max-width: 1240px; width: 100%; box-sizing: border-box; margin: 0px auto; overflow: hidden; padding: 6px 0px 0px 0px;}


@media screen and (max-width: 1120px)
{
.pornoPlayer {width: 672px; height: 378px;}
}

@media screen and (max-width: 1010px)
{
.pornoPlayer {width: 576px; height: 324px;}
}


@media screen and (max-width: 930px)
{
.pornoPlayer {width: 480px; height: 270px;}
}


@media screen and (max-width: 720px)
{
.controlBlock {padding: 10px 0px 0px 6px;}
}

@media screen and (max-width: 510px)
{
.pornoPlayer {width: 448px; height: 252px;}
}

@media screen and (max-width: 480px)
{
.pornoPlayer {width: 416px; height: 234px;}
}

@media screen and (max-width: 446px)
{
.pornoPlayer {width: 384px; height: 216px;}
}

@media screen and (max-width: 414px)
{
.pornoPlayer {width: 368px; height: 207px;}
}

@media screen and (max-width: 400px)
{
.pornoPlayer {width: 352px; height: 198px;}
}

@media screen and (max-width: 380px)
{
.pornoPlayer {width: 336px; height: 189px;}
}

@media screen and (max-width: 366px)
{
.pornoPlayer {width: 320px; height: 180px;}
}

@media screen and (max-width: 350px)
{
.pornoPlayer {width: 294px; height: 165px;}
}
