/* Keep your reset CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, button, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/* Add this to apply the font site-wide */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 font-size: 16px; 
}


fieldset, img {

	border: 0;

}



img, object, embed {

	vertical-align: bottom;

}



address, caption, cite, code, dfn, em, th, var {

	font-style: normal;

	font-weight: normal;

}



ol, ul {

	list-style: none;

}



caption, th {

	text-align: left;

}



h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

}



q:before, q:after {

	content: '';

}



a * {

	cursor: pointer;

}



input,

textarea {

	outline: none;

}



@font-face {

	font-family: "Ico Moon";

	src: url("../fonts/icomoon/icomoon.eot");

	src: url("../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.ttf") format("truetype"), url("../fonts/icomoon/icomoon.svg#Ico Moon") format("svg");

	font-weight: normal;

	font-style: normal;
font-display: swap;

}



@media screen and (-webkit-min-device-pixel-ratio: 0) {

	@font-face {

		font-family: "Ico Moon";

		src: url("../fonts/icomoon.svg#Ico Moon") format("svg");

	}

}



html {

	height: 100%;

	min-width: 320px;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}



body {

	font: 14px/1.2 "Roboto Condensed", sans-serif;

	height: 100%;

	min-width: 320px;

	position: relative;

	color: #000;

	background: #fff;

}



a {

	color: #2600ff;

	text-decoration: none;

}



input {

	outline: none;

	-webkit-appearance: none;

	border-radius: 0;

}



* {

	outline: none;

}



* {

	box-sizing: border-box;

}



*:before, *:after {

	box-sizing: border-box;

}



* ::-moz-selection {

	background: #2600ff;

	color: #fff;

}



* ::selection {

	background: #2600ff;

	color: #fff;

}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

	color: #aaacb0;

}



input:-moz-placeholder, textarea:-moz-placeholder {

	color: #aaacb0;

	opacity: 1;

}



input::-moz-placeholder, textarea::-moz-placeholder {

	color: #aaacb0;

	opacity: 1;

}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {

	color: #aaacb0;

}



input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {

	color: transparent;

}



input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {

	color: transparent;

}



input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {

	color: transparent;

}



input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {

	color: transparent;

}



input.placeholder, textarea.placeholder {

	color: #aaacb0 !important;

}

