* {
    margin: 0;
    padding: 0;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

img {
    border: 0 none;
}

input {
    outline: none;
}

body {
	font-size: 12px;
	font-family: arial;
	background-color: #254465;
	color: #F8D0F6;
	font-size: 12px;
	font-family: Arial;
}

h1,
h2,
h3,
h4 {
	display: block;
	color: #BDDEF3;
	font-size: 130%;
	font-weight: bold;
	margin: 5px 0;
	text-shadow: 1px 1px #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

h1:before,
h2:before,
h3:before {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	content: '';
	background-position: left 1px;
	background-repeat: no-repeat;
	margin: 0 5px;
	background-image: url(../images/arr4.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.block_header {
    text-align: left;
}

.grid,
header,
article,
section,
aside,
nav,
footer,
.banner,
.related,
.player,
.videopart,
.info_rows,
.video_comments,
.header-banner {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.grid {
    max-width: 1820px;
}

header {
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0F1A26;
	background-color: #16283B;
}

header * {
    display: inline-block;
    vertical-align: middle;
}

.logo {
	display: block;
	float: left;
	width: 100%;
	max-width: 165px;
	height: 45px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/logo1.png);
}

.topnavi a {
    display: block;
    line-height: 2.5;
    font-size: 14px;
    padding: 0 15px;
}

.topnavi a:before {
    display: block;
    height: 12px;
    content: '';
    background-position: center center;
    background-repeat: no-repeat;
    margin: 10px 0 -5px 0;
}

.topnavi a:hover,
.topnavi a.selected {
	box-shadow: inset 0px -2px 0px #254465;
	color: #95C9EC;
}

.topnavi li {
	margin-right: -4px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #254465;
}

.topnavi li:last-child {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #254465;
}

.topnavi li div {
	display: none;
	position: absolute;
	z-index: 99999;
	width: 100%;
	max-width: 590px;
	background-color: #000;
	text-align: left;
	padding: 5px;
	background-color: #16283B;
	border: 1px solid #16283B;
	margin: 0 0 0 -1px;
}

.topnavi li div a {
	display: inline-block;
	vertical-align: top;
	width: 85px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #477AAE;
}

.topnavi li div a:before {
    display: none;
}

.topnavi li:hover div {
    display: block;
}

.topnavi li div a.allcat {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bolder;
	box-sizing: border-box;
}

.topnavi li div a:hover {
	box-shadow: none;
	background-color: #08121C;
	color: #3399DB
}

.drop {
    background-position: center 94%;
    background-repeat: no-repeat;
}
#oppers, #oppers2  {color: #63B1D8;}


.search {
	display: block;
	float: right;
	width: 100%;
	max-width: 1050px;
	width: calc(100% - 900px);
	background-color: #0C1621;
	border: 1px solid #254465;
	margin: 4px 0;
	color: #CCC;
}

.search input {
	background-color: #0C1621;
	border: 0 none;
	padding: 0 15px;
	line-height: 3
}

.search input[type="text"] {
	float: left;
	width: 80%;
	width: calc(100% - 75px);
	color: #CCC;
}

.search input[type="submit"] {
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-image: url(../images/sear.png);
}

.lang {
	display: block;
	float: right;
	width: 80px;
	margin: 4px;
	background-image: url(../images/en2.png);
}

.lang ul {
	display: block;
	position: absolute;
	width: 80px;
	height: 30px;
	overflow: hidden;
	background-color: #16283B;
	border: 1px solid #16283B;
	z-index: 9999;
}

.lang li {
    margin: 5px 0;
}

.lang li img {
    padding: 0 5px 0 0;
}

.lang:hover ul {
	height: auto;
	border-top-color: #16283B;
	border-right-color: #16283B;
	border-bottom-color: #16283B;
	border-left-color: #16283B;
}

.lang ul a:hover {
	color: #FFFF99;
}

.list_videos {
    text-align: center;
}

.list_videos .item {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	height: 225px;
	background-color: #08121C;
	margin: 2px 0;
	padding: 0 0 1px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.length {
	float: right;
	line-height: 2;
	padding: 0 10px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FC9;
	margin: 0 0 -25px 0;
	position: relative;
	display: none;
	font-weight: bold;
}

.length:before {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	content: '';
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/tupp2.png);
}

.list_videos .item:hover .length {
    display: block;
}

.list_videos .item:hover img {
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.list_videos .item .info {
	display: block;
	position: relative;
	color: #fff;
	margin: -22px 0 0 0;
	height: auto;
	overflow: hidden;
	text-align: left;
	line-height: 1.7;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.list_videos .item .info span {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
}


.list_videos .item .info span:before {
	display: inline-block;
	width: 10px;
	height: 11px;
	content: '';
	margin: 0 5px 0 0;
	background-image: url(../images/tupp.png);
}

.list_videos .item .info em {
    font-style: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: none;
    width: 70%;
    padding: 0;
    line-height: 1;
}

.list_videos .item:hover .info {
	background-color: #000;
	color: #ACCBEB;
}

.list_videos .item:hover .info span {
    background-color: transparent;
}

.list_videos .item:hover .info em {
    display: inline-block;
    vertical-align: middle;
}

.list_videos .item img {
	width: 100%;
	height: 225px;
	padding: 0 0 1px 0;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #08121C;
}

.list_categories .item {
    height: auto;
}

.list_categories .item .info {
    border: 0 none;
    margin-top: -28px;
}

.list_categories .item:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.list_categories .item:hover .info span {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
}

.list_categories .item .info span {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.list_categories .item .info em {
	font-style: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	background-color: #fff;
	color: #F60;
	margin: 5px 0 0;
	line-height: 1.6;
	font-weight: bold;
}

.list_categories .item .info em:before {
	float: left;
	width: 20px;
	height: 20px;
	content: '';
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/tupp3.png);
}

.list_categories .item:hover .info {
    background-color: transparent;
}

.toplist .list_videos .item {
    padding-bottom:22px;
}
 .toplist .list_videos .item .info {
	display: block;
	position: absolute;
	color: #FC6;
	margin: 0px 0 0 0;
	height: auto;
	overflow: hidden;
	text-align: left;
	border-left: 0 none;
	width: inherit;
	background-color: #16283B;
	font-weight: bold;
	text-shadow: 1px 1px #0C1621;
}

.toplist .list_videos .item .info em {
    font-style: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 70%;
    padding: 0px 5px;
    line-height: 2;
}

.thumb-banner {
	display: block;
	float: right;
	width: 300px;
	height: 456px;
	background-color: #08121C;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	margin: 2px 0 0 0;
	overflow: hidden;
	text-align: center;
}

.thumb-banner iframe {
    display: inline-block;
}

nav {
    margin: 10px 0;
    text-align: center;
}

nav a,
nav span {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ececec;
    padding: 0 8px;
    line-height: 2;
    color: #EB83E7;
    background-color: #fff;
    font-size: 120%;
    border-bottom: 2px solid #efefef;
}

.next,
.prev {
    height: 29px;
    width: 12px;
    background-position: center center;
    background-repeat: no-repeat
}

nav a:hover,
nav span {
    border-bottom: 2px solid #EB83E7;
}

.banner {
    text-align: center;
    padding: 30px 0;
}

.banner div {
	display: inline-block;
	width: 300px;
	height: auto;
	min-height: 200px;
	background-color: #16283B;
	border: 1px solid #254465;
	padding: 1px;
	margin: 2px 0;
}

.bottom_banner {
    height: 310px;
    overflow: hidden;
}

.bottom_banner .banner div {
    margin-bottom: 10px;
}

footer {
	margin: 50px 0 0 0;
	padding: 10px 0;
	text-align: center;
	background-color: #16283B;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.copyright {
	float: left;
	padding: 60px 0 0 0;
	background-position: center top;
	background-repeat: no-repeat;
    color: # #5e5e5e;
	background-image: url(../images/logo1.png);
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
}

.links a {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	color: #94B4D8;
	margin: 40px 0 0 0;
	font-weight: bold;
}

.links a:hover {
	text-decoration: underline;
	color: #F9C;
}

.links a+a {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #94B4D8;
}

.related,
.videopart,
.videobanner {
    display: inline-block;
    vertical-align: top;
}

.related {
    float: left;
    max-width: 410px;
}

.related .list_videos .item {
    width: 200px;
    height: auto;
}

.related .list_videos .item img {
    width: 100%;
    height: auto;
}

.videobanner {
    float: right;
    max-width: 305px;
    margin-top: -1px;
}

.videopart {
    margin: 0 5px;
    box-sizing: border-box;
    max-width: 1090px;
    width: calc(100% - 725px)
}

.player {
    /*! padding: 2px 0; */
    /*! width: 100%; */
    /*! height: 613px; */
    /*! height: 28.8vw; */
}


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

.g_hidden {
    display: none;
}

.rating {
    display: inline-block;
    vertical-align: middle;
    width: 320px;
}

.rating a {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
}

.rating em {
    float: left;
    width: 170px;
    text-align: center;
    padding: 10px 0 0 0;
}

.rating em,
.rating u {
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
    color: #989898;
}

.rating u {
    color: #EB83E7;
    padding: 0 5px;
    font-size: 14px;
}

.rating em i {
	display: block;
	width: 90%;
	margin: 5px auto;
	height: 4px;
	background-color: #254465;
}

.rating ins {
    display: block;
    height: 4px;
    min-width: 10px !important;
    background-color: #EB83E7
}

#flag_like_this_video {
	float: left;
	background-image: url(../images/tupp4.png);
}

#flag_dislike_this_video {
	float: right;
	background-image: url(../images/tupp5.png);
}

#flag_inappropriate_video {
	float: right;
	background-image: url(../images/tupp6.png);}


#flagging_success {
    text-align: center;
    padding: 10px 0;
    color: #EB83E7;
    font-weight: bolder;
}

.info_row {
    background-color: #08121C;
    padding: 5px;
    border: 1px solid #08121C;
    border-bottom: 0 none;
}

.soc {
    display: inline-block;
    vertical-align: middle;
    width: 240px;
}

.addinfo {
    display: inline-block;
    vertical-align: middle;
    float: right;
    line-height: 3.5
}

.addinfo * {
	display: inline-block;
	font-style: normal;
	padding: 0 20px;
	background-position: left center;
	background-repeat: no-repeat;
}


.addinfo span 
	{background-image: url(../images/tupp7.png);}


.addinfo em 
	{background-image: url(../images/tupp8.png);}


.addinfo i 
	{background-image: url(../images/tupp9.png);}









.info_rows {
    line-height: 2;
    padding: 5px 0;
    height: auto;
    overflow: hidden;
}

.videopart p {
    font-size: 14px;
}

.videopart b {
    padding: 0 10px 0 0;
    text-transform: capitalize;
    font-size: 12px;
}

.info_rows a {
	background-color: #254465;
	padding: 3px 10px;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 5px;
}

.info_rows a:hover {
	background-color: #4073AC
}

.addcom {
    display: block;
    line-height: 4;
    text-align: right;
}

.addcom a {
	background-color: #16283B;
	padding: 10px 20px;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 5px;
}

.g_clear {
    display: block;
    float: none;
    clear: both;
}

.video_comments {
	background-color: #1A2E44;
	padding: 5px;
	border: 1px solid #08121C;
	border-top: 0 none;
	margin: -5px 0 0 0;
	box-sizing: border-box;
}

.video_comments textarea {
    width: 100%;
    padding: 5px;
    margin: 5px 0;
    box-sizing: border-box;
    border: 1px solid #08121C;
}

.video_comments input {
    border: 1px solid #08121C;
    padding: 5px;
    margin: 5px 0;
}

.video_comments input[type="submit"] {
    background-color: #EB83E7;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    float: right;
    padding: 10px 40px;
}

.comments_list {
    display: block;
    float: none;
    clear: both;
}

.video_comments .avatar {
    float: left;
    padding: 2px;
    margin: 2px 15px 0 0;
}

.video_comments h4 {
    line-height: 2;
}

.video_comments h4 a {
    color: #EB83E7
}

.sponinfo {
    display: block;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.sponinfo a {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
}

.sponinfo a.spon {
    float: left;
}

.sponinfo a.spon img {
    width: 210px;
    height: 160px;
    border: 1px solid #000;
}

.getfull {
    width: 100%;
    max-width: 680px;
    width: calc(100% - 280px);
    height: 73px;
    background-image: url(../images/getfull.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
}

.price {
	border: 1px solid #16283B;
	padding: 7px 30px;
	border-radius: 5px;
	font-size: 24px;
	color: #FFF5D7;
	background-color: #16283B;
}

.join {
	width: 100%;
	max-width: 680px;
	width: calc(100% - 280px);
	font-size: 24px;
	color: #FF9900;
}

.header-banner {
    text-align: center;
    padding: 10px 0;
    display: none;
}

   .hiddencomment {
        display: none;
    }
    .comments_list:after {
        display: block;
        text-align: center;
        content: 'Show all comments';
        line-height: 3;
        text-transform: uppercase;
        background-color: #EB83E7;
        color: #fff;
        cursor: pointer;
    }
    .comments_list.open .hiddencomment {
        display: block;
    }
    .comments_list.open:after {
        display: none;
    }
.about {
    line-height:1.5;
    
}
.about .part {
	display: inline-block;
	width: 49%;
	font-weight: bold;
	text-shadow: 1px 1px #15273C;
}
.about .part:last-child {
    float:right;
}
.category-text {
    padding:20px 0;
}







.home:before {
	background-image: url(../images/001.png);
}



.latest:before {
	background-image: url(../images/002.png);
}



.rated:before {
	background-image: url(../images/003.png);
}



.popular:before {
	background-image: url(../images/004.png);
}


.webcams:before {
	background-image: url(../images/005.png);
}




.categories:before {
	background-image: url(../images/006.png);
}










@media all and (max-width:1820px) {
    .list_videos .item {
        width: calc(100% / 6.1);
        height: auto;
    }
    .list_videos .item img {
        width: 100%;
        height: auto;
    }
    .search {
        width: calc(100% - 850px);
    }
    .list_videos .item .info em {
        width: 50%;
    }
}

@media all and (max-width:1820px) {
    .thumb-banner {
        width: calc(100% / 6.1 * 2);
        background-color: transparent;
        border: 0 none;
    }
    .list_videos {
        text-align: left;
    }
}

@media all and (max-width:1280px) {
    .related {
        width: 145px;
        text-align: center;
        height: 835px;
    }
    .related .list_videos .item {
        width: 145px;
    }
    .videopart {
        width: calc(100% - 460px);
    }
    
    .topnavi li div {
    margin: 0px 0px 0px -502px;
}
}

@media all and (max-width:1024px) {
    .related {
        display: none;
    }
    .videopart {
        width: calc(100% - 320px);
        
    }
    
    .player {  height: 40.8vw;}
  
}

@media all and (max-width:1000px) {
    .list_videos .item {
        width: calc(100% / 4.1) !important;
        height: auto;
    }
    .thumb-banner {
        width: calc(100% / 4.1 * 2);
    }
    .search {
        width: 99%;
        box-sizing: border-box;
        margin: 10px auto;
    }
    .player {
        height: 55vw;
    }
     .list_videos .item .info em {
        width: 95%;
    }
}


@media all and (max-width:900px) {
     .header-banner {
        display: block;
    } 
    
    .videobanner {
        display:none;
    }
     .videopart {
        width: 100%;
    }

}

@media all and (max-width:790px) {
    .lang ul {
        padding: 3px 0 7px 0;
        margin-top: 6px;
    }
    .topnavi {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	overflow: hidden;
	top: 10px;
	right: 90px;
	border: 1px solid #16283B;
	z-index: 9999;
    }
    .topnavi:before {
	display: block;
	content: '== ==';
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 10px;
	padding: 10px 0;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #0C1621;
	border-top-color: #0C1621;
	border-right-color: #0C1621;
	border-bottom-color: #0C1621;
	border-left-color: #0C1621;
    }
    .topnavi.open {
	width: 200px;
	height: auto;
	background-color: #16283B;
    }
    .topnavi.open li {
        width: 100%;
        border-bottom: 1px solid;
        border-left: 0 none;
    }
    .topnavi.open li:hover div {
        display: none;
    }
    .topnavi.open:before {
	display: block;
	content: 'x';
	background-color: #16283B;
	color: #FFF5D7;
    }
   
    
    header {padding-bottom: 20px;}
	
    .search {
	display: block;
	position: absolute;
	width: 40px;
	height: 42px;
	overflow: hidden;
	top: 0px;
	right: 140px;
	border: 1px solid #16283B
    }
    .search:before {
        display: block;
        position: absolute;
        width: 40px;
        height: 42px;
        z-index: 999;
        content: '';
        cursor: pointer;
    }
    .search input[type="text"] {
        display: none;
    }
    .search.open {
        position: relative;
        width: 100%;
        margin: 60px auto 0 auto;
        float: none;
        right: 0;
    }
    .search.open input[type="text"] {
        display: block;
    }
    .search.open:before {
        display: none;
    }
}

@media all and (max-width:570px) {
    .copyright {
        float: none;
    }
    .links a {
        padding: 0px 10px;
    }
}

@media all and (max-width:640px) {
    .getfull,
    .join {
        width: 95%;
    }
}

@media all and (max-width:500px) {
    .list_videos .item {
        width: calc(100% / 2.1) !important;
        ;
        height: auto;
    }
    .thumb-banner {
        width: 99%;
    }
    .logo {
        width: 120px;
        background-size: 100%;
        margin: 5px 0 0 0;
    }
    .thumb-banner {
        height: auto;
        display: none;
    }
}