body
{
	background-color: #FAFAFA;
	margin: 0px;
	font-family: Arial, sans-serif;
}

.goleft
{
	float: left;
	white-space: nowrap;
}

.goright
{
	float: right;
	white-space: nowrap;
}

.spacer
{
	margin-top: 20px;float: left; width: 100%;
}

.sp
{
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 12px;
	background-color: rgba(0, 0, 0, 0.5);
	height: 18px;
	line-height: 18px;
	border-radius: 9px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	text-decoration: none;
}

.sp:hover
{
	background-color: #000;
}

.length2
{
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: rgba(0,0,0,0.75);
	height: 18px;
	line-height: 18px;
	border-radius: 9px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	font-size: 12px;
}

.thumb:hover .length2
{
	display: none;
}

.menu a.nmode
{
	margin-top: 20px;
	background-color: #444;
	height: 28px;
	line-height: 28px;
	border-radius: 14px;
	color: #fff;
	font-size: 12px;
	display: none;
}

header
{
	background-color: #fff;
	height: 70px;
	width: 100%;
	-webkit-box-shadow: 0 0 40px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 40px 2px rgba(0,0,0,.2);
    margin-bottom: 20px;
}

footer
{
	box-shadow: 0 0 38px 2px rgb(0 0 0 / 18%);
	background-color: #fff;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 25px;
	text-align: center;
	color: #a3a3a3;
	font-size: 12px;
	margin-top: 30px;
}

.bl
{
	display: none;
}

.reviewtext
{
	float: left;
	width: calc(100% - 10px);
	max-height: 105px;
	line-height: 24px;
	border-radius:  5px;
	padding:  15px;
	padding-right:  10px;
	box-sizing: border-box;
	background-color:  #ddd;
	margin-top:  10px;
	position: relative;
	overflow: hidden;
}

.reviewtext2:after {
    content: " ";
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 100%);
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0px;
    height: 105px;
    z-index: 0;
    overflow: hidden;
 }

 .reviewtext a
 {
 	transition: opacity 0.2s ease-in-out;
 	color: #F90270;
 	text-decoration: none;
 }

 .reviewtext a:hover
 {
 	opacity:  0.75;
 }

.viewmore
{
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-style: normal;
  transition: background-color 0.2s ease;position: absolute;bottom: 0px;left: calc(50% - 70px);color: #fff;font-weight: bold;margin: 0 auto;background-color: #aaa;display:block;width: 140px;text-align: center;border-radius: 16px;height: 32px;line-height: 32px;
  z-index: 1;
}

.viewmore:hover{
	background-color:  #bbb;
	cursor: pointer;
}

.viewmore i
{
	font-style: normal;
	font-size:  14px;
}

.viewmore b
{
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/img/downw.svg);
  background-size: 16px 16px;
  width: 32px;
  height: 32px;
  float: right;
  position: absolute;
  top:0;
  font-style: normal;
  right: 0;
  transition: all 0.2s ease;
}

.reviewthumb
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	transition: opacity 0.2s ease-in-out;
}

.reviewhover
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.75);
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/link2.svg);
	background-size: 50%;
	line-height: 670px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	text-shadow: 1px 1px #000;
}

.reviewthumb:hover .reviewhover
{
	opacity: 1;
	cursor: pointer;
}

.reviewleft
{
	float: left;
	width: 450px;
	height: 450px;
	overflow: hidden;
	border-radius: 5px;
}

.reviewleft img
{
	width: 100%;
	border-radius: 5px;
	float: left;
}

.reviewright
{
	float: left;
	width: calc(100% - 470px);
	background-color: #fff;
	border-radius: 5px;
	margin-left: 20px;
	box-sizing: border-box;
	padding: 20px;
}

.reviewheader
{
	float: left;
	width: 100%;
	border-bottom: 1px dotted #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.review
{
	float: left;
	width: 100%;
	text-align: justify;
	height: 300px;
	overflow-y: auto;
	overscroll-behavior: contain;
	font-size: 13px;
	box-sizing: border-box;
	padding: 15px;
	padding-left: 0px;
	line-height: 19px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.review::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #fff;
}

.review::-webkit-scrollbar
{
	width: 6px;
	background-color: #fff;
}

.review::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #ccc;
}

.reviewfav
{
	border-radius: 3px;
	width: 24px;
	height: 24px;
	margin: 0px;
	margin-right: 5px;
	float: left;
}

.reviewright h1
{
	font-size: 20px;
	height: 24px;
	line-height: 24px;
}

.pros,.cons
{
	width: 50%;
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	padding-top: 20px;
	border-top: 1px dotted #eee;
	margin-top: 20px;
}

.pros i,.cons i
{
	font-weight: bold;
	font-style: normal;
	float: left;
	width: 100%;
	font-size: 16px;
}

.pros b
{
	color: #F90270;
}

.reviewbt1
{
	font-weight: bold;
	float: left;
	width: calc(50% - 10px);
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	background-color: #F90270;
	color: #fff;
	box-sizing: border-box;
	margin-right: 10px;
	transition: opacity 0.2s ease-in-out;
	text-decoration: none;
	margin-top: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 20px;
	padding-right: 20px;
}

.reviewbt2
{
	font-weight: bold;
	float: left;
	width: calc(50% - 10px);
	height: 48px;
	line-height: 42px;
	border-radius: 24px;
	color: #000;
	background-color: #fff;
	border: 3px solid #eee;
	box-sizing: border-box;
	margin-left: 10px;
	transition: opacity 0.2s ease-in-out;
	text-decoration: none;
	margin-top: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 20px;
	padding-right: 20px;
}

.reviewbt3
{
	font-weight: bold;
	float: left;
	width: 100%;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	background-color: #F90270;
	color: #fff;
	box-sizing: border-box;
	margin-right: 10px;
	transition: opacity 0.2s ease-in-out;
	text-decoration: none;
	margin-top: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 20px;
	padding-right: 20px;
}

.reviewbt1:hover,.reviewbt2:hover,.reviewbt3:hover
{
	opacity: 0.75;
}