.sorting {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.sort-dropdown {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    font-size: 16px;
}

@media (max-width: 768px) {
    .sorting {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .sort-dropdown {
        width: 100%; /* Full width on mobile */
        max-width: 300px; /* Optional: cap width */
    }
    
    .value {
        margin-bottom: 5px;
    }
}

.d-block {

    display: block!important;

}

.flex-column {

    flex-direction: column!important;

}



.text-center {

    text-align: center!important;

}



.thumbs:before {

	content: "";

	display: table;

	clear: both;

}



.thumbs:after {

	content: "";

	display: table;

	clear: both;

}



.wrapper {

	display: table;

	width: 100%;

	height: 100%;

	overflow: hidden;

	table-layout: fixed;

}



.container {

	max-width: 1850px;

	width: 100%;

	margin: 0 auto;

	padding: 0 20px;

}



@media screen and (max-width: 480px) {

	.container {

		padding: 0 10px;

	}

}



[class^="icon-"], [class*=" icon-"] {

	/* use !important to prevent issues with browser extensions that change fonts */

	font-family: 'Ico Moon' !important;

	font-size: 12px;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.icon-attention:before {

	content: "\e918";

}



.icon-time:before {

	content: "\e917";

}



.icon-play:before {

	content: "\e911";

}



.icon-close:before {

	content: "\e919";

}

.icon-:before {

	content: "\e90f";

}



.icon-share:before {

	content: "\e912";

}



.icon-comment:before {

	content: "\e913";

}



.icon-:before {

	content: "\e914";

}



.icon-flag:before {

	content: "\e915";

}



.icon-dislike:before {

	content: "\e910";

}



.icon-arrow-left:before {

	content: "\e90c";

}



.icon-arrow-right:before {

	content: "\e90d";

}



.icon-calendar:before {

	content: "\e908";

}



.icon-eye:before {

	content: "\e909";

}



.icon-heart:before {

	content: "\e90a";

}



.icon-like:before {

	content: "\e90b";

}



.icon-hamburger:before {

	content: "\e900";

}



.icon-monitor:before {

	content: "\e901";

}



.icon-s:before {

	content: "\e902";

}



.icon-arrow-down:before {

	content: "\e903";

}



.icon-cam:before {

	content: "\e904";

}



.icon-search:before {

	content: "\e905";

}



.icon-sun:before {

	content: "\e906";

}



.icon-:before {

	content: "\e907";

}



.icon-info:before {

	content: "\e916";

}



.icon-sort:before {

	content: "\e90e";

}



.header {

	box-shadow: 0 6px 65px rgba(24, 24, 24, 0.35);

	background-color: #000;

	position: relative;

	z-index: 2;

}



@media screen and (max-width: 1500px) {

	.header.open .hamburger span {

		transform: translate3d(8px, 0, 0);

		background-color: #ff0000;

	}

}



@media screen and (max-width: 1500px) and (max-width: 1500px) {

	.header.open .navigation {

		opacity: 1;

		visibility: visible;

		transform: translate3d(0, 0, 0);

	}

}



@media screen and (max-width: 890px) {

	.header.view_ .btn_ {

		color: #fff;

	}

	.header.view_ .header_ {

		transform: translate3d(0, 0, 0);

		opacity: 1;

		visibility: visible;

	}

}



.header .holder {

	display: -ms-flexbox;

	display: flex;

}



@media screen and (max-width: 640px) {

	.header .holder {

		-ms-flex-wrap: wrap;

		    flex-wrap: wrap;

	}

}



.header .col {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	padding: 0 10px;

}



.header .btn {

	color: #7d7f85;

	background: none;

	border: none;

	cursor: pointer;

	display: inline-block;

	vertical-align: top;

	transition: color .3s;

}



@media screen and (min-width: 1025px) {

	.header .btn:hover {

		color: #ff0000;

	}

}



.header .btn i {

	font-size: 20px;

}



.logo {

	padding: 18px 0;

	margin-right: 20px;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

}



@media screen and (max-width: 640px) {

	.logo {

		-ms-flex-negative: 1;

		    flex-shrink: 1;

		-ms-flex-positive: 1;

		    flex-grow: 1;

		min-width: 1px;

		display: -ms-flexbox;

		display: flex;

		margin: 0;

		padding: 15px;

		-ms-flex-pack: center;

		    justify-content: center;

	}

}



.logo a,

.logo svg {

	display: block;

}



@media screen and (max-width: 640px) {

	.logo svg {

		width: 220px;

	}

}



.wrap_holder {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

	margin-right: 20px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	    justify-content: center;

}



@media screen and (max-width: 640px) {

	.wrap_holder {

		-ms-flex-order: 5;

		    order: 5;

		margin: 0;

		padding: 0 0 20px;

		width: 100%;

	}

}



.navigation {

	font-size: 14px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

}



@media screen and (max-width: 1500px) {

	.navigation {

		position: absolute;

		top: 100%;

		left: 0;

		background-color: #000;

		-ms-flex-direction: column;

		    flex-direction: column;

		transform: translate3d(-100%, 0, 0);

		opacity: 0;

		visibility: hidden;

		transition: transform .3s, opacity .3s, visibility .3s;

	}

}



.navigation .item {

	display: -ms-flexbox;

	display: flex;

	text-transform: uppercase;

}



.navigation .item.active a {

	color: #ff0000;

}



.navigation .item.active a:after {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

}



.navigation a {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	padding: 0 15px;

	color: #fff;

	position: relative;

	transition: color .3s;

}



@media screen and (max-width: 1500px) {

	.navigation a {

		width: 100%;

		padding: 15px 10px;

	}

}



.navigation a:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background-color: #ff0000;

	height: 4px;

	transform: translate3d(0, -4px, 0);

	opacity: 0;

	visibility: hidden;

	will-change: transform;

	transition: transform .3s, opacity .3s, visibility .3s;

}



@media screen and (min-width: 1025px) {

	.navigation a:hover {

		color: #ff0000;

	}

	.navigation a:hover:after {

		opacity: 1;

		visibility: visible;

		transform: translate3d(0, 0, 0);

	}

}



.search {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	width: 100%;

	max-width: 480px;

	margin-left: 20px;

}



@media screen and (max-width: 1500px) {

	.search {

		margin: 0;

		max-width: 100%;

	}

}



.search > * {

	width: 100%;

}



.search .hold {

	background-color: #3d3d3e;

	border-radius: 5px;

	display: -ms-flexbox;

	display: flex;

}



.search .input {

	padding: 10px 20px;

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

	color: #fff;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 1.2;

	background: none;

	border: none;

	width: 100%;

}



.input_drop {

	display: -ms-flexbox;

	display: flex;

	position: relative;

	padding: 0 20px;

}



.input_drop.open .icon-arrow-down {

	transform: rotate(180deg);

}



.input_drop.open .search_drop {

	transform: translate3d(0, 0, 0);

	opacity: 1;

	visibility: visible;

}



.input_drop .wrap {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	color: #7d7f85;

	cursor: pointer;

}



.input_drop span {

	font-size: 14px;

	font-weight: 300;

	padding: 0 8px;

}



.input_drop i {

	font-size: 14px;

}



.input_drop i.icon-arrow-down {

	font-size: 6px;

}



.btn_search {

	background: none;

	border: none;

	cursor: pointer;

	background-color: #7d7f85;

	color: #fff;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	border-radius: 0 5px 5px 0;

	min-width: 60px;

	transition: background .3s;

}



@media screen and (min-width: 1025px) {

	.btn_search:hover {

		background-color: #ff0000;

	}

}



.btn_search i {

	font-size: 20px;

}



.search_drop {

	position: absolute;

	top: 100%;

	left: 0;

	right: 0;

	transform: translate3d(0, 10px, 0);

	opacity: 0;

	visibility: hidden;

	transition: transform .3s, opacity .3s, visibility .3s;

	box-shadow: 0 1px 10px rgba(24, 24, 24, 0.3);

	border-radius: 0 0 5px 5px;

	background-color: #dfe0e2;

	overflow: hidden;

}



.search_drop a {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	    justify-content: center;

	color: #7d7f85;

	padding: 12px;

}



.search_drop a.active {

	background-color: #fc0000;

	color: #fff;

}



@media screen and (min-width: 1025px) {

	.search_drop a:hover {

		background-color: #fc0000;

		color: #fff;

	}

}



.search_drop i {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

}



.header_ {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	margin-left: 10px;

}



@media screen and (max-width: 890px) {

	.header_ {

		position: absolute;

		top: 100%;

		right: 0;

		transform: translate3d(0, 10px, 0);

		opacity: 0;

		visibility: hidden;

		transition: transform .3s, opacity .3s, visibility .3s;

		width: 150px;

		background-color: #000;

		-ms-flex-wrap: wrap;

		    flex-wrap: wrap;

		margin: 0;

	}

}



.header_ .col {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

	padding: 10px;

	-ms-flex-pack: center;

	    justify-content: center;

}



@media screen and (max-width: 890px) {

	.header_ .col {

		border-bottom: 1px solid #2f2f2f;

	}

}



.btn_ {

	margin-left: 5px;

	color: #7d7f85;

	text-transform: uppercase;

	padding: 12px 20px;

	border-radius: 5px;

	text-align: center;

	transition: background .3s, color .3s;

}



.btn_:first-child {

	margin-right: 0;

}



@media screen and (min-width: 1025px) {

	.btn_:hover {

		background-color: #215ffb;

		color: #fff;

	}

}



@media screen and (max-width: 890px) {

	.btn_ {

		width: 100%;

		margin: 0;

		border-radius: 0;

	}

}



.hamburger_wrap {

	display: none;

	-ms-flex-align: center;

	    align-items: center;

	margin-right: 15px;

}



@media screen and (max-width: 1500px) {

	.hamburger_wrap {

		display: -ms-flexbox;

		display: flex;

	}

}



@media screen and (max-width: 640px) {

	.hamburger_wrap {

		margin: 0;

	}

}



.hamburger {

	background: none;

	border: none;

	cursor: pointer;

	width: 24px;

	height: 20px;

	position: relative;

	font-size: 0;

}



.hamburger:before, .hamburger:after {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	background-color: #fff;

	height: 4px;

	border-radius: 4px;

}



.hamburger:before {

	top: 0;

}



.hamburger::after {

	bottom: 0;

}



.hamburger span {

	display: block;

	background-color: #fff;

	height: 4px;

	border-radius: 4px;

	transition: transform .3s, background .3s;

}



.box_wrap {

	display: none;

	-ms-flex-align: center;

	    align-items: center;

}



@media screen and (max-width: 890px) {

	.box_wrap {

		display: -ms-flexbox;

		display: flex;

	}

}



.btn_ {

	color: #7d7f85;

	font-size: 0;

	transition: color .3s;

	background: none;

	border: none;

	cursor: pointer;

	display: inline-block;

	vertical-align: top;

}



.btn_ i {

	font-size: 22px;

}



._ {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-left: 30px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	position: relative;

}



@media screen and (min-width: 1025px) {

	._:hover .name,

	._:hover i {

		color: #ff0000;

	}

}



@media screen and (max-width: 890px) {

	._ {

		margin: 0;

		-ms-flex-negative: 1;

		    flex-shrink: 1;

		-ms-flex-positive: 1;

		    flex-grow: 1;

		min-width: 1px;

	}

}



._.open .name {

	color: #ff0000;

}



._.open .dropped_ {

	transform: translateY(0%);

	opacity: 1;

	visibility: visible;

}



._.open .icon-arrow-down {

	transform: rotate(180deg);

}



.button_ {

	background: none;

	border: none;

	display: block;

	padding: 0;

	font-size: 0;

	cursor: pointer;

}



@media screen and (max-width: 890px) {

	.button_ {

		display: none;

	}

}



.button_ b {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	font-weight: normal;

}



.button_ .photo {

	width: 50px;

	height: 50px;

	border-radius: 25px;

	background-color: #e1e2e4;

	margin-right: 10px;

    overflow: hidden;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	    justify-content: center;

	-ms-flex-align: center;

	    align-items: center;

}



.button_ .photo i {

	font-size: 22px;

	color: #7d7f85;

}



.button_ .photo img {

	display: block;

	width: 100%;

	height: auto;

}



.button_ .name {

	color: #fff;

	font-size: 14px;

	line-height: 1.2;

	letter-spacing: 0.35px;

	margin: 0 10px 0 0;

	position: relative;

	transition: color .3s;

}



@media screen and (max-width: 639px) {

	.button_ .name {

		font-size: 13px;

	}

}



@media screen and (max-width: 479px) {

	.button_ .name {

		display: none;

	}

}



.button_ i {

	color: #737381;

	font-size: 6px;

	transform: rotate(0deg);

	transition: transform .3s, color .3s;

}



.dropped_ {

	position: absolute;

	top: calc(100% + 16px);

	right: 0;

	transform: translateY(10%);

	opacity: 0;

	visibility: hidden;

	transition: transform .3s, opacity .3s, visibility .3s;

	width: 150px;

	box-shadow: 0 1px 10px rgba(24, 24, 24, 0.3);

	border-radius: 0 0 5px 5px;

	background-color: #dfe0e2;

	overflow: hidden;

}



@media screen and (max-width: 890px) {

	.dropped_ {

		position: static;

		transform: none;

		opacity: 1;

		visibility: visible;

		width: 100%;

		background: none;

		border-radius: 0;

	}

}



.dropped_ .item_list {

	font-size: 14px;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 0.35px;

	text-align: center;

}



@media screen and (max-width: 400px) {

	.dropped_ .item_list {

		font-size: 12px;

	}

}



.dropped_ .item_list.active a {

	background-color: #ff0000;

	color: #fff;

}



.dropped_ a {

	color: #7c7c8e;

	display: block;

	padding: 12px 0;

}



@media screen and (min-width: 1025px) {

	.dropped_ a:hover {

		color: #fff;

		background-color: #ff0000;

	}

}



.dropped_ .button {

	display: inline-block;

	vertical-align: top;

	background-color: #0e7ddc;

	color: #fff;

	font-size: 14px;

	line-height: 1;

	padding: 13px 20px;

	border-radius: 20px;

	text-transform: uppercase;

	letter-spacing: 0.35px;

	transition: background .3s;

}



@media screen and (min-width: 1025px) {

	.dropped_ .button:hover {

		background-color: #e20065;

	}

}



.main {

	padding: 50px 0;

}



@media screen and (max-width: 767px) {

	.main {

		padding: 25px 0;

	}

}



.section {

	margin-top: 50px;

}



@media screen and (max-width: 767px) {

	.section {

		margin-top: 35px;

	}

}



.section:first-child {

	margin-top: 0;

}



.headline {

	margin-bottom: 20px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	position: relative;

	z-index: 1;

}



@media screen and (max-width: 480px) {

	.headline {

		margin-bottom: 15px;

	}

}



.headline .title {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

	-ms-flex-align: center;

	    align-items: center;

	color: #000;

	display: -ms-flexbox;

	display: flex;

	font-size: 24px;

	font-weight: 700;

	line-height: 1.2;

	text-transform: uppercase;

}



@media screen and (max-width: 767px) {

	.headline .title {

		font-size: 20px;

	}

}



.headline svg {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-right: 8px;

}



@media screen and (max-width: 480px) {

	.headline svg {

		width: 20px;

	}

}



.sorting {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	margin: -2px;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	position: relative;

}



@media screen and (max-width: 1280px) {

	.sorting.open .button_sorting {

		border-radius: 5px 5px 0 0;

	}

	.sorting.open .wrap {

		display: block;

	}

}



.sorting .value {

	font-size: 12px;

	text-transform: uppercase;

	color: #7d7f85;

	padding: 2px;

	margin-right: 8px;

}



@media screen and (max-width: 1280px) {

	.sorting .value {

		display: none;

	}

}



.sorting .wrap {

	display: -ms-flexbox;

	display: flex;

	padding: 2px;

	margin: -2px;

}



@media screen and (max-width: 1280px) {

	.sorting .wrap {

		display: none;

		position: absolute;

		top: 100%;

		right: 0;

		margin: 0;

		padding: 0;

		width: 120px;

		-ms-flex-direction: column;

		    flex-direction: column;

		border-radius: 5px 0 5px 5px;

		overflow: hidden;

	}

}



.sorting .item {

	padding: 2px;

}



@media screen and (max-width: 1280px) {

	.sorting .item {

		padding: 0;

	}

}



.sorting .item.active .button {

	background-color: #ff0000;

	color: #fff;

}



.sorting .button {

	padding: 10px 20px;

}



@media screen and (max-width: 1280px) {

	.sorting .button {

		border-radius: 0;

		width: 100%;

		font-size: 12px;

	}

}



.button_sorting {

	background: none;

	border: none;

	cursor: pointer;

	font-size: 0;

	padding: 8px 10px;

	background-color: #e1e2e4;

	border-radius: 5px;

	color: #7d7f85;

	display: none;

}



@media screen and (max-width: 1280px) {

	.button_sorting {

		display: block;

	}

}



.button_sorting i {

	font-size: 20px;

}



.thumbs {

	margin: -11px;

	font-size: 0;

}



.thumbs.-content-aff .thumb {

    float: left;

}

.thumbs.-content-aff .block_spot {

    float: right;

}

@media screen and (max-width: 1160px) {

	.thumbs {

		margin: -8px -5px;

	}

}



.thumb {

	display: -ms-inline-flexbox;

	display: inline-flex;

	vertical-align: top;

	font-size: 14px;

	width: 16.666%;

	padding: 6px;

    position: relative;

}



@media screen and (max-width: 1440px) {

	.thumb {

		width: 20%;

	}

}



@media screen and (max-width: 1160px) {

	.thumb {

		width: 25%;

		padding: 8px 5px;

	}

}



@media screen and (max-width: 860px) {

	.thumb {

		width: 33.333%;

	}

}



@media screen and (max-width: 568px) {

	.thumb {

		width: 50%;

	}

}



@media screen and (max-width: 374px) {

	.thumb {

		width: 100%;

	}

}



.th {

	width: 100%;

	display: block;

	color: #000;

	border-radius: 5px;

	overflow: hidden;

	transition: box-shadow .3s, color .3s;

}



@media screen and (min-width: 1025px) {

	.th:hover {

		color: #fff;

		box-shadow: 0 6px 26px 1px rgba(24, 24, 24, 0.75);

	}

	.thumb:hover .fav {

		opacity: 1;

	}

	.th:hover .cat_tools {

		background-color: #215ffb;

	}

	.th:hover .tools {

		background-color: #000;

	}

	.th:hover .cat_tools,

	.th:hover .title {

		color: #fff;

	}

}



/* .th .wrap_image {

	position: relative;

	padding-bottom: 73.94%;

}



.th img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

} */



.th .wrap_image {

    position: relative;

    display: block;

    overflow: hidden;

    height: 0;

    padding-top: 75.089744%;

    background-color: #E1E2E4;

}



.th img {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    right: 0;

    width: 100%;

    height: 100%;

}



.thumb.-model .th .wrap_image {

    position: relative;

    display: block;

    overflow: hidden;

    height: 0;

    padding-top: 124.358974359%;

    background-color: #E1E2E4;

}



.thumb.-model .th img {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    right: 0;

    width: 100%;

    height: auto;

}



.thumb .fav {

	position: absolute;

	top: 21px;

	left: 21px;

	color: #fd0000;

	transition: opacity .3s;

    opacity: 0;

    z-index: 2;

}

.thumb .fav:hover {

    color: #A60000;

}



.thumb .fav i {

	font-size: 20px;

	margin: 0;

}



.th .time {

	position: absolute;

	bottom: 10px;

	left: 0;

	border-radius: 0 3px 3px 0;

	font-size: 12px;

	color: #fff;

	padding: 5px 8px;

	background-color: rgba(0, 0, 0, 0.8);

}



.th .rate {

	position: absolute;

	bottom: 10px;

	right: 0;

	color: #fff;

	border-radius: 3px 0 0 3px;

	background-color: rgba(0, 0, 0, 0.8);

	padding: 5px 8px;

	font-size: 12px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

}



.th .rate i {

	font-size: 12px;

	color: #215ffb;

}



.th .tools {

	padding: 2px;

	transition: background .3s;

}



@media screen and (max-width: 1024px) {

	.th .tools {

		padding: 10px 0;

	}

}



.th .title {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

	color: #000;

	transition: color .3s;

	margin-bottom: 0px;

    white-space: nowrap;

}



.th .sub_info {

	display: -ms-flexbox;

	display: flex;

	color: #7d7f85;

	transition: color .3s;

	font-size: 12px;

	font-weight: 300;

	margin: 4px -5px;

}



.th .col {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	padding: 0 6px;

	font-size: 12px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	transition: color .3s;

}



.th .col.second {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

}



.th i {

	font-size: 12px;

	margin-right: 5px;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

}



.th span {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

}



.th .name {

	font-size: 16px;

	max-width: 100%;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



.cat_tools {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	font-size: 16px;

	padding: 12px 10px;

	margin: 0 -10px;

	transition: background .3s;

}



.check_edit {

	position: absolute;

	top: 10px;

	left: 10px;

	z-index: 2;

}



.check_edit.second {

	top: auto;

	bottom: 10px;

}



.check_edit .input_check {

	display: none;

}



.check_edit .input_check:checked + .label {

	background-color: #ff0000;

	border-color: #ff0000;

}



.check_edit .input_check:checked + .label:after {

	display: block;

}



.check_edit .label {

	display: block;

	width: 24px;

	height: 24px;

	border-radius: 3px;

	border: 1px solid #7d7f85;

	background-color: #e9e9ef;

	cursor: pointer;

	position: relative;

}



.check_edit .label:after {

	position: absolute;

	top: 6px;

	left: 5px;

	width: 14px;

	height: 7px;

	content: '';

	transform: rotate(-50deg);

	border: 2px solid #fff;

	border-top: none;

	border-right: none;

	background: transparent;

	display: none;

}



.block_spot {

	width: 33.333%;

	height: 614px;

	padding: 11px;

	float: right;

	font-size: 14px;

}



@media screen and (max-width: 1849px) {

	.block_spot {

		height: auto;

		width: 16.666%;

	}

}



@media screen and (max-width: 1440px) {

	.block_spot {

		width: 20%;

	}

}



@media screen and (max-width: 1160px) {

	.block_spot {

		width: 25%;

		padding: 5px;

	}

}



@media screen and (max-width: 860px) {

	.block_spot {

		width: 33.333%;

	}

}



@media screen and (max-width: 568px) {

	.block_spot {

		width: 50%;

	}

}



@media screen and (max-width: 374px) {

	.block_spot {

		width: 100%;

	}

}



.block_wrap {

	background-color: #e1e2e4;

	display: -ms-flexbox;

	display: flex;

	height: 100%;

	padding: 20px;

	-ms-flex-direction: column;

	    flex-direction: column;

	-ms-flex-align: center;

	    align-items: center;

	-ms-flex-pack: distribute;

	    justify-content: space-around;

	color: #7d7f85;

	font-size: 12px;

	font-weight: 300;

	line-height: 1.2;

	text-transform: uppercase;

	letter-spacing: 6px;

}



@media screen and (max-width: 1849px) {

	.block_wrap {

		padding: 10px;

		display: block;

	}

}



@media screen and (max-width: 480px) {

	.block_wrap {

		padding: 0;

	}

}



.block_wrap .wrap {

	position: relative;

}



@media screen and (max-width: 1849px) {

	.block_wrap .wrap {

		padding-bottom: 83.333%;

	}

	.block_wrap .wrap img {

		position: absolute;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		width: 100%;

		height: 100%;

	}

}



.block_row {

	padding: 10px 0;

}



@media screen and (max-width: 1849px) {

	.block_row {

		display: none;

		padding: 0;

	}

	.block_row.second {

		display: block;

	}

}



.bottom_section {

	margin-top: 30px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	    justify-content: center;

}



.bottom_section .button {

	min-width: 220px;

}



.button {

    display: inline-block;

    vertical-align: top;

    text-align: center;

    border-radius: 5px;

    color: #7d7f85;

    font-size: 14px;

    font-weight: 300;

    text-transform: uppercase;

    padding: 12px;

    background-color: #e1e2e4;

    transition: background .3s, color .3s;

    border: 0 none;

    cursor: pointer;

    font: 14px/1.2 "Roboto Condensed", sans-serif;

}



@media screen and (min-width: 1025px) {

	.button:hover {

		background-color: #ff0000;

		color: #fff;

	}

}



.content_posted {

	color: #181818;

	line-height: 1.6;

}



.pagination {

    width: 100%;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	    justify-content: center;

	margin: -2px;

	padding-top: 30px;

}



.pagination .item {

	padding: 2px;

}



@media screen and (max-width: 767px) {

	.pagination .item {

		display: none;

	}

	.pagination .item.pager, .pagination .item.active {

		display: block;

	}

}



.pagination a,

.pagination span {

	padding: 12px 8px;

	min-width: 40px;

	text-align: center;

	display: block;

	color: #7d7f85;

	font-weight: 300;

	border-radius: 5px;

	background-color: #e1e2e4;

	transition: color .3s, background .3s;

}



.pagination .item.active span {

    background-color: #000000;

    color: #fff;

}



@media screen and (min-width: 1025px) {

	.pagination a:hover {

		background-color: #215ffb;

		color: #fff;

	}

}



.pagination i {

	font-size: 13px;

}



.twocolumns {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	    align-items: flex-start;

}



@media screen and (max-width: 1024px) {

	.twocolumns {

		-ms-flex-direction: column;

		    flex-direction: column;

	}

}



.watch {

    width: 100%;

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

}

.player {

    display: block;

}

.inner-player {

    display: block;

    position: relative;

    overflow: hidden;

    height: 0;

    border-radius: 5px;

}



.player .fluid_initial_play {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate3d(-50%, -50%, 0) scale(1);

	background: none;

	border: none;

	padding: 0;

	color: rgba(255, 255, 255, 0.6);

	text-shadow: 0 9px 35px rgba(0, 0, 0, 0.41);

	cursor: pointer;

	font-size: 0;

	transition: transform .3s;

}



@media screen and (min-width: 1025px) {

	.player:hover .fluid_initial_play {

		transform: translate3d(-50%, -50%, 0) scale(0.9);

	}

}



.player .btn_play i {

	font-size: 100px;

}



@media screen and (max-width: 1160px) {

	.player .btn_play i {

		font-size: 60px;

	}

}



@media screen and (max-width: 1000px) {

	.player .btn_play i {

		font-size: 40px;

	}

}



.player_ {

	margin-top: 20px;

}



@media screen and (max-width: 1279px) {

	.player_ .headline {

		-ms-flex-direction: column;

		    flex-direction: column;

		-ms-flex-align: stretch;

		    align-items: stretch;

	}

}



.rate_box {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	-ms-flex-item-align: start;

	    align-self: flex-start;

	margin: 0 -3px;

	padding-left: 10px;

}



@media screen and (max-width: 1279px) {

	.rate_box {

		padding: 0;

		margin: 10px 0 0;

	}

}



.btn_rate {

	background: none;

	border: none;

	margin: 0 3px;

	color: #e1e2e4;

	cursor: pointer;

}



@media screen and (min-width: 1025px) {

	.btn_rate:hover {

		color: #215ffb;

	}

	.btn_rate:hover.dislike {

		color: #ff0000;

	}

}



.btn_rate i {

	font-size: 36px;

}



@media screen and (max-width: 640px) {

	.btn_rate i {

		font-size: 22px;

	}

}



.rate_view {

	margin-left: 10px;

	color: #000;

	font-size: 20px;

	line-height: 1.2;

}



@media screen and (max-width: 767px) {

	.rate_view {

		font-size: 16px;

	}

}



.rate_view span {

	color: #7d7f85;

}



.progress {

	width: 88px;

	height: 4px;

	border-radius: 1px;

	overflow: hidden;

	background-color: #e1e2e4;

	position: relative;

	margin-top: 2px;

}



.progress span {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	border-radius: 1px;

	background-color: #215ffb;

}



.detail_text {

	margin-top: 2px;

	font-size: 12px;

	font-weight: 300;

	color: #7d7f85;

}



.aside_spot {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-left: 20px;

	padding: 30px;

	background-color: #e1e2e4;

	width: 360px;

}



@media screen and (max-width: 1279px) {

	.aside_spot {

		padding: 10px;

		width: 320px;

	}

}



@media screen and (max-width: 1024px) {

	.aside_spot {

		width: 100%;

		-ms-flex-negative: 1;

		    flex-shrink: 1;

		-ms-flex-positive: 1;

		    flex-grow: 1;

		min-width: 1px;

		margin: 20px 0 0;

		display: -ms-flexbox;

		display: flex;

		-ms-flex-wrap: wrap;

		    flex-wrap: wrap;

		padding: 0;

		background: none;

		-ms-flex-pack: center;

		    justify-content: center;

	}

}



.aside_spot .spot {

	margin-bottom: 30px;

}



@media screen and (max-width: 1279px) {

	.aside_spot .spot {

		margin-bottom: 10px;

	}

}



@media screen and (max-width: 1024px) {

	.aside_spot .spot {

		padding: 5px;

		margin: 0;

	}

}



.aside_spot .spot:last-child {

	margin-bottom: 0;

}



._action {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	position: relative;

	z-index: 1;

}



._action .btn {

	margin: 0 2px;

	border-radius: 5px;

	background-color: #e1e2e4;

	border: none;

	padding: 0 20px;

	height: 40px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	font-size: 12px;

	line-height: 1;

	text-transform: uppercase;

	color: #7d7f85;

}



._action.-friends .btn {

    font-size: 14px;

}



._action .btn.active {

	background-color: #215ffb;

	color: #fff;

}



@media screen and (min-width: 1025px) {

	._action .btn:hover {

		background-color: #215ffb;

		color: #fff;

	}

}



@media screen and (max-width: 1279px) {

	._action .btn {

		-ms-flex-negative: 1;

		    flex-shrink: 1;

		-ms-flex-positive: 1;

		    flex-grow: 1;

		min-width: 1px;

		-ms-flex-pack: center;

		    justify-content: center;

		padding: 0 5px;

	}

}



._action .btn span {

	padding: 0 5px;

}



@media screen and (max-width: 1279px) {

	._action .btn span {

		display: none;

	}

}



._action .btn i {

	font-size: 18px;

}



@media screen and (max-width: 480px) {

	._action .btn i {

		font-size: 16px;

	}

}



._action .btn i.icon- {

	font-size: 20px;

}



@media screen and (max-width: 480px) {

	._action .btn i.icon- {

		font-size: 18px;

	}

}



.tab_content {

	margin-top: 20px;

	display: none;

}



.tab_content.active {

	display: block;

}



.tab_content .description {

	color: #181818;

	font-size: 14px;

	line-height: 1.6;

	margin-bottom: 25px;

}



@media screen and (max-width: 480px) {

	.tab_content .description {

		margin-bottom: 15px;

	}

}



.list_items .row {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	    align-items: flex-start;

	margin-top: 15px;

}



@media screen and (max-width: 479px) {

	.list_items .row {

		-ms-flex-direction: column;

		    flex-direction: column;

	}

}



.list_items .row:first-child {

	margin-top: 0;

}



.list_items span {

	color: #7d7f85;

	text-transform: uppercase;

	font-size: 12px;

	font-weight: 400;

	line-height: 1.2;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	padding: 10px 0;

	margin-right: 10px;

}



.list_items .wrapped {

	-ms-flex-positive: 1;

	    flex-grow: 1;

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	min-width: 1px;

	font-size: 0;

	margin: -2px;

}



.list_items a {

	color: #7d7f85;

	font-size: 12px;

	line-height: 1.2;

	display: inline-block;

	vertical-align: middle;

	border-radius: 5px;

	text-transform: uppercase;

	background-color: #e1e2e4;

	padding: 10px 20px;

	margin: 2px;

}



@media screen and (min-width: 1025px) {

	.list_items a:hover {

		background-color: #ff0000;

		color: #fff;

	}

}



@media screen and (max-width: 480px) {

	.list_items a {

		padding: 8px;

	}

}



.wrap_box {

	display: -ms-flexbox;

	display: flex;

	margin-bottom: 20px;

}



@media screen and (max-width: 568px) {

	.wrap_box {

		-ms-flex-direction: column;

		    flex-direction: column;

	}

}



.info_box {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	margin-right: 30px;

}



@media screen and (max-width: 568px) {

	.info_box {

		margin: 0 0 20px;

	}

}



.info_box .avatar {

	-ms-flex-positive: 0;

	    flex-grow: 0;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	width: 50px;

	height: 50px;

	border-radius: 25px;

	background-color: #e1e2e4;

	margin-right: 10px;

	color: #7d7f85;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	    justify-content: center;

	-ms-flex-align: center;

	    align-items: center;

}



.info_box .avatar img {

	display: block;

	width: 100%;

	height: auto;

}



.info_box .avatar i {

	font-size: 24px;

}



.info_box .info {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	color: #877d7d;

}



.info_box .title {

	font-size: 14px;

	font-weight: 300;

	line-height: 1.2;

	margin-bottom: 2px;

}



.info_box .name {

	color: #ff0000;

}



@media screen and (min-width: 1025px) {

	.info_box .name:hover {

		text-decoration: underline;

	}

}



.details_list {

	display: -ms-flexbox;

	display: flex;

	margin: -5px -10px;

}



.details_list .item {

	color: #7d7f85;

	font-weight: 300;

	font-size: 14px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	padding: 5px 10px;

}



@media screen and (max-width: 480px) {

	.details_list .item {

		font-size: 12px;

	}

}



.details_list i {

	font-size: 16px;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-right: 4px;

}



.details_list span {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

}



.section_comment {

	padding-top: 30px;

	margin-top: 30px;

}



@media screen and (max-width: 480px) {

	.section_comment {

		padding-top: 15px;

		margin-top: 15px;

	}

}



.section_comment .title {

	margin-bottom: 20px;

	color: #000;

	font-size: 18px;

	font-weight: 700;

	line-height: 1.2;

	text-transform: uppercase;

}



@media screen and (max-width: 480px) {

	.section_comment .title {

		font-size: 16px;

		margin-bottom: 10px;

	}

}



.form_comment {

	margin-bottom: 20px;

}



.form_comment .flex {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	    align-items: flex-start;

	max-width: 620px;

}



@media screen and (max-width: 567px) {

	.form_comment .flex {

		-ms-flex-direction: column;

		    flex-direction: column;

		-ms-flex-align: stretch;

		    align-items: stretch;

	}

}



.form_comment .grid_item {

	-ms-flex-positive: 1;

	    flex-grow: 1;

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	min-width: 1px;

}



.form_comment .grid_item.second {

	min-width: auto;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-left: 10px;

}



@media screen and (max-width: 567px) {

	.form_comment .grid_item.second {

		margin: 10px 0 0;

	}

}



.form_comment .message {

	height: 100px;

	border-radius: 5px;

	background-color: #e1e2e4;

	padding: 14px 20px;

	color: #000;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	line-height: 1.2;

	font-weight: 300;

	border: none;

	width: 100%;

	resize: none;

	display: block;

	margin: 0;

}



.form_comment .message.error {

	box-shadow: 0 0 2px 2px #ff0000;

}



.form_comment .button {

	border-radius: 5px;

	background-color: #215ffb;

	color: #fff;

	border: none;

	cursor: pointer;

	padding: 12px 20px;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	font-weight: 700;

	line-height: 1.2;

	text-transform: uppercase;

}



@media screen and (min-width: 1025px) {

	.form_comment .button:hover {

		background-color: #ff0000;

	}

}



@media screen and (max-width: 414px) {

	.form_comment .button {

		font-size: 13px;

	}

}



.comments_post .row,

#new-comment .row {

	margin-top: 24px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	    align-items: flex-start;

}



#new-comment .row {

    margin-bottom: 24px;

}



.comments_post .row:first-child,

#new-comment .row:first-child {

	margin-top: 0;

}