#submitmobile
{
	display: none;
	float: left;
	margin-top: 10px;
}

footer a
{
	color: #000;
	text-decoration: none;
	margin: 10px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding-left: 16px;
	padding-right: 16px;
	display: inline-block;
	transition: all 0.2s ease-in-out;
	border-radius: 16px;
	background-color: #eee;
}

footer a:hover
{
	background-color: #F90270;
	color: #fff;
}

.page
{
	max-width: 1650px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
}

.pagethumbs
{
	float: left;
	width: calc(100% + 10px);
	margin-right: -10px;
	position: relative;
	display: block;
}

.h2rev
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 25px;
}

.h2content
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: calc(100% - 10px);
	text-align: left;
	margin-top: 25px;
}

.h2content2
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: calc(100% - 10px);
	text-align: left;
}

.options
{
	float: right;
	height: 32px;
	line-height: 32px;
	background-color: #000;
	color: #fff;
	border-radius: 16px;
	padding-left: 14px;
	padding-right: 14px;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	font-size: 13px;
	padding-right: 5px;
	position: relative;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.optionslinks
{
	position: absolute;
	top: 35px;
	right: 0px;
	width: 120px;
	background-color: #000;
	border-radius: 5px;
	z-index: 1;
	padding: 10px;
	padding-bottom: 5px;
	box-sizing: border-box;
	display: none;
}

.optionslinks a
{
	line-height:  24px;
	float:  left;
	margin-bottom: 5px;
	width: 100%;
	text-decoration: none;
	color: #fff;
	transition: color 0.2s ease-in-out;
}

.optionslinks a:hover{
	color: #F90270;
}

.options b
{
	display: block;
	float:  right;
	width: 16px;
	height: 32px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/img/downw.svg);
  background-size: 16px 16px;
  transition: all 0.2s ease-in-out;
}

.seeallcontent
{
	float: right;
	height: 24px;
	line-height: 24px;
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	padding-left: 10px;
	padding-right: 10px;
	transition: opacity 0.2s ease-in-out;
	text-decoration: none;
	font-size: 13px;
}

.seeallcontent:hover
{
	opacity: 0.75;
}

.pageflex
{
	display: flex;
}

.logo
{
	float: left;
	height: 30px;
	margin-top: 18px;
}

.logo img
{
	height: 30px;
}

.binside a
{
	color: #000;
}

.binside
{
	float: left;
	width: 100%;
	height: 100%;
	border: 10px solid #fff;
	border-right: 0px;
	padding-right: 10px;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	position: relative;
}

.binside::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #fff;
}

.binside::-webkit-scrollbar
{
	width: 6px;
	background-color: #fff;
}

.binside::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #ccc;
}

.binside .line a
{
	float: left;
	width: 100%;
	text-align: left;
	height:  16px;
	line-height: 16px;
	text-decoration: none;
	font-size: 14px;
	color: #000;
	transition: color 0.2s ease-in-out;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}

.binside .cloud a
{
	background-color: #e4e4e4;
	box-sizing: border-box;	
	color: #000;
	text-decoration: none;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	border-radius: 9px;
	padding-left: 9px;
	padding-right: 9px;
	display: inline-block;
	margin: 3px;
	transition: background 0.2s ease-in-out;
	overflow: hidden;
}

.binside .cloud a:hover
{
	background-color: #ccc;
	color: #000;
}

.binside .line
{
	margin-top: 10px;
	float: left;
	width: 100%;
	height:  16px;
	line-height: 16px;
	position: relative;
}

.binside a.lupe
{
	width: 16px;
	height: 16px;
	background-color: #000;
	float: right;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0iI2ZmZiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9ImluZm8iLz48ZyBpZD0iaWNvbnMiPjxwYXRoIGQ9Ik0yMi40LDE5LjZsLTQuOC00LjhjMC45LTEuNCwxLjQtMywxLjQtNC44YzAtNS00LTktOS05cy05LDQtOSw5czQsOSw5LDljMS44LDAsMy40LTAuNSw0LjgtMS40bDQuOCw0LjggICBjMC40LDAuNCwwLjksMC42LDEuNCwwLjZjMS4xLDAsMi0wLjksMi0yQzIzLDIwLjQsMjIuOCwxOS45LDIyLjQsMTkuNnogTTUsMTBjMC0yLjgsMi4yLTUsNS01czUsMi4yLDUsNXMtMi4yLDUtNSw1UzUsMTIuOCw1LDEweiIgaWQ9InNlYXJjaCIvPjwvZz48L3N2Zz4=");
	background-size: 10px;
	opacity: 0;
	transition: all 0.2s ease-in-out;
	position: absolute;
	right: -3px;
	top: -3px;
	border: 3px solid #fff;
}

.binside .bigtext
{
	font-size: 12px;
	color: 12px;
	text-align: justify;
	float: left;
	width: 100%;
}

.binside .line a.lupe:hover
{
	background-color: #666;
}

.binside .line:hover a.lupe
{
	opacity: 1;
}

.binside h2
{
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	float: left;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

.blocklinks h3
{
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 5px;
}

.binside .text
{
	font-size: 12px;
	color: #bbb;
	text-align: center;
	float: left;
	width: 100%;
}

.binside a:hover
{
	color: #F90270;
}

.binside a img
{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
}

.square
{
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 10px;
}

.square img
{
	width: 100%;
	height: 100%;
	float: left;
	border-radius: 5px;
}

.square2
{
	height: 50px;
	float: left;
}

.golink
{
	background-color: #F90270;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/link.svg);
	background-size: 16px;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	float: left;
	transition: opacity 0.2s ease-in-out;
}

.golink:hover
{
	opacity: 0.75;
	cursor: pointer;
}

.menubt
{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/menu.svg);
	background-size: 25px;
	width: 40px;
	height: 40px;
	float: left;
	margin-top: 15px;
	transition: opacity 0.2s ease-in-out;
}

.menubt:hover,.nightday:hover,.searchbt:hover
{
	opacity: 0.75;
	cursor: pointer;
}

.menubt.open
{
	background-image: url(../img/cross.svg);
	background-size: 23px;
}