.comments_post .check_item,

#new-comment .check_item {

	display: none;

}



.comments_post .check_item:checked + .label,

#new-comment .check_item:checked + .label {

	border: 1px solid #e40066;

	background-color: #e40066;

}



.comments_post .check_item:checked + .label:after,

#new-comment .check_item:checked + .label:after {

	display: block;

}



.comments_post .check,

#new-comment .check {

	padding: 14px 0;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-right: 10px;

}



.comments_post .check .label,

#new-comment .check .label {

	display: block;

	width: 20px;

	height: 20px;

	border-radius: 5px;

	border: 1px solid #7c7c8e;

	background-color: #fff;

	cursor: pointer;

	position: relative;

}



.comments_post .check .label:after,

#new-comment .check .label:after {

	position: absolute;

	top: 5px;

	left: 4px;

	width: 10px;

	height: 6px;

	content: '';

	transform: rotate(-50deg);

	border: 2px solid #fff;

	border-top: none;

	border-right: none;

	background: transparent;

	display: none;

}



.comments_post .avatar,

#new-comment .avatar {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-right: 10px;

	border-radius: 25px;

	width: 50px;

	height: 50px;

	background-color: #e1e2e4;

	overflow: hidden;

	position: relative;

}



.comments_post .avatar a,

#new-comment .avatar a {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	height: 100%;

	-ms-flex-pack: center;

	    justify-content: center;

	color: #7d7f85;

}



.comments_post .avatar img,

#new-comment .avatar img {

	width: 100%;

	height: auto;

	display: block;

}



.comments_post .avatar i,

#new-comment .avatar i {

	font-size: 20px;

}



.comments_post .content,

#new-comment .content {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

	padding: 5px 0;

}



.comments_post .head_comment,

#new-comment .head_comment {

	margin-bottom: 8px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

}



@media screen and (max-width: 479px) {

	.comments_post .head_comment,

    #new-comment .head_comment {

		-ms-flex-align: start;

		    align-items: flex-start;

		-ms-flex-direction: column;

		    flex-direction: column;

	}

}



.comments_post .name,

#new-comment .name {

	font-size: 14px;

	font-weight: 500;

	line-height: 1.2;

	color: #111112;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	max-width: 55%;

	margin: 0 8px 0 0;

	letter-spacing: 0.14px;

	position: relative;

}



@media screen and (max-width: 767px) {

	.comments_post .name,

    #new-comment .name {

		max-width: 100%;

	}

}



@media screen and (max-width: 479px) {

	.comments_post .name,

    #new-comment .name {

		font-size: 13px;

		margin: 0 0 4px;

	}

}



.comments_post .name a,

#new-comment .name a {

	color: #ff0000;

}



@media screen and (min-width: 1025px) {

	.comments_post .name a:hover,

    #new-comment .name a:hover {

		text-decoration: underline;

	}

}



.comments_post .date,

#new-comment .date {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	color: #7d7f85;

	font-size: 12px;

	line-height: 1.2;

	font-weight: 300;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

}



@media screen and (max-width: 639px) {

	.comments_post .date,

    #new-comment .date {

		font-size: 12px;

	}

}