.searchbt
{
	display: none;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../img/searchb.svg);
	background-size: 24px;
	width: 40px;
	height: 40px;
	float: right;
	transition: opacity 0.2s ease-in-out;
}

.nightday
{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9Ikljb25zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+PGxpbmUgY2xhc3M9InN0MCIgeDE9IjE2IiB4Mj0iMTYiIHkxPSIzIiB5Mj0iMjkiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMjNjLTMuODcsMC03LTMuMTMtNy03czMuMTMtNyw3LTciLz48bGluZSBjbGFzcz0ic3QwIiB4MT0iNi44MSIgeDI9IjguOTMiIHkxPSI2LjgxIiB5Mj0iOC45MyIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIzIiB4Mj0iNiIgeTE9IjE2IiB5Mj0iMTYiLz48bGluZSBjbGFzcz0ic3QwIiB4MT0iNi44MSIgeDI9IjguOTMiIHkxPSIyNS4xOSIgeTI9IjIzLjA3Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDEyLjU1QzE3LjIsMTAuNDMsMTkuNDgsOSwyMi4wOSw5YzAuMTYsMCwwLjMxLDAuMDEsMC40NywwLjAyYy0xLjY3LDAuODgtMi44LDIuNjMtMi44LDQuNjQgIGMwLDIuOSwyLjM1LDUuMjUsNS4yNSw1LjI1YzEuNiwwLDMuMDMtMC43MiwzLjk5LTEuODVDMjguNDgsMjAuNDMsMjUuNTksMjMsMjIuMDksMjNjLTIuNjEsMC00Ljg5LTEuNDMtNi4wOS0zLjU1Ii8+PC9zdmc+");
	background-size: 32px;
	width: 40px;
	height: 40px;
	float: left;
	margin-top: 15px;
	margin-left: 25px;
	transition: opacity 0.2s ease-in-out;
}

.search
{
	flex: 1;
	height: 32px;
	margin-top: 19px;
	margin-left: 25px;
	margin-right: 25px;
}

.st
{
	width:  80px;
	background-color: #c3c3c3;
	text-align: left;
	color: #000;
	height: 32px;
	float: left;
	line-height: 32px;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 7px;
}

.stopc
{
	top: 31px;
	left: 0px;
	width: 100%;
	background-color: #c3c3c3;
	position: absolute;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top:  1px solid #999;
	display: none;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.st b
{
	display: block;
	float: right;
	width: 12px;
	height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/img/down.svg);
  background-size: 16px 16px;
  transition: all 0.2s ease-in-out;
}

.stopc a
{
	float: left;
	width: 100%;
	line-height: 24px;
	text-decoration: none;
	color: #000;
	transition: color 0.2s ease-in-out;
}

.stopc a:hover
{
	color: #F90270;
}

.search input[type="text"]
{
	width: calc(100% - 130px);
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	height: 32px;
	margin: 0px;
	border: 1px solid #c3c3c3;
	box-sizing: border-box;
	border-right: 0px;
	outline: 0;
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	transition: all 0.2s ease-in-out;
	color: #666;
}

.search input[type="submit"]
{
	width: 50px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	height: 32px;
	margin: 0px;
	border: 1px solid #F90270;
	box-sizing: border-box;
	background-color: #F90270;
	outline: 0;	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0iI2ZmZiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9ImluZm8iLz48ZyBpZD0iaWNvbnMiPjxwYXRoIGQ9Ik0yMi40LDE5LjZsLTQuOC00LjhjMC45LTEuNCwxLjQtMywxLjQtNC44YzAtNS00LTktOS05cy05LDQtOSw5czQsOSw5LDljMS44LDAsMy40LTAuNSw0LjgtMS40bDQuOCw0LjggICBjMC40LDAuNCwwLjksMC42LDEuNCwwLjZjMS4xLDAsMi0wLjksMi0yQzIzLDIwLjQsMjIuOCwxOS45LDIyLjQsMTkuNnogTTUsMTBjMC0yLjgsMi4yLTUsNS01czUsMi4yLDUsNXMtMi4yLDUtNSw1UzUsMTIuOCw1LDEweiIgaWQ9InNlYXJjaCIvPjwvZz48L3N2Zz4=");
	background-size: 18px;
	float: left;
	transition: opacity 0.2s ease-in-out;
}

.search input[type="submit"]:hover
{
	opacity: 0.75;
	cursor: pointer;
}

.search input[type="text"]:focus
{
	border: 1px solid #F90270;
	border-right: 0px;
}

.slogan
{
	float: left;
	height: 40px;
	line-height: 40px;
	margin-top: 15px;
	font-weight: normal;
	font-size: 24px;
}

.slogan b
{
	color: #F90270;
	font-weight: normal;
}

.menu a
{
	float: left;
	height: 36px;
	line-height: 36px;
	background-color: #000;
	border-radius: 18px;
	padding-left: 18px;
	padding-right: 18px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	margin-right: 5px;
	transition: background-color 0.2s ease-in-out;
}

.menu a:hover
{
	background-color: #F90270;
}

.tags,.menu
{
	width: 100%;
	float: left;
}

.tags a
{
	float: left;
	height: 24px;
	line-height: 24px;
	background-color: #e4e4e4;
	border-radius: 12px;
	padding-left: 12px;
	padding-right: 12px;
	color: #000;
	text-decoration: none;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 5px;
	transition: background-color 0.2s ease-in-out;
	overflow: hidden;
}

.tags
{
	margin-bottom: 25px;
}

.tags a:hover,.nav a:hover
{
	background-color: #ccc;
}

.nav
{
	display: inline-block;
}

.nav a
{
	background-color: #e4e4e4;
	height: 42px;
	line-height: 42px;
	min-width: 42px;
	border-radius: 21px;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	transition: background-color 0.2s ease-in-out;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.nav .next
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/right.svg);
	background-size: 22px;
}

.nav .prev
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/left.svg);
	background-size: 22px;
}

h1,.h2,.h3
{
	font-size: 24px;
	padding: 0px;
	margin: 0px;
	color: #000;
	float: left;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 115px);
}

.content h1
{
	width: calc(100% - 20px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}

.content .tags
{
	overflow: hidden;
	white-space: nowrap;
	height: 36px;
	width: calc(100% - 20px);
	margin-bottom: 15px;
}

.c
{
	clear: both;
}

.bt_all,.bt_pics,.bt_vids
{
	float: left;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	padding-left: 12px;
	padding-right: 12px;
	color: #000;
	background-color: #e4e4e4;
	text-decoration: none;
	font-size: 12px;
	margin-right: 5px;
	transition: background-color 0.2s ease-in-out;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bt_all:hover,.bt_pics:hover,.bt_vids:hover,.bt_options:hover
{
	background-color: #ccc;
}

.bt_sel,.nav .sel,.menu .sel
{
	background-color: #F90270;
	color: #fff;
}

.navup
{
	background-color: #F90270;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	bottom: 25px;
	right: 25px;
	position: fixed;
	display: none;
	transition: opacity 0.2s ease-in-out;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/top.svg);
	background-size: 32px;
}

.navup:hover
{
	opacity: 0.75;
	cursor: pointer;
}

.bt_options
{
	float: right;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	padding-left: 12px;
	padding-right: 12px;
	color: #000;
	background-color: #e4e4e4;
	font-size: 12px;
	margin-left: 5px;
	transition: background-color 0.2s ease-in-out;
	position: relative;
	padding-right: 25px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
}

.bt_options_active
{
	background-color: #F90270;
	color: #fff;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.bt_options_active:hover
{
	background-color: #F90270;
}

.bt_options:hover
{
	cursor: pointer;
}

.bt_option_links
{
	background-color: #e4e4e4;
	box-sizing: border-box;
	padding: 10px;
	position: absolute;
	right: 0px;
	top: 24px;
	width: 100%;
	display: block;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: none;
}

.bt_option_links a
{
	float: left;
	width: 100%;
	color: #000;
	text-decoration: none;
	text-align: center;
	transition: color 0.2s ease-in-out;
}

.bt_option_links a:hover
{
	color: #F90270;
}

.bt_options i
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+");
	background-size: 15px;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 3px;
	right: 8px;
	transition: .3s all;
}

.bt_options_active i
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0iI2ZmZiIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+");
	background-size: 15px;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 3px;
	right: 8px;
	transition: .3s all;
}

.rotate
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: .3s all;
}

.block
{
	float: left;
	height: 280px;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	padding: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 16px 1px rgb(0 0 0 / 16%);
}

.thumb
{
	float: left;
	width: calc((100% / 8) - 10px);
	border-radius: 5px;
	margin-right: 10px;
	margin-top: 10px;
	position: relative;
	box-shadow: 0 0 16px 1px rgb(0 0 0 / 16%);
	transition: .2s all ease-in-out;
	overflow: hidden;
}