.comments_post .date i,

#new-comment .date i {

	color: #7d7f85;

	font-size: 12px;

	margin-right: 5px;

}



.comments_post .post,

#new-comment .post {

	color: #7d7f85;

	font-size: 14px;

	line-height: 1.4;

}



@media screen and (max-width: 479px) {

	.comments_post .post,

    #new-comment .post {

		font-size: 12px;

	}

}



.comments_post .action_buttons,

#new-comment .action_buttons {

	margin-top: 10px;

	font-size: 0;

}



.comments_post .btn_action,

#new-comment .btn_action {

	display: inline-block;

	vertical-align: top;

	margin-left: 3px;

	border: none;

	cursor: pointer;

	padding: 10px 20px;

	text-transform: uppercase;

	font-family: 'Quicksand', sans-serif;

	font-size: 12px;

	line-height: 1;

	font-weight: 400;

	border-radius: 15px;

	color: #7c7c8e;

	letter-spacing: 0.3px;

	background-color: #e9e9ef;

}



@media screen and (min-width: 1025px) {

	.comments_post .btn_action:hover,

    #new-comment .btn_action:hover {

		background-color: #0e7ddc;

		color: #fff;

	}

}



.form_share .label {

	display: inline-block;

	vertical-align: top;

	color: #7d7f85;

	font-size: 14px;

	text-transform: uppercase;

	line-height: 1.2;

	font-family: 'Roboto Condensed', sans-serif;

	margin-bottom: 18px;

}



@media screen and (max-width: 480px) {

	.form_share .label {

		margin-bottom: 10px;

	}

}



.form_share .field {

	height: 100px;

	border-radius: 5px;

	background-color: #e1e2e4;

	padding: 14px 20px;

	color: #000;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	line-height: 1.4;

	font-weight: 300;

	max-width: 755px;

	border: none;

	width: 100%;

	resize: none;

	display: block;

	margin: 0;

}



@media screen and (max-width: 480px) {

	.form_share .field {

		height: 160px;

	}

}



.inform_content {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	    align-items: flex-start;

}



@media screen and (max-width: 767px) {

	.inform_content {

		-ms-flex-direction: column;

		    flex-direction: column;

	}

}



.posted_avatar {

	-ms-flex-positive: 0;

	    flex-grow: 0;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	margin-right: 50px;

}



@media screen and (max-width: 767px) {

	.posted_avatar {

		margin: 0 auto 20px;

	}

}



.wrap_avatar {

	width: 250px;

	height: 250px;

	background-color: #e1e2e4;

	border-radius: 125px;

	overflow: hidden;

	position: relative;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	-ms-flex-pack: center;

	    justify-content: center;

	color: #7d7f85;

    padding-top: 100%;

    height: 0;

}



@media screen and (max-width: 860px) {

	.wrap_avatar {

		width: 150px;

		height: 150px;

	}

}



@media screen and (max-width: 767px) {

	.wrap_avatar {

		width: 250px;

		height: 250px;

	}

}



.wrap_avatar img {

	display: block;

	width: 100%;

	height: auto;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}



.wrap_avatar i {

	font-size: 115px;

}



@media screen and (max-width: 860px) {

	.wrap_avatar i {

		font-size: 70px;

	}

}



@media screen and (max-width: 767px) {

	.wrap_avatar i {

		font-size: 115px;

	}

}



.avatar_sub {

	text-align: center;

	font-size: 12px;

	font-weight: 300;

	color: #7d7f85;

	margin-top: 30px;

}



.avatar_sub .row {

	margin-top: 14px;

}



.avatar_sub .row:first-child {

	margin-top: 0;

}



.input_file_ {

	display: none;

}



.custom_file_ {

	border-radius: 5px;

	background-color: #e1e2e4;

	padding: 12px 20px;

	display: inline-block;

	vertical-align: top;

	cursor: pointer;

	color: #7d7f85;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.2;

	text-transform: uppercase;

	transition: color .3s, background .3s;

}



@media screen and (min-width: 1025px) {

	.custom_file_:hover {

		background-color: #215ffb;

		color: #fff;

	}

}



.view_list {

	-ms-flex-positive: 1;

	    flex-grow: 1;

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	min-width: 1px;

    width: 100%;

}



.options {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;

	margin: -10px;

	padding-bottom: 35px;

}



@media screen and (max-width: 639px) {

	.options {

		margin: -5px -10px;

	}

}



@media screen and (max-width: 480px) {

	.options {

		padding-bottom: 20px;

	}

}



.options .list {

	width: 25%;

	padding: 10px;

}



@media screen and (max-width: 1280px) {

	.options .list {

		width: 33.333%;

	}

}



@media screen and (max-width: 1024px) {

	.options .list {

		width: 50%;

	}

}



@media screen and (max-width: 639px) {

	.options .list {

		padding: 5px 10px;

	}

}



@media screen and (max-width: 567px) {

	.options .list {

		width: 100%;

	}

}



.options .item {

	margin-top: 18px;

	font-size: 14px;

	line-height: 1.2;

	font-weight: 300;

	color: #000;

	display: -ms-flexbox;

	display: flex;

}



.options .item:first-child {

	margin-top: 0;

}



.options .item.second {

	-ms-flex-pack: end;

	    justify-content: flex-end;

}



@media screen and (max-width: 639px) {

	.options .item {

		font-size: 13px;

		margin-top: 12px;

	}

}



.options .item span {

	color: #7d7f85;

	font-weight: 400;

	text-transform: uppercase;

	padding-right: 10px;

	max-width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

}



.options .item em {

	font-style: normal;

}



.options .item b {

	color: #0e7ddc;

	font-weight: normal;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

}



.options .item svg {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin: -5px 5px -5px 0;

}



.options .button {

	display: inline-block;

	vertical-align: top;

	background-color: #0e7ddc;

	color: #fff;

	font-size: 14px;

	line-height: 1;

	padding: 13px 20px;

	border-radius: 20px;

	text-transform: uppercase;

	letter-spacing: 0.35px;

	transition: background .3s;

}



@media screen and (min-width: 1025px) {

	.options .button:hover {

		background-color: #e20065;

	}

}



@media screen and (max-width: 639px) {

	.options .button {

		padding: 10px;

		font-size: 12px;

	}

}



.descriptions {

	color: #000;

	font-size: 14px;

	font-weight: 300;

	line-height: 1.4;

}



@media screen and (max-width: 639px) {

	.descriptions {

		font-size: 13px;

	}

}



.descriptions .title {

	color: #7d7f85;

	font-size: 14px;

	line-height: 1.2;

	font-weight: 400;

	margin-bottom: 5px;

	text-transform: uppercase;

}



.navigation_ {

	margin: -2px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;

	padding-top: 22px;

	margin-top: 22px;

	border-top: 1px solid #e1e2e4;

}



.navigation_ .wrap {

	display: -ms-flexbox;

	display: flex;

	margin-right: 20px;

	padding-right: 20px;

	border-right: 1px solid #e1e2e4;

}



@media screen and (max-width: 1280px) {

	.navigation_ .wrap {

		margin: 0;

		padding: 0;

		border: none;

	}

}



.navigation_ .item {

	text-transform: uppercase;

	padding: 2px;

}



@media screen and (max-width: 480px) {

	.navigation_ .item {

		font-size: 12px;

	}

}



.navigation_ .item.active a {

	background-color: #215ffb;

	color: #fff;

}



.navigation_ a {

	display: block;

	text-align: center;

	border-radius: 5px;

	background-color: #e1e2e4;

	padding: 12px 20px;

	color: #7d7f85;

	transition: background .3s, color .3s;

}



@media screen and (min-width: 1025px) {

	.navigation_ a:hover {

		background-color: #215ffb;

		color: #fff;

	}

}



.navigation_ .tab_link.active {

	background-color: #215ffb;

	color: #fff;

}



.navigation_ span {

	padding: 0 5px;

}



.bottom_section {

	margin: -5px;

	padding-top: 35px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;

	-ms-flex-pack: center;

	    justify-content: center;

}



@media screen and (max-width: 1000px) {

	.bottom_section {

		padding-top: 25px;

	}

}



.bottom_section .col {

	padding: 5px;

}



.more_button {

	min-width: 200px;

	color: #7d7f85;

	font-size: 14px;

	font-weight: 300;

	line-height: 1;

	text-transform: uppercase;

	font-family: 'Roboto Condensed', sans-serif;

	border-radius: 5px;

	background-color: #e1e2e4;

	padding: 13px;

	border: none;

	cursor: pointer;

}



@media screen and (min-width: 1025px) {

	.more_button:hover {

		background-color: #ff0000;

		color: #fff;

	}

}



@media screen and (max-width: 480px) {

	.more_button {

		font-size: 12px;

	}

}



.thumbs_circle {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;

}



.thumbs_circle .bottom {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	    justify-content: center;

}



.thumbs_circle .check_item {

	display: none;

}



.thumbs_circle .check_item:checked + .label {

	border: 1px solid #ff0000;

	background-color: #ff0000;

}



.thumbs_circle .check_item:checked + .label:after {

	display: block;

}



.thumbs_circle .check {

	padding: 14px 0;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

}



.thumbs_circle .check .label {

	display: block;

	width: 20px;

	height: 20px;

	border-radius: 2px;

	border: 1px solid #7d7f85;

	background-color: #fff;

	cursor: pointer;

	position: relative;

}



.thumbs_circle .check .label:after {

	position: absolute;

	top: 5px;

	left: 4px;

	width: 10px;

	height: 6px;

	content: '';

	transform: rotate(-50deg);

	border: 2px solid #fff;

	border-top: none;

	border-right: none;

	background: transparent;

	display: none;

}



.thumbs_circle .thumb {

	width: 14.28%;

	-ms-flex-pack: center;

	    justify-content: center;

	text-align: center;

}



@media screen and (max-width: 1280px) {

	.thumbs_circle .thumb {

		width: 20%;

	}

}



@media screen and (max-width: 1000px) {

	.thumbs_circle .thumb {

		width: 25%;

	}

}



@media screen and (max-width: 767px) {

	.thumbs_circle .thumb {

		width: 33.333%;

	}

}



@media screen and (max-width: 567px) {

	.thumbs_circle .thumb {

		width: 50%;

	}

}



.thumbs_circle .th {

	display: inline-block;

	vertical-align: top;

	text-align: center;

	position: relative;

	max-width: 160px;

	width: 100%;

}