.barmain
{
	background-color: #000;
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.thumb.thumbvideo
{
	width: calc((100% / 6) - 10px);
}

.thumb.thumbvideotop
{
	width: calc((100% / 4) - 20px) !important;
}

.thumb.thumbvideo
{
	width: calc((100% / 6) - 10px);
}

.thumb.thumbmain
{
	width: calc((100% / 8) - 10px);
}

.thumb.thumbmain:after {
    content: " ";
    background: linear-gradient(to top, rgba(0,0,0,0) 0%, black 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    height: 120px;
    z-index: 0;
    overflow: hidden;
 }

.thumb.thumbmain .img span
{
	top:  15px;
	z-index:  1;
	text-shadow: 1px 1px #000;
}

.thumb .img
{
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 5px;
}

.thumb .img:after
{
	padding-top: 150%;
	display: block;
	content: '';
}

.reviewright.reviewps
{
	width: 100%;
	margin-left: 0px;
}

.thumb.thumbvideo .img:after,.thumb.thumbvideotop .img:after
{
	padding-top: 56%;
}

.thumb .bar
{
	cursor: default;
	height: 70px;
	float: left;
	width: 100%;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
}

.thumb .bar.barfull
{
	padding-top: 5px;
	height: 65px;
}

.rect
{
	float: left;
	width: calc(100% - 60px);
	box-sizing: border-box;
}

.rect.rectfull
{
	width: 100%;
}

.thumb:hover .rect b
{
	color: #F90270;
}

.rect a
{
	float: left;
	width: auto;
	text-decoration: none;
}

.rect b
{
	float: left;
	height: 26px;
	line-height: 26px;
	text-align: left;
	width: 100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.2s ease-in-out;
}

.rect a
{
	height: 24px;
	line-height: 24px;
	background-color: #000;
	color: #fff;
	float: left;
	width: calc(50% - 3px);
	border-radius: 12px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 12px;
	box-sizing: border-box;
	transition: opacity 0.2s ease-in-out;
	text-align: left;
	box-sizing: border-box;
}

.rect a:hover
{
	opacity: 0.75;
}

.rect a:first-of-type
{
	background-repeat: no-repeat;
	background-position: left 8px center;
	background-image: url(../img/film.svg);
	background-size: 14px;
	padding-left: 25px;
	margin-right: 3px;
}

.rect a:last-of-type
{
	background-repeat: no-repeat;
	background-position: left 8px center;
	background-image: url(../img/camera.svg);
	background-size: 14px;
	padding-left: 25px;
	margin-left: 3px;
}

.thumb.rev .img:after
{
	padding-top: 100%;
	display: block;
	content: '';
}

.thumb.rev:hover
{
	cursor: default;
}

.rbt1
{
	position: absolute;
	height: 42px;
	line-height: 42px;
	background-color: #000;
	border-radius: 21px;
	top: 28%;
	left: 15px;
	width: calc(100% - 30px);
	color: #fff;
	background-color: #F90270;
	opacity: 0;
	transition: all 0.2s ease-in-out;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
}

.rbt2
{
	position: absolute;
	height: 42px;
	line-height: 42px;
	background-color: #000;
	border-radius: 21px;
	bottom: 28%;
	left: 15px;
	width: calc(100% - 30px);
	background-color: #fff;
	opacity: 0;
	transition: all 0.2s ease-in-out;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	color: #000;
}

.thumb:hover .rbt1,.thumb:hover .rbt2
{
	opacity: 1;
}

.rbt1:hover
{
	background-color: #F94093;
	cursor: pointer;
}

.rbt2:hover
{
	background-color: #eee;
	cursor: pointer;
}

.thumb .img img
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.thumb:hover .img b
{
	background-color: rgba(0,0,0,0);
	color: transparent;
}

.thumb:hover
{
	cursor: pointer;
	box-shadow: 0 0 12px 1px rgb(0 0 0 / 50%);
}

.thumb .img b
{
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: calc(100% - 26px);
	height: 32px;
	line-height: 32px;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 13px;
	text-align: center;
	border-radius: 5px;
	transition: all 0.2s ease-in-out;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 8px;
	padding-right: 8px;
	text-transform: capitalize;
}

.thumb .img span
{
	bottom: 75px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #F90270;
	position: absolute;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 1px 1px #fff;
	text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.thumb i
{
	font-style: normal;
}

.lv
{
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: calc(50% - 5px);
	height: 64px;
	line-height: 95px;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	transition: all 0.2s ease-in-out;
	font-style: normal;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center top 10px;
	background-image: url(../img/film.svg);
	background-size: 30px;
	text-decoration: none;
}

.lp
{
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: calc(50% - 10px);
	height: 64px;
	line-height: 95px;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	transition: all 0.2s ease-in-out;
	font-style: normal;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center top 10px;
	background-image: url(../img/camera.svg);
	background-size: 26px;
	text-decoration: none;
}

.lv:hover,.lp:hover
{
	background-color: #000;
}

.pbox
{
	width: calc(100% - 20px);
	height: 660px;
	float: left;
	margin-bottom: 20px;
}

.pbox video
{
	width: 100%;
	height: 100%;
	float: left;
}

.left
{
	width: calc(100% - 320px);
	float: left;
}

.right
{
	width: 300px;
	float: left;
	border-left: 1px solid #eee;
	box-sizing: border-box;
	margin-top: 10px;
}

.block:nth-child(1),.block:nth-child(2)
{
	margin-top: 0px;
	margin-bottom: 10px;
}

.blocklinks
{
	float: left;
	width: 100%;
	background-color: #eee;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 15px;
}

.blocklinks a
{
	float: left;
	width: calc((100% / 6) - 10px);
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 5px;
	box-sizing: border-box;
	background-color: #ccc;
	text-decoration: none;
	color: #000;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	transition: background-color 0.2s ease-in-out;
	overflow: hidden;
}

.blocklinks div span
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.blocklinks div
{
	float: left;
	width: calc((100% / 6) - 10px);
	border-radius: 5px;
	padding: 10px;
	margin: 5px;
	box-sizing: border-box;
	background-color: #ccc;
	text-decoration: none;
	color: #000;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	transition: background-color 0.2s ease-in-out;
}

.blocklinks div a:first-of-type
{
	background-repeat: no-repeat;
	background-position: left 8px center;
	background-image: url(../img/film.svg);
	background-size: 14px;
	padding-left: 25px;
	margin-right: 5px;
}

.blocklinks div a:last-of-type
{
	background-repeat: no-repeat;
	background-position: left 8px center;
	background-image: url(../img/camera.svg);
	background-size: 14px;
	padding-left: 25px;
	margin-left: 5px;
}

.blocklinks a b
{
	float: right;
	font-weight: normal;
	font-size: 12px;
}

.blocklinks div a
{
	float: left;
	background-color: #000;
	color: #fff;
	margin: 0px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	text-align: left;
	width: calc(50% - 5px);
	transition: opacity 0.2s ease-in-out;
	box-sizing: border-box;
	overflow: hidden;
}

.blocklinks div a:hover
{
	opacity: 0.75;
	background-color: #000;
}

.blocklinks a:hover,.blocklinks div:hover
{
	background-color: #bbb;
}

.blocklinks a.seeall
{
	width: auto;
	float: right;
	height: 18px;
	line-height: 18px;
	margin: 0px;
	border-radius: 9px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 11px;
	margin-right: 5px;
}

.blocklinks i
{
	clear: both;
	float: left;
	width: 100%;
}

.blspace
{
	margin-top: 25px;
}

.contentleft
{
	width: 15%;
	float: left;
}

.contentleft .thumb,.contentright .thumb
{
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
	float: left;
}

.contentright.contentright2 .thumb
{
	width: calc((100% / 2) - 10px);
	margin-bottom: 20px;
	margin-top: 0px;
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}

.contentmiddle .tltop,.contentmiddle .content,.contentmiddle .tlbottom
{
	padding-left: 20px;
}

.contentmiddle .tltop .thumb,.contentmiddle .tlbottom .thumb
{
	width: calc((100% / 5) - 20px);
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.contentmiddle .tlbottom
{
	margin-top: 20px;
}

.bn
{
	float: right;
	width:  300px;
	border-radius:  5px;
	overflow: hidden;
	margin-bottom: 15px;
}

.contentmiddle .content .thumb
{
	width: calc((100% / 6) - 20px);
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.contentmiddle
{
	width: 70%;
	float: left;
}

.contentmiddle.contentmiddle2
{
	width: calc(100% - 330px);
	float: left;
}

.contentright
{
	width: 15%;
	float: left;
}

.contentright.contentright2
{
	width: 320px;
}

.contentmiddle .content .tags a
{
	margin-bottom: 20px;
}

.details,.share,.report
{
	float: right;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	background-color: #e4e4e4;
	margin-left: 10px;
	font-size: 13px;
	transition: background-color 0.2s ease-in-out;
	margin-top: 6px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.active
{
	background-color: #bbb;
}

.details
{
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-image: url(../img/info.svg);
	background-size: 16px;
}

.share
{
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-image: url(../img/share.svg);
	background-size: 16px;
}

.report
{
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-image: url(../img/flag.svg);
	background-size: 16px;
}

.details:hover,.share:hover,.report:hover
{
	background-color: #ccc;
	cursor: pointer;
}

.report
{
	margin-right: 20px;
}

.like
{
	width: 48px;
	height: 48px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/thumbsup.svg);
	background-size: 48px;
	margin-right: 5px;
	transition: opacity 0.2s ease-in-out;
}

.dislike
{
	width: 48px;
	height: 48px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/thumbsdown.svg);
	background-size: 48px;
	transition: opacity 0.2s ease-in-out;
}

.like:hover,.dislike:hover
{
	opacity: 0.75;
	cursor: pointer;
}

.rating
{
	float: left;
	height: 48px;
	width: 105px;
	margin-left: 15px;
}

.rating .ratingtop
{
	float: left;
	font-size: 18px;
	height: 24px;
	line-height: 22px;
}

.rating .ratingbar
{
	float: left;
	width: 100%;
	background-color: #ccc;
	border-radius: 2px;
	height: 4px;
	position: relative;
}

.rating .ratingbar .ratingbarinside
{
	background-color: #F90270;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 4px;
	border-radius: 2px;
}

.rating .ratingbottom
{
	height: 20px;
	line-height: 24px;
	float: left;
	text-align: left;
	font-size: 12px;
	color: #999;
}

.info,.infoshare,.inforeport
{
	float: left;
	width: calc(100% - 20px);
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 1px dotted #ccc;
	padding-top: 20px;
	transition: all 0.2s ease-in-out;
}

.infoshare,.inforeport
{
	display: none;
}

.date,.amount,.views,.length,.amount2
{
	float: right;
	margin-left: 10px;
	height: 28px;
	line-height: 28px;
	text-transform: uppercase;
}

.channel,.star
{
	float: left;
	margin-right: 10px;
	height: 28px;
	line-height: 28px;
	text-transform: uppercase;
}

.views
{
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/views.svg);
	background-size: 20px;
	font-size: 12px;
	color: #333;
}

.amount2
{
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/tube.svg);
	background-size: 16px;
	font-size: 12px;
	color: #333;
}

.length
{
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/length.svg);
	background-size: 16px;
	font-size: 12px;
	color: #333;
}

.amount
{
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/cam.svg);
	background-size: 16px;
	font-size: 12px;
	color: #333;
}