@media screen and (min-width: 1025px) {

	.thumbs_circle .th:hover {

		box-shadow: none;

	}

	.thumbs_circle .th:hover .name {

		color: #ff0000;

	}

}



.thumbs_circle .wrap_image {

	margin-bottom: 10px;

	width: 150px;

	height: 150px;

	padding: 0;

	display: -ms-inline-flexbox;

	display: inline-flex;

	vertical-align: top;

	-ms-flex-pack: center;

	    justify-content: center;

	-ms-flex-align: center;

	    align-items: center;

	background-color: #e9e9ef;

	overflow: hidden;

	border-radius: 75px;

	position: relative;

	color: #737381;

}



@media screen and (max-width: 479px) {

	.thumbs_circle .wrap_image {

		width: 100px;

		height: 100px;

	}

}



.thumbs_circle .wrap_image img {

	display: block;

	width: 100%;

	height: auto;

}



.thumbs_circle .wrap_image i {

	font-size: 66px;

	margin: 0;

}



@media screen and (max-width: 479px) {

	.thumbs_circle .wrap_image i {

		font-size: 40px;

	}

}



.thumbs_circle .name {

	color: #000;

	font-size: 14px;

	line-height: 1.2;

	margin-bottom: 10px;

	letter-spacing: 0.35px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

	-ms-flex-pack: center;

	    justify-content: center;

	max-width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

}



.thumbs_circle .cols {

	margin: -4px -2px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: justify;

	    justify-content: space-between;

}



@media screen and (max-width: 479px) {

	.thumbs_circle .cols {

		-ms-flex-direction: column;

		    flex-direction: column;

		-ms-flex-align: center;

		    align-items: center;

	}

}



.thumbs_circle .item {

	color: #7d7f85;

	font-size: 14px;

	font-weight: 300;

	line-height: 1;

	padding: 4px 2px;

	letter-spacing: 0.14px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

}



.thumbs_circle .item i {

	font-size: 14px;

	margin-right: 5px;

}



.form_field .cols {

	display: -ms-flexbox;

	display: flex;

	margin: -20px -35px;

}



@media screen and (max-width: 1160px) {

	.form_field .cols {

		margin: -20px;

	}

}



@media screen and (max-width: 768px) {

	.form_field .cols {

		-ms-flex-direction: column;

		    flex-direction: column;

		margin: -10px;

	}

}



.form_field .col {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

	width: 50%;

	padding: 20px 35px;

}



#form .row:nth-child(2) {

    margin-top: 0;

}



.form_field .hidden {

    padding: 0;

}



@media screen and (max-width: 1160px) {

	.form_field .col {

		padding: 20px;

	}

}



@media screen and (max-width: 768px) {

	.form_field .col {

		width: 100%;

		padding: 10px;

	}

}



.form_field .row {

	margin-top: 28px;

}



@media screen and (max-width: 768px) {

	.form_field .row {

		margin-top: 20px;

	}

}



.form_field .row:first-child {

	margin-top: 0;

}



.form_field .columns {

	display: -ms-flexbox;

	display: flex;

	margin: -25px;

}



@media screen and (max-width: 1160px) {

	.form_field .columns {

		margin: -15px;

	}

}



@media screen and (max-width: 568px) {

	.form_field .columns {

		-ms-flex-direction: column;

		    flex-direction: column;

	}

}



.form_field .column {

	width: 50%;

	padding: 25px;

}



@media screen and (max-width: 1160px) {

	.form_field .column {

		padding: 15px;

	}

}



@media screen and (max-width: 568px) {

	.form_field .column {

		width: 100%;

	}

}



.form_field .label {

	margin-bottom: 8px;

	display: inline-block;

	vertical-align: top;

	color: #7d7f85;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 1;

	text-transform: uppercase;

}



.form_field .input {

	display: block;

	width: 100%;

	height: 40px;

	border-radius: 5px;

	background-color: #e1e2e4;

	border: none;

	padding: 12px 20px;

	color: #000;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 1;

}



.form_field .textarea {

	border: none;

	padding: 14px  20px;

	resize: none;

	height: 130px;

	width: 100%;

	display: block;

	border-radius: 5px;

    font-family: 'Roboto Condensed', sans-serif;

	background-color: #e1e2e4;

}



.form_field .cols_inner {

	display: -ms-flexbox;

	display: flex;

	margin: -10px;

}



@media screen and (max-width: 1024px) {

	.form_field .cols_inner {

		-ms-flex-direction: column;

		    flex-direction: column;

	}

}



.form_field .col_inner {

	width: 50%;

	padding: 10px;

}



@media screen and (max-width: 1024px) {

	.form_field .col_inner {

		width: 100%;

	}

}



.form_field .btn {

	cursor: pointer;

	color: #fff;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 1;

	text-transform: uppercase;

	padding: 13px 20px;

	border-radius: 5px;

	background-color: #215ffb;

	border: none;

	display: inline-block;

	vertical-align: top;

	transition: background .3s;

}



@media screen and (min-width: 1025px) {

	.form_field .btn:hover {

		background-color: #ff0000;

	}

}



.box_checkbox {

	border-radius: 5px;

	background-color: #e1e2e4;

	padding: 30px;

	max-width: 460px;

	width: 100%;

}



@media screen and (max-width: 568px) {

	.box_checkbox {

		padding: 20px 15px;

	}

}



.box_checkbox .item {

	margin-top: 30px;

}



@media screen and (max-width: 1024px) {

	.box_checkbox .item {

		margin-top: 15px;

	}

}



.box_checkbox .item:first-child {

	margin-top: 0;

}

/* 

.box_checkbox .checkbox {

	display: none;

} */



.box_checkbox .checkbox:checked + .checkbox_label {

	color: #000;

}



.box_checkbox .checkbox:checked + .checkbox_label:before {

	background-color: #ff0000;

	border-color: #ff0000;

}



.box_checkbox .checkbox:checked + .checkbox_label:after {

	display: block;

}



.box_checkbox .checkbox_label {

	position: relative;

	display: inline-block;

	vertical-align: top;

	padding: 2px 0 2px 30px;

	cursor: pointer;

	color: #7d7f85;

	font-weight: 400;

	font-family: 'Roboto Condensed', sans-serif;

}



.box_checkbox .checkbox_label:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 20px;

	height: 20px;

	border-radius: 3px;

	border: 1px solid #7d7f85;

	background-color: transparent;

}



.box_checkbox .checkbox_label:after {

	display: none;

	content: "";

	position: absolute;

	left: 7px;

	top: 2px;

	width: 7px;

	height: 12px;

	border: solid white;

	border-width: 0 2px 2px 0;

	transform: rotate(45deg);

}



.footer {

	display: table-row;

	height: 1px;

}



.footer .holder {

	box-shadow: 0 6px 65px rgba(24, 24, 24, 0.35);

	background-color: #000;

	padding: 50px 0;

}



@media screen and (max-width: 480px) {

	.footer .holder {

		padding: 25px 0;

	}

}



.footer .wrap {

	display: -ms-flexbox;

	display: flex;

	margin: -10px -20px;

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;

}



@media screen and (max-width: 1000px) {

	.footer .wrap {

		margin: -20px -10px;

	}

}



.footer .col {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

	padding: 10px 20px;

}



@media screen and (max-width: 1000px) {

	.footer .col {

		padding: 20px 10px;

		display: -ms-flexbox;

		display: flex;

		-ms-flex-direction: column;

		    flex-direction: column;

		-ms-flex-align: center;

		    align-items: center;

		text-align: center;

	}

}



@media screen and (max-width: 1000px) {

	.footer .col.second {

		width: 100%;

		text-align: center;

	}

}



.footer .title {

	color: #fff;

	font-weight: 700;

	font-size: 20px;

	text-transform: uppercase;

	margin-bottom: 25px;

}



@media screen and (max-width: 480px) {

	.footer .title {

		margin-bottom: 15px;

		font-size: 16px;

	}

}



.footer .item {

	margin-bottom: 10px;

	font-weight: 300;

}



@media screen and (max-width: 480px) {

	.footer .item {

		font-size: 13px;

		margin-bottom: 5px;

	}

}



.footer .item:last-child {

	margin-bottom: 0;

}



.footer a {

	color: #aaacb0;

}



@media screen and (min-width: 1025px) {

	.footer a:hover {

		color: #ff0000;

	}

}



.logo_footer {

	margin-bottom: 20px;

}



.logo_footer a,

.logo_footer svg {

	display: inline-block;

	vertical-align: top;

}



.nav {

	color: #7d7f85;

	font-size: 14px;

	font-weight: 300;

	line-height: 1.4;

	margin-bottom: 12px;

}



@media screen and (max-width: 480px) {

	.nav {

		font-size: 13px;

	}

}



.nav a {

	color: #aaacb0;

}



@media screen and (min-width: 1025px) {

	.nav a:hover {

		color: #ff0000;

	}

}



.copy {

	color: #7d7f85;

	font-size: 14px;

	font-weight: 300;

	line-height: 1.2;

}



.spot_content {

	background-color: #e1e2e4;

	padding: 50px 0;

}



@media screen and (max-width: 480px) {

	.spot_content {

		padding: 25px 0;

	}

}



.spot_content .columns {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;

	-ms-flex-pack: center;

	    justify-content: center;

	margin: -5px;

}



.spot_content .spot {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	    justify-content: center;

	padding: 5px;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	min-width: 1px;

}



.popup_wrap {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0, 0, 0, 0.8);

	z-index: 99;

	overflow-y: auto;

}



.popup {

	margin: 10px 0;

	overflow: hidden;

	box-shadow: -25px 30px 62px rgba(0, 0, 0, 0.76);

	border-radius: 5px;

	background-color: #fff;

	padding: 40px;

	max-width: 480px;

	width: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate3d(-50%, -50%, 0);

	max-height: 100%;

	overflow: auto;

}



@media screen and (max-width: 640px) {

	.popup {

		padding: 12px;

		max-width: calc(100% - 15px);

	}

}



.popup.second {

	max-width: 934px;

}



@media screen and (max-width: 960px) {

	.popup.second {

		max-width: calc(100% - 15px);

	}

}



.popup .btn_cross {

	position: absolute;

	top: 15px;

	right: 15px;

	color: #7d7f85;

	background: none;

	border: none;

	cursor: pointer;

}



.popup .btn_cross i {

	font-size: 20px;

}



@media screen and (max-width: 860px) {

	.popup .btn_cross i {

		font-size: 16px;

	}

}



.heading_title {

	color: #000;

	font-size: 24px;

	font-weight: 700;

	text-transform: uppercase;

	line-height: 1.2;

	margin-bottom: 34px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

}



@media screen and (max-width: 860px) {

	.heading_title {

		font-size: 20px;

		margin-bottom: 30px;

	}

}



.heading_title svg {

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-right: 10px;

}



.heading_title span {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

}



.popup_notify {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	    align-items: flex-start;

	border-radius: 5px;

	background-color: #215ffb;

	color: #fff;

	padding: 15px 20px;

	margin-top: 20px;

}



.popup_notify.attention {

	background-color: #ff0000;

}



@media screen and (max-width: 860px) {

	.popup_notify {

		margin-top: 15px;

	}

}



.popup_notify:first-child {

	margin-top: 0;

}



.popup_notify i {

	font-size: 18px;

	-ms-flex-negative: 0;

	    flex-shrink: 0;

	-ms-flex-positive: 0;

	    flex-grow: 0;

	margin-right: 5px;

}



.popup_notify .text {

	-ms-flex-negative: 1;

	    flex-shrink: 1;

	-ms-flex-positive: 1;

	    flex-grow: 1;

	min-width: 1px;

	line-height: 1.4;

}



.page- .headline,

.page- .headline,

.page-forgot_ .headline,

.page- .headline,

.page- .headline,

.page- .form-col,

.page- .form-col,

.page-forgot_ .form-col,

.page-home-compose .form-col,

.page- .form-col,

.page- .form-col,

.page- .notification-sec,

.page- .notification-sec,

.page-forgot_ .notification-sec,

.page- .notification-sec,

.page- .notification-sec {

    max-width: 600px;

    margin: 0 auto;

}





.welcome-sec .headline {

    max-width: none;

    margin: 0 0 20px 0;

}



.form-wrap .row {

	margin-top: 30px;

}



@media screen and (max-width: 860px) {

	.form-wrap .row {

		margin-top: 15px;

	}

}



.form-wrap .row:first-child {

	margin-top: 0;

}



.form-wrap .label {

	color: #7d7f85;

	font-size: 14px;

	line-height: 1.2;

	font-family: 'Roboto Condensed', sans-serif;

	margin-bottom: 8px;

	display: inline-block;

	vertical-align: top;

	text-transform: uppercase;

}



@media screen and (max-width: 860px) {

	.form-wrap .label {

		font-size: 14px;

	}

}



.form-wrap .label span {

	font-size: 12px;

	text-transform: none;

	padding-left: 5px;

}



.form-wrap .input {

	width: 100%;

	height: 40px;

	border-radius: 5px;

	border: none;

	font-size: 14px;

	line-height: 1.2;

	padding: 11px 20px;

	color: #000;

	font-family: 'Roboto Condensed', sans-serif;

	background-color: #e1e2e4;

}



.form-wrap .input.error {

	box-shadow: inset 0 0 0 2px #e61313;

	color: #e61313;

}



.form-wrap .textarea {

	width: 100%;

	height: 130px;

	resize: none;

	border-radius: 10px;

	border: none;

	font-size: 14px;

	line-height: 1.2;

	padding: 11px 20px;

	color: #000;

	font-family: 'Roboto Condensed', sans-serif;

	background-color: #ecedee;

}



.form-wrap .textarea.error {

	box-shadow: inset 0 0 0 2px #e61313;

	color: #e61313;

}



.form-wrap .columns {

	margin-top: 50px;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	    align-items: center;

}



@media screen and (max-width: 860px) {

	.form-wrap .columns {

		margin-top: 30px;

	}

}



.form-wrap .btn_action {

	border-radius: 5px;

	background-color: #215ffb;

	color: #fff;

	text-transform: uppercase;

	font-size: 16px;

	line-height: 1.2;

	padding: 12px 20px;

	border: none;

	font-family: 'Roboto Condensed', sans-serif;

	cursor: pointer;

	transition: background .3s;

}



@media screen and (min-width: 1025px) {

	.form-wrap .btn_action:hover {

		background-color: #ff0000;

	}

}



@media screen and (max-width: 860px) {

	.form-wrap .btn_action {

		font-size: 13px;

	}

}



.form-wrap ._link {

	color: #ff0000;

	font-size: 14px;

	line-height: 1.2;

	margin-left: 20px;

}



@media screen and (min-width: 1025px) {

	.form-wrap ._link:hover {

		text-decoration: underline;

	}

}



@media screen and (max-width: 860px) {

	.form-wrap ._link {

		font-size: 13px;

		margin-left: 15px;

	}

}



.form-wrap .cols {

	display: -ms-flexbox;

	display: flex;

	margin: 0 -25px;

	padding-bottom: 50px;

}



@media screen and (max-width: 860px) {

	.form-wrap .cols {

		margin: 0 -10px;

	}

}



@media screen and (max-width: 640px) {

	.form-wrap .cols {

		-ms-flex-direction: column;

		    flex-direction: column;

		margin: -10px 0;

		padding-bottom: 25px;

	}

}



.form-wrap .col {

	padding: 0 25px;

	width: 50%;

}



@media screen and (max-width: 860px) {

	.form-wrap .col {

		padding: 0 10px;

	}

}



@media screen and (max-width: 640px) {

	.form-wrap .col {

		width: 100%;

		padding: 10px 0;

	}

}



.form-wrap .cols_inner {

	display: -ms-flexbox;

	display: flex;

	margin: 0 -2px;

}



.form-wrap .col_inner {

	width: 33.333%;

	padding: 0 2px;

}



.captcha_text {

	color: #7d7f85;

	font-size: 12px;

	line-height: 1.4;

	margin-bottom: 8px;

}



.captcha_popup,

.captcha_img {

	margin-bottom: 20px;

}