.date
{
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/calendar.svg);
	background-size: 16px;
	font-size: 12px;
	color: #333;
}

.channel
{
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/location.svg);
	background-size: 16px;
	font-size: 12px;
	color: #F90270;
	text-decoration: none;
	transition: opacity 0.2s ease-in-out;
}

.star
{
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/star.svg);
	background-size: 16px;
	font-size: 12px;
	color: #F90270;
	text-decoration: none;
	transition: opacity 0.2s ease-in-out;
}

.star:hover,.channel:hover
{
	opacity: 0.75;
}

.reviewinfo
{
	margin-top: 3px;
	float: left;
	width: 100%;
}

.reviewinfo .views,.reviewinfo .amount,.reviewinfo .amount2
{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}

.description
{
	float: left;
	width: 100%;
	font-size: 13px;
	color: #333;
	text-align: justify;
	line-height: 18px;
	margin: 0;
    padding: 0;
    margin-top: 15px;
}

.twitter,.reddit,.facebook,.whatsapp,.pinterest
{
	width: 42px;
	height: 42px;
	background-color: #ccc;
	border-radius: 21px;
	float: left;
	margin-right: 10px;
	transition: background-color 0.2s ease-in-out;
}

.twitter:hover,.reddit:hover,.facebook:hover,.whatsapp:hover,.pinterest:hover,.copylink:hover
{
	background-color: #aaa;
	cursor: pointer;
}

.reddit
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/reddit.svg);
	background-size: 32px;
}

.facebook
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/facebook.svg);
	background-size: 42px;
}

.pinterest
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/pinterest.svg);
	background-size: 42px;
}

.whatsapp
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/whatsapp.svg);
	background-size: 42px;
}

.twitter
{
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/twitter.svg);
	background-size: 42px;
}

.remail
{
	height: 42px;
	border-radius: 5px;
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	outline: 0;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 20px;
}

.linkshare
{
	height: 42px;
	border-radius: 21px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	float: left;
	width: calc(100% - 330px);
	border: 1px solid #ccc;
	box-sizing: border-box;
	outline: 0;
	padding-left: 18px;
	margin-left: 10px;
	border-right: 0px;
}

.copylink
{
	height: 42px;
	width: 60px;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px;
	background-color: #ccc;
	box-sizing: border-box;
	float: left;
	background-repeat: no-repeat;
	background-position: right 21px center;
	background-image: url(../img/copy.svg);
	background-size: 24px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
	border-left: 0px;
}

.sharetext
{
	float: left;
	width: 270px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 8px;
}

.copytext
{
	float: left;
	width: calc(100% - 270px);
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 8px;
}

.reportreason
{
	height: 120px;
	width: 100%;
	border-radius: 5px;
	outline: 0px;
	padding: 15px;
	box-sizing: border-box;
	float: left;
	border: 1px solid #ccc;
	resize: none;
}

.reporttext
{
	float: left;
	width: 100%;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 8px;
}

.content input[type="radio"]
{
	width: 28px;
	height: 28px;
	vertical-align: middle;
	margin: 0px;
}

.content label
{
	height: 28px;
	line-height: 28px;
	float: left;
	margin-bottom: 20px;
	font-size: 15px;
	margin-right: 10px;
}

.submitreport
{
	float: right;
	height: 28px;
	border-radius: 14px;
	background-color: #000;
	outline: 0px;
	border: 0px;
	margin: 0px;
	color: #fff;
	font-size: 12px;
	padding-left: 12px;
	padding-right: 12px;
	transition: opacity 0.2s ease-in-out;
}

.submitreport:hover
{
	opacity: 0.75;
	cursor: pointer;
}

.contentmiddle
{
	margin-bottom: -20px;
}

@media screen and (max-width: 1650px)
{
	.thumb
	{
		width: calc((100% / 6) - 10px);
	}

	.thumb.thumbvideo
	{
		width: calc((100% / 5) - 10px);
	}

	.thumb.thumbmain
	{
		width: calc((100% / 6) - 10px);
	}	

	.thumb.thumbvideotop
	{
		width: calc((100% / 4) - 20px)  !important;;
	}
}

@media screen and (max-width: 1450px)
{
	.blocklinks a,.blocklinks div
	{
		width: calc((100% / 5) - 10px);
	}

	.thumb
	{
		width: calc((100% / 5) - 10px);
	}

	.thumb.thumbvideo
	{
		width: calc((100% / 4) - 10px);
	}

.thumb.thumbmain
	{
		width: calc((100% / 5) - 10px);
	}

		.thumb.thumbvideotop
	{
		width: calc((100% / 4) - 20px) !important;;
	}
}

@media screen and (max-width: 1250px)
{
	.thumb
	{
		width: calc((100% / 4) - 10px);
	}

	.thumb.thumbvideo,.thumb.thumbmain
	{
		width: calc((100% / 4) - 10px);
	}

	.thumb.thumbmain
	{
		width: calc((100% / 4) - 10px);
	}

		.thumb.thumbvideotop
	{
		width: calc((100% / 4) - 20px) !important;;
	}

	.reviewleft
	{
		width: 350px;
		height: 350px;
	}

	.reviewright
	{
		width: calc(100% - 370px);
	}

	.reviewhover
	{
		line-height: 570px;
	}
}