.select2-container .select2-selection--multiple {

	min-height: 40px;

	border-radius: 5px;

	background-color: #e1e2e4;

	border: none;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

	border-radius: 5px;

	background-color: #7d7f85;

	position: relative;

	border: none;

	color: #dfe2e5;

	font-family: 'Roboto Condensed', sans-serif;

	padding: 8px 38px 8px 10px;

	font-size: 12px;

	font-weight: 500;

	line-height: 1.2;

	text-transform: uppercase;

	cursor: default;

	float: left;

	margin-right: 6px;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {

	background-color: #ff0036;

	color: #fff;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

	cursor: pointer;

	display: inline-block;

	position: absolute;

	top: 50%;

	transform: translate3d(0, -50%, 0);

	right: 8px;

	font-family: Arial;

	font-size: 0;

	color: #fff;

	margin: 0;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {

	content: "\e919";

	/* use !important to prevent issues with browser extensions that change fonts */

	font-family: 'Ico Moon' !important;

	font-size: 10px;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.select2-container--default .select2-results__option[aria-selected=true] {

	background-color: #7d7f85;

	color: #fff;

}



.select2-container--default.select2-container--focus .select2-selection--multiple {

	border: none;

}



.select2-selection--multiple .select2-selection__rendered:after {

	content: "";

	position: absolute;

	top: 50%;

	right: 18px;

	transition: transform .3s;

	transform: translate3d(0, -50%, 0) rotate(45deg);

	border: solid #8b8fa1;

	border-width: 0 2px 2px 0;

	display: inline-block;

	padding: 3px;

}



.select2-container--open .select2-selection--multiple .select2-selection__rendered:after {

	transform: rotate(224deg);

}



.wrap_mask_button {

	position: relative;

}



.wrap_mask_button .input {

	font-size: 14px;

	-webkit-backface-visibility: hidden;

	        backface-visibility: hidden;

	color: #1e1e1f;

	font-family: 'Roboto Condensed', sans-serif;

}



.wrap_mask_button .wrap_btn {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

}



.file_wrap {

	position: absolute;

	top: 50%;

	transform: translate3d(0, -50%, 0);

	right: 5px;

	font-size: 12px;

	z-index: 2;

	color: #fff;

	font-family: 'Roboto Condensed', sans-serif;

	text-transform: uppercase;

	padding: 8px 10px;

	border-radius: 5px;

	background-color: #7d7f85;

	cursor: pointer;

}



.form-wrap input[type=file] {

	display: none;

}



.notification-sec {

    margin-bottom: 0

}



.notification-col {

    flex: 1 0 100%

}



.alert,.messages,.notification {
    padding: 10px 20px;  /* Changed: added horizontal padding */
    margin: 0 auto 20px auto;  /* Changed: auto margins to center */
    border: 1px solid transparent;
    border-radius: 4px;
    clear: both;
    font-size: 15px;
    text-align: center;
    width: 100%;
    max-width: 800px;  /* Added: controls maximum width */
}


.alert.info,.messages.info,.notification.info {

    background-color: #d9edf7;

    border-color: #bce8f1;

    color: #31708f

}



.alert.alert,.messages.alert,.notification.alert {

    background-color: #fcf8e3;

    border-color: #faebcc;

    color: #8a6d3b

}



.alert.error,.messages.error,.notification.error {

    background-color: #f2dede;

    border-color: #ebccd1;

    color: #a94442

}



.alert.success,.messages.success,.notification.success {

    background-color: #dff0d8;

    border-color: #d6e9c6;

    color: #3c763d

}



.alert p,.messages p,.notification p {

    margin: 0

}





.alert-primary {

    color: #004085;

    background-color: #cce5ff;

    border-color: #b8daff

}



.alert-primary hr {

    border-top-color: #9fcdff

}



.alert-primary .alert-link {

    color: #002752

}



.alert-secondary {

    color: #383d41;

    background-color: #e2e3e5;

    border-color: #d6d8db

}



.alert-secondary hr {

    border-top-color: #c8cbcf

}



.alert-secondary .alert-link {

    color: #202326

}



.alert-success {

    color: #155724;

    background-color: #d4edda;

    border-color: #c3e6cb

}



.alert-success hr {

    border-top-color: #b1dfbb

}



.alert-success .alert-link {

    color: #0b2e13

}



.alert-info {

    color: #0c5460;

    background-color: #d1ecf1;

    border-color: #bee5eb

}



.alert-info hr {

    border-top-color: #abdde5

}



.alert-info .alert-link {

    color: #062c33

}



.alert-warning {

    color: #856404;

    background-color: #fff3cd;

    border-color: #ffeeba

}



.alert-warning hr {

    border-top-color: #ffe8a1

}



.alert-warning .alert-link {

    color: #533f03

}



.alert-danger {

    color: #721c24;

    background-color: #f8d7da;

    border-color: #f5c6cb

}



.alert-danger hr {

    border-top-color: #f1b0b7

}



.alert-danger .alert-link {

    color: #491217

}



.alert-light {

    color: #818182;

    background-color: #fefefe;

    border-color: #fdfdfe

}



.alert-light hr {

    border-top-color: #ececf6

}



.alert-light .alert-link {

    color: #686868

}



.alert-dark {

    color: #1b1e21;

    background-color: #d6d8d9;

    border-color: #c6c8ca

}



.alert-dark hr {

    border-top-color: #b9bbbe

}



.alert-dark .alert-link {

    color: #040505

}



.close {

    float: right;

    font-size: 1.5rem;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: .5

}



.close:hover,.close:focus {

    color: #000;

    text-decoration: none;

    opacity: .75

}



.close:not(:disabled):not(.disabled) {

    cursor: pointer

}



button.close {

    padding: 0;

    background-color: transparent;

    border: 0;

    -webkit-appearance: none

}



.modal-open {

    overflow: hidden

}



.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    display: none;

    overflow: hidden;

    outline: 0

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: .5rem;

    pointer-events: none

}



.modal.fade .modal-dialog {

    transition: transform 0.3s ease-out;

    transform: translate(0, -25%)

}



@media screen and (prefers-reduced-motion: reduce) {

    .modal.fade .modal-dialog {

        transition: none

    }

}



.modal.show .modal-dialog {

    transform: translate(0, 0)

}



.modal-dialog-centered {

    display: flex;

    align-items: center;

    min-height: calc(100% - (.5rem * 2))

}



.modal-content {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    pointer-events: auto;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0,0,0,0.2);

    border-radius: .3rem;

    outline: 0

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000

}



.modal-backdrop.fade {

    opacity: 0

}



.modal-backdrop.show {

    opacity: .5

}



.modal-header {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 1rem;

    border-bottom: 1px solid #e9ecef;

    border-top-left-radius: .3rem;

    border-top-right-radius: .3rem

}



.modal-header .close {

    padding: 1rem;

    margin: -1rem -1rem -1rem auto

}



.modal-title {

    margin-bottom: 0;

    line-height: 1.5

}



.modal-body {

    position: relative;

    flex: 1 1 auto;

    padding: 1rem

}



.modal-footer {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 1rem;

    border-top: 1px solid #e9ecef

}



.modal-footer>:not(:first-child) {

    margin-left: .25rem

}



.modal-footer>:not(:last-child) {

    margin-right: .25rem

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll

}



@media (min-width: 576px) {

    .modal-dialog {

        max-width:500px;

        margin: 1.75rem auto

    }



    .modal-dialog-centered {

        min-height: calc(100% - (1.75rem * 2))

    }



    .modal-sm {

        max-width: 300px

    }

}



@media (min-width: 992px) {

    .modal-lg {

        max-width:800px

    }

}



.static-col {

    margin-bottom: 20px;

}





.content- {

    display: block;

    margin-bottom: 10px;

}



.content- .btn {

    font-size: 14px

}



.-item {

    display: flex;

    align-items: center;

    padding: 10px

}



.-item:not(:last-child) {

    border-bottom: 1px dashed #1e1e1e

}



@media (min-width: 768px) {

    .-item {

        padding:15px;

    }

}



.-item.-label {

    color: #8c8c8c

}



.-item .resolution {

    flex: 1 0 100%;

    max-width: 80px;

}



@media (min-width: 480px) {

    .-item .resolution {

        max-width:25%

    }

}



.-item .size {

    flex: 1 0 auto

}



.-item . {

    flex: 0 0 121px;

    text-align: center

}



. .button {

    padding: 10px;

    font-size: 13px;

}



.comment-box {

    padding: 10px;

    display: flex;

    flex-flow: row nowrap;

    align-items: flex-start

}



@media (min-width: 480px) {

    .comment-box {

        padding:20px

    }

}



.comment-avatar {

    flex: 0 0 55px;

    margin-right: 15px;

    position: relative;

    overflow: hidden;

    height: 55px

}



@media (min-width: 480px) {

    .comment-avatar {

        margin-right:25px

    }

}



.comment-avatar img {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    max-width: none;

    width: auto;

    height: 100%

}



.comment-info {

    display: flex;

    flex-flow: row nowrap;

    margin-bottom: 10px

}



.comment-submitter,.comment-date {

    padding-right: 20px

}



.comment-text {

    color: #8c8c8c

}





.comment-alert .notification {

    margin-bottom: 0;

    margin-top: 10px;

    margin-bottom: 10px;

}



@media (min-width: 480px) {

    .comment-alert .notification {

        margin-top:20px;

        margin-bottom: 20px;

    }

}



.more-comments {

    display: none

}



.mailbox-nav-col {

    margin-bottom: 20px

}



.mail-list tr {

    color: #8c8c8c

}



.mail-list tr a {

    color: #ff2024

}



.mail-list tr a:hover {

    color: #d30004

}



.mail-list tr.new {

    color: #fff;

    font-weight: 500

}



.mail-content-col {

    display: flex;

    flex-flow: row wrap;

    max-width: 700px;

    margin: 0 auto

}



.mail-content-col .desc {

    color: #8c8c8c

}



.mail-content-col .actions {

    flex: 1 0 100%;

    text-align: right

}



.mail-info {

    flex: 1 0 100%;

    margin-bottom: 10px;

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between

}



.mail-info .mail-info-elem {

    flex: 0 0 auto

}



.mail-info .mail-info-elem.-sender {

    padding-right: 5px

}



.mail-subject {

    flex: 1 0 100%;

    margin-bottom: 10px

}



.mail-content {

    flex: 1 0 100%;

    margin-bottom: 10px

}



.mail-content .desc {

    display: block;

    margin-top: 5px

}



.-niches {

    display: flex;

    flex-flow: row wrap;

    max-width: 100%

}



.-niches .checkbox {

    flex: 0 0 100%;

    padding: 0 5px;

    margin-bottom: 10px;

}



@media (min-width: 600px) {

    .-niches .checkbox {

        flex-basis:50%

    }

}



@media (min-width: 1040px) {

    .-niches .checkbox {

        flex-basis:33.333334%

    }

}



.-niches .checkbox label {

    display: block

}





.alphabet-col {

    flex: 1 0 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-flow: row wrap;

    margin-bottom: 10px

}



.alphabet-col a {

    color: #000;

    padding: 0 10px;

    margin-bottom: 5px;

    height: 30px;

    line-height: 30px;

    min-width: 30px;

    text-align: center;

    border-radius: 5px;

    font-size: 16px;

    font-weight: 300;

    text-transform: uppercase;

    transition: background .3s, color .3s;

}



.alphabet-col a.active,

.alphabet-col a:hover {

    background-color: #ff0000;

    color: #fff;

}



.model-rate-triggers {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 10px;

}



.page-index-paysites .main {

    padding-top: 0;

}



.checkbox {

    display: block

}



.checkbox label {

    position: relative

}



.checkbox label input[type="checkbox"],.checkbox label input[type="radio"] {

    position: absolute;

    width: 0;

    height: 0;

    visibility: hidden

}



.checkbox label .sub-label {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding: 2px 0 2px 30px;

    cursor: pointer;

    color: #7d7f85;

    font-weight: 400;

    font-family: 'Roboto Condensed', sans-serif;

}



.checkbox label .sub-label::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    border-radius: 3px;

    border: 1px solid #7d7f85;

    background-color: transparent;

}



.checkbox label .sub-label::after {

    content: "";

    position: absolute;

    left: 7px;

    top: 2px;

    width: 7px;

    height: 12px;

    border: solid white;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg);

    opacity: 0;

    transition: opacity .3s ease 0s;

}



.checkbox label input[type="checkbox"]:checked+.sub-label::before {

    background-color: #ff0000;

    border-color: #ff0000;

}

.checkbox label input[type="checkbox"]:checked+.sub-label::after {

    opacity: 1

}



.checkbox label input[type="checkbox"]:checked+.sub-label {

    color: #000;

}



.invitations-col table,

.mailbox-content-col table {

    width: 100%;

    margin-bottom: 10px

}

.invitations-col table tr,

.mailbox-content-col table tr {

    border-bottom: 1px solid #1e1e1e

}
.invitations-col table tbody tr:nth-child(odd),

.mailbox-content-col table tbody tr:nth-child(odd) {
	background: #e1e2e4;
}

.invitations-col table th,

.mailbox-content-col table th {

    font-weight: 600;

    padding: 10px

}



.invitations-col table td,

.mailbox-content-col table td {

    padding: 10px;

    font-size: 15px

}

.invitations-col table a,

.mailbox-content-col table a {

    color: #215ffb;

}

.invitations-col table input[type="checkbox"],

.mailbox-content-col table input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

.invitations-col table .button,

.mailbox-content-col table .button {

    color: #7d7f85;

}

@media screen and (min-width: 1025px) {

    .invitations-col table .button:hover,

    .mailbox-content-col table .button:hover {

        background-color: #ff0000;

        color: #fff;

    }

}



input.hidden-field {

    display: none;

}



.qq-er {

    background-color: #E1E2E4!important;

    border-radius: 5px!important;

    border: 0 none!important;

}

.qq--button {

    border-radius: 5px!important;

}

.fine-er > div:last-child {

    display: none;

}



small {

    color: #7d7f85;

}



#video_rating {

    width: 85px ;

    padding: 4px 0 ;

}

body.dark-mode {
    background: #1A1A1A;
    color: #fff;
}
.dark-mode .headline .title {
    color: #fff;
}
.dark-mode .heading_title {
    color: #fff;
}
.dark-mode .th {
    color: #fff;
}
.dark-mode .th .title {
    color: #fff;
}
.dark-mode .section_comment .title {
    color: #fff;
}
.dark-mode .options .item {
    color: #fff;
}
.dark-mode .select2-results__option[aria-selected] {
    color: #000;
}
.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    color: #fff;
}
.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
}
.dark-mode .modal-content {
    color: #000;
}
.dark-mode .invitations-col table tbody tr:nth-child(odd), .dark-mode .mailbox-content-col table tbody tr:nth-child(odd) {
    color: #000;
}
.dark-mode .qq-er:before {
    color: #000;
}
.dark-mode .checkbox label input[type="checkbox"]:checked+.sub-label {
    color: #fff;
}