@media screen and (max-width: 1023px)
{
	.contentmiddle.contentmiddle2
	{
		width: 100%;
		float: left;
	}

	.contentright.contentright2
	{
		width: 100%;
	}

	.pbox
	{
		width: calc(100% - 20px);
		height: auto;
		float: left;
		margin-bottom: 20px;
	}

	.reviewbt1,.reviewbt2,.reviewbt3
	{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.reviewleft
	{
		width: 100%;
		height: 350px;
	}

	.reviewright
	{
		width: 100%;
		margin: 0px;
	}

	.reviewhover
	{
		display: none;
	}

	.num
	{
		display: none;
	}

	.next,.prev
	{
		width: 160px;
	}

	.left
	{
		width: calc((100% / 4) * 3);
		float: left;
	}

	.right
	{
		width: calc((100% / 4) * 1);
	}

	.block
	{
		width: calc((100% / 1) - 10px);
	}

	.thumb
	{
		width: calc((100% / 3) - 10px);
	}

	.thumb.thumbvideo
	{
		width: calc((100% / 3) - 10px);
	}

	.thumb.thumbvideotop
	{
		width: calc((100% / 4) - 20px) !important;
	}

	.contentleft,.contentright
	{
		display: none;
	}
	.contentmiddle
	{
		width: 100%;
	}

	.contentmiddle .tltop, .contentmiddle .content, .contentmiddle .tlbottom
	{
		padding-left: 0px;
		width: calc(100% + 20px);
	}

	.slogan
	{
		display: none;
	}

	.nightday
	{
		margin-left: 0px;
	}

	footer a
	{
		margin-left: 10px;
		margin-right: 10px;
	}

	.blocklinks a,.blocklinks div
	{
		float: left;
		width: calc((100% / 3) - 10px);
	}
}

@media screen and (max-width: 800px)
{
	.page
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.left
	{
		width: calc((100% / 3) * 2);
		float: left;
	}

	.right
	{
		width: calc((100% / 3) * 1);
	}

	.block
	{
		width: calc((100% / 1) - 10px);
	}

	.thumb
	{
		width: calc((100% / 2) - 10px);
	}

	.thumb.thumbvideo,.thumb.thumbmain
	{
		width: calc((100% / 2) - 10px);
	}

	.thumb.thumbvideotop
	{
		width: calc((100% / 2) - 20px) !important;
	}

	.blocklinks
	{
		padding:  5px;
	}
}

@media screen and (max-width: 750px)
{
	footer a
	{
		margin-left: 5px;
		margin-right: 5px;
	}

	.reviewleft
	{
		height: 250px;
	}
}

@media screen and (max-width: 700px)
{
	.menu a.nmode
	{
		display: block;
	}
	
	.blocklinks a,.blocklinks div
	{
		float: left;
		width: calc((100% / 2) - 10px);
	}

	.block
	{
		width: calc((100% / 2) - 10px);
		margin: 0px;
		margin-bottom: 0px;
		margin-right: 10px;
	}

	.left
	{
		width: calc(100% + 10px);
		float: left;
	}

	.right
	{
		display: none;
	}

	.thumb
	{
		width: calc((100% / 2) - 10px);
	}

	.thumb.thumbvideo
	{
		width: calc((100% / 2) - 10px);
	}

	.thumb.thumbvideotop
	{
		width: calc((100% / 2) - 20px) !important;
	}

	.bl
	{
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
		margin-bottom: -10px;
		display: block;
	}

	.menublock
	{
		width: 200px;
		position: fixed;
		top: 60px;
		left: 0px;
		background-color: #fff;
		z-index: 2;
		padding: 0px;
		padding-top: 10px;
		border-top: 1px solid #ccc;
		overflow-y: auto;
		height: calc(100% - 60px);
		box-sizing: border-box;
		overscroll-behavior: contain;
	}

	.content label
	{
		width: 100%;
		text-align: left;
	}

	.reporttext
	{
		margin-bottom: 10px;
	}

	.sharetext
	{
		width: 100%;
		margin-bottom: 10px;
	}

	.copytext
	{
		display: none;
	}

	.linkshare
	{
		margin-left: 0px;
		width: calc(100% - 60px);
		margin-top: 15px;
	}

	.copylink
	{
		margin-top: 15px;
	}

	.infoleft,.inforight
	{
		float: left;
		width: 100%;
	}

	.views,.date,.amount,.length,.amount2
	{
		float: left;
		margin-left: 0px;
		margin-right: 10px;
	}

	.menublock::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
		border-radius: 5px;
		background-color: #fff;
	}

	.menublock::-webkit-scrollbar
	{
		width: 6px;
		background-color: #fff;
	}

	.menublock::-webkit-scrollbar-thumb
	{
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
		background-color: #ccc;
	}

	.menu a
	{
		width: 100%;
		box-sizing: border-box;
		margin: 0px;
		margin-top: 10px;
	}

	.menublock .tags a
	{
		width: 100%;
		box-sizing: border-box;
		margin: 0px;
		margin-top: 10px;
	}

	.menublock .tags a:first-of-type
	{
		margin-top: 20px;
	}

	.content h1
	{
		font-size: 18px;
	}

	.contentmiddle .tltop .thumb,.contentmiddle .tlbottom .thumb
	{
		width: calc((100% / 4) - 20px);
		margin-top: 0px;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.contentmiddle .tltop .thumb:nth-child(5)
	{
		display: none;
	}

	.contentmiddle .content .thumb
	{
		width: calc((100% / 5) - 20px);
		margin-top: 0px;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.search,.nightday,.menublock
	{
		display: none;
	}

	.pageflex
	{
		display: block;
		overflow: hidden;
		padding: 0px;
	}

	.logo
	{
		width: calc(100% - 122px);
		margin-top: 13px;
	}

	body
	{
		margin-top: 80px;
	}

	header
	{
		height: 60px;
		width: 100%;
		float: left;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 9999;
	}

	.menubt
	{
		border-right: 1px solid #ccc;
		height: 60px;
		width: 60px;
		margin-top: 0px;
		background-position: center center;
	}

	.searchbt
	{
		display: block;
		border-left: 1px solid #ccc;
		height: 60px;
		width: 60px;
		margin: 0px;
		background-position: center center;
	}

	#submitmobile
	{
		display: block;
	}

	#submitdesk
	{
		display: none;
	}

	.like
	{
		width: 36px;
		height: 36px;
		background-size: 36px;
	}

	.dislike
	{
		width: 36px;
		height: 36px;
		background-size: 36px;
	}

	.rating
	{
		height: 36px;
		overflow: hidden;
	}

	.rating .ratingtop
	{
		height: 28px;
		line-height: 28px;
	}

	.ratingbottom
	{
		display: none;
	}

	.details,.share,.report
	{
		margin-top: 0px;
	}

	.search
	{
		position: fixed;
		top: 60px;
		left: 0px;
		margin: 0px;
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #ccc;
		float: left;
		box-sizing: border-box;
		padding: 20px;
		height: auto;
    	z-index: 1;
	}

	.pros,.cons
	{
		width: 100%;
	}
}

@media screen and (max-width: 650px)
{
	.goleft,.goright
	{
		width: 100%;
	}

	.goright
	{
		margin-top: 15px;
	}
}

@media screen and (max-width: 620px)
{
	.details,.share,.report
	{
		width: 36px;
		background-position: center center;
		padding: 0px;
		text-indent: -10000px;
	}

	.rbt1
	{
		top: 20%;
	}

	.rbt2
	{
		bottom: 20%;
	}
}

@media screen and (max-width: 550px)
{
	.blocklinks a,.blocklinks div
	{
		float: left;
		width: calc((100% / 2) - 10px);
	}
}

@media screen and (max-width: 480px)
{
	.logo img
	{
		width: 200px;
	}

	.thumb.thumbvideo
	{
		width: calc(100% - 10px);
	}

	.reviewbt1,.reviewbt2,.reviewbt3
	{
		font-size: 14px;
	}

	.contentmiddle .tltop .thumb,.contentmiddle .tlbottom .thumb
	{
		width: calc((100% / 3) - 20px);
	}

	.contentmiddle .tltop .thumb:nth-child(4)
	{
		display: none;
	}

	.contentmiddle .content .thumb
	{
		width: calc((100% / 4) - 20px);
	}

	.contentmiddle .tlbottom .thumb:last-of-type
	{
		display: none;
	}

	.rating
	{
		width: 80px;
	}

	footer
	{
		font-size: 11px;
	}

	.next,.prev
	{
		width: 120px;
	}

	.h2rev
	{
		font-size: 18px;
	}

	.rect b
	{
		font-size: 14px;
	}

	.block.thumb.thumbvideo
	{
		width:  calc(100% - 20px) !important;
		margin-bottom: 10px !important;
	}
}

@media screen and (max-width: 380px)
{
	.thumb .square
	{
		display: none;
	}

	.rect
	{
		width: 100%;
	}
}

@media screen and (max-width: 360px)
{
	.thumb .square
	{
		display: none;
	}

	.contentmiddle .tltop .thumb,.contentmiddle .tlbottom .thumb
	{
		width: calc((100% / 2) - 20px);
	}

	.logo img
	{
		width: 160px;
	}

	.contentmiddle .content .thumb
	{
		width: calc((100% / 3) - 20px);
	}

	.contentmiddle .tltop .thumb:nth-child(3)
	{
		display: none;
	}

	.share,.report
	{
		margin-left: 5px;
	}

	.details
	{
		margin-left: 0px;
	}

	.rating
	{
		width: 50px;
		margin-left: 10px;
	}

	.smalltext
	{
		font-size: 9px;
	}

	.contentmiddle .tlbottom .thumb:last-of-type
	{
		display: block;
	}

	.reviewbt1,.reviewbt2,.reviewbt3
	{
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 310px)
{
	.reviewbt1,.reviewbt2,.reviewbt3
	{
		font-size: 11px;
	}

	.next,.prev
	{
		width: 100px;
	}

	.logo img
	{
		width: 130px;
	}

	.rating
	{
		width: 40px;
		height: 32px;
	}

	.like
	{
		margin-right: 0px;
	}

	.share,.report
	{
		margin-left: 2px;
	}

	.details,.share,.report
	{
		width: 32px;
		height: 32px;
		margin-top: 2px;
	}

	.rating .ratingtop
	{
		font-size: 14px;
		height: 24px;
		line-height: 24px;
	}

	.like
	{
		width: 32px;
		height: 32px;
		background-size: 32px;
	}

	.dislike
	{
		width: 32px;
		height: 32px;
		background-size: 32px;
	}
	
	.reviewleft
	{
		height: 200px;
	}
}