*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* font-family: "OpenSansRegular"; */
@font-face {
    font-family: "OpenSansRegular";
    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansLight"; */
@font-face {
    font-family: "OpenSansLight";
    src: url("../fonts/OpenSansLight/OpenSansLight.eot");
    src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
    url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansItalic"; */
@font-face {
    font-family: "OpenSansItalic";
    src: url("../fonts/OpenSansItalic/OpenSansItalic.eot");
    src: url("../fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"),
    url("../fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansBold"; */
@font-face {
    font-family: "OpenSansBold";
    src: url("../fonts/OpenSansBold/OpenSansBold.eot");
    src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
    url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansExtraBold"; */
@font-face {
    font-family: "OpenSansExtraBold";
    src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot");
    src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"),
    url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansExtraBoldItalic"; */
@font-face {
    font-family: "OpenSansExtraBoldItalic";
    src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
    src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"),
    url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansBoldItalic"; */
@font-face {
    font-family: "OpenSansBoldItalic";
    src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot");
    src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"),
    url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansRegularItalic"; */
@font-face {
    font-family: "OpenSansRegularItalic";
    src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");
    src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"),
    url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansSemiBold"; */
@font-face {
    font-family: "OpenSansSemiBold";
    src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
    src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"),
    url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansSemiBoldItalic"; */
@font-face {
    font-family: "OpenSansSemiBoldItalic";
    src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
    src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"),
    url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html {
	width:100%;
	height:100%;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
}

body {
	font: 100%/1.41 "OpenSansRegular", Arial, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	color: #000;
	background: url(../images/collage.jpg) center top no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

@import "mixins.less";

/* Secondary section */

@c_viol: #6b227f;
@c_red: #dd1671;
@c_green: #038c30;
@c_ltgreen: #9ac60d;
@c_blue: #16559b;
@c_ltblue: #249ad2;
@c_bord_grey: #d5d5d5;

.clear {
	clear: both !important;
	display: block !important;
	width: 100% !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	float: none !important;
	position: static !important;
}

.hidden {
	display: none;
}

.error{
	color: red;
}

.empty {
	position: relative;
	height: 1em;
}

.container {
	max-width: 1220px;
	margin: 0 auto;
}

p {
	margin: 0;
	margin-bottom: 15px;
	font-size: .875em;
}

a {
	text-decoration: none;
	color: inherit;
}



strong {
	font-family: "OpenSansBold";
	font-weight: 100;
}

footer {
	position: relative;
	width: 100%;
	background: #38373a;
	color: #fff;
	padding: 20px 0;
	
	
	
	hr {
		border: 0;
		background: #5d5b60;
		height: 1px;
		margin: 20px auto;
	}
	
	.logo {
		display: table-cell;
		vertical-align: middle;
		width: 30%;
		padding: .5em;
		
		img {
			max-width: 100%;
		}
	}
	
	.bottom_menu {
		display: table-cell;
		vertical-align: middle;
		padding: .5em;
		width: 20%;
		text-align: center;
		
		ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: inline-block;
			text-align: left;
			
			li {
				color: #fff;
				
				a {
					display: inline-block;
					padding: .2em 0;
					text-transform: uppercase;
					font-size: .875em;
					
					&:hover {
						color: @c_red;
					}
				}
			}
		}
		
		.secondmenu {
			display: block;
		}
	}
	
	.social {
		display: table-cell;
		vertical-align: middle;
		width: 20%;
		padding: .5em;
	}
	
	.copy {
		display: table-cell;
		vertical-align: middle;
		width: 30%;
		padding: .5em;
		
		p {
			color: #cfcfcf;
			font-size: .75em;
			margin: 0;
		}
		
		.volex {
			text-decoration: underline;
			
			&:hover {
				text-decoration: none;
			}
		}
	}
	
	.inform {
		text-align: center;
		color: #a9a9a9;
		font-size: .75em;
		
		p {
			margin-bottom: 5px;
		}
	}
}/* END FOOTER*/

/* ------------------------------------ MAIN ---------------------------------------*/

.fancybox-close {
	display: none;
}

.bg_color {
	
	&.w {
		background: #fff;
	}
}

.delete_img {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 10px;
	
	a {
		height: 110px;
		position: relative;
		margin: 5px 0;
		padding: 5px;
		margin-bottom: 1em;
		display: block;
		
		img {
			max-height: 100%;
			display: block;
			margin: 0 auto;
		}
		
		&:before {
			opacity: 0;
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(221, 22, 113, .4);
			background-image: url(../images/delete_img.png);
			background-position: center;
			background-repeat: no-repeat;
			.transition(.4s ease all);
		}
		
		&:hover {
			&:before {
				opacity: 1;
				z-index: 1;
			}
		}
	}
	
	label {
		display: block;
		
		span.but {
			padding: 5px 10px;
			display: inline-block;
			vertical-align: top;
			font-family: "OpenSansBold";
			
			&.active {
				.gradient (@c_red, @c_viol);
				font-family: "OpenSansBold";
				color: #fff;
				padding: 5px 10px;
				border: 0;
			}
		}
	}
}/* END .delete_img */

.wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto;
}/* END .wrapper */

.modal {
	display: none;
	background: #fff;
	max-width: 100%;
	padding-bottom: 20px;
	width: 400px;
	
	h5 {
		padding: 15px;
		font-size: 1.375em;
		background: #f3f3f3;
		margin: 0;
		font-family: "OpenSansBold";
		font-weight: 100;
	}
	
	span.close {
		color: #777777;
		float: right;
		cursor: pointer;
		text-transform: uppercase;
		
		&:hover {
			color: #000;
		}
	}
	
	.vk_auth {
		color: #717171;
		padding: 15px 25px;
		text-align: center;
		
		.vk_login {
			background: #4d75a3;
			display: inline-block;
			vertical-align: top;
			padding: .5em 1em;
			border-radius: 4px;
			margin: 15px 0;
			
			img {
				display: block;
			}
			
			&:hover {
				background: #3e5f84;
			}
		}
		
		p {
			font-family: "OpenSansItalic";
			margin-bottom: 0;
			
			&.line {
				position: relative;
				
				&:after {
					content: '';
					position: absolute;
					height: 1px;
					width: 100%;
					left: 0;
					top: 50%;
					background: #d5d5d5;
				}
				
				span {
					display: inline-block;
					position: relative;
					z-index: 1;
					background: #fff;
					padding: 0 10px;
				}
			}
		}
	}/* END .modal .vk_auth */
	
	.but {
		border: 0;
		font-size: 1em;
		font-family: "OpenSansBold";
		text-transform: uppercase;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 10px;
		padding: .5em 1.3em;
		color: #fff;
		
		&.violet  {
			padding: .5em 1.3em;
		}
		
		&.personal {
			margin-right: 10px;
		}
	}
	
	form.login {
		padding: 0px 25px;
		text-align: center;
		
		input[type=text],
		input[type=password] {
			width: 100%;
			border: 1px solid #d5d5d5;
			font-family: "OpenSansItalic";
			padding: 8px 10px;
			margin-bottom: 15px;
			font-size: .875em;
			color: #717171;
		}
		
		input[type=submit] {
			margin-right: 10px;
		}
		
		.but {
			padding: .5em 1.3em;
		}
	}
	
	a.remind {
		color: @c_red;
		margin: 0 0 15px 30px;
		font-size: .75em;
	}
}/* END .modal */

.float_row {
	
	.left,
	.right {
		float: left;
		width: 50%;
	}
	
	.col_2 {
		float: left;
		width: 50%;
	}
	
	.col_left {
		float: left;
		width: 48%;
	}
	
	.col_right {
		float: right;
		width: 48%;
	}
	
}/* END .float_row */

.table_row {
	display: table;
	table-layout: fixed;
	width: 100%;
	
	.left,
	.right {
		display: table-cell;
		vertical-align: middle;
		width: 50%;
	}
	
	.col_3 {
		width: calc(100/3);
		display: table-cell;
	}
}/* END .float_row */

.red {
	color: @c_red;
}

.violet {
	color: @c_viol;
}

.border_gr {
	padding: 1px;
	
	&.violet {
		.gradient (@c_red, @c_viol);
		
		&:hover {
			.gradient (@c_red, @c_viol);
		}
	}
	
	&.blue {
		.gradient (@c_ltblue, @c_blue);
		
		&:hover {
			.gradient (@c_ltblue, @c_blue);
		}
	}
	
	&.green {
		.gradient (@c_ltgreen, @c_green);
		
		&:hover {
			.gradient (@c_ltgreen, @c_green);
		}
	}
}

.but {
	border-radius: 4px;
	cursor: pointer;
	
	&.violet {
		.gradient (@c_red, @c_viol);
		font-family: "OpenSansBold";
		color: #fff;
		padding: 5px 10px;
		border: 0;
		
		&:hover {
			.gradient (@c_viol, @c_red);
		}
	}
	
	&.blue {
		.gradient (@c_ltblue, @c_blue);
		
		&:hover {
			.gradient (@c_blue, @c_ltblue);
		}
	}
	
	&.green {
		.gradient (@c_ltgreen, @c_green);
		
		&:hover {
			.gradient (@c_green, @c_ltgreen);
		}
	}
	
	&.grey {
		background: @c_bord_grey;
		color: #000;
	}
}/* END .but */

.underline_hov {
	position: relative;
	
	&:after {
		content: '';
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		border-bottom: 1px solid;
		.scale(0);
		.transition (all .2s ease);
	}
	
	&.dotted {
		
		&:after {
			border-bottom: 1px dotted;
		}
	}
	
	&:hover {
		
		&:after {
			.scale(1);
		}
	}
}/* END .underline_hov */

.underline {
	position: relative;
	
	&:after {
		content: '';
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		border-bottom: 1px solid;
		.scale(1);
		.transition (all .2s ease);
	}
	
	&.dotted {
		
		&:after {
			border-bottom: 1px dotted;
		}
	}
	
	&:hover {
		
		&:after {
			.scale(0);
		}
	}
}/* END .underline_hov */
	
header {
	.gradient (#fff, #f3f3f3);
	.box_shadow(0px 1px 2px 0px rgba(0,0,0,0.4));
	position: relative;
	z-index: 2;
	
	.container {
		position: relative;
	}
	
	.table_row {
			
		.right {
			width: 41%;
			position: relative;
			padding: 1.5em 0;
			text-align: center;
			
			a.send_thank {
				padding: 0 1em;
				display: inline-block;
				vertical-align: middle;
				margin-right: .7em;
				height: 36px;
				line-height: 36px;
				
				strong {
					font-size: 1em;
					color: #fff;
					text-transform: uppercase;
					display: inline-block;
					vertical-align: middle;
				}
			}
			
			a.login {
				display: inline-block;
				vertical-align: middle;
				font-size: .875em;
				
				.exit {
					margin: 0;
					color: @c_viol;
					font-size: 1em;
					
					span {
						color: @c_red;
					}
				}
				
				.text {
					margin: 0;
					color: @c_viol;
					font-size: 1em;
					
					span {
						color: @c_red;
					}
				}
				
				.img {
					margin: 0;
					padding: 9px 1em 0 1em;
					display: none;
					vertical-align: middle;
					height: 36px;
					line-height: 36px;
				}
				
				&:hover {
					
					.exit {
						color: @c_red;
					}
					
					.text {
						color: @c_red;
						
						span {
							color: @c_viol;
						}
					}
				}
			}
		}/* END .right */
		
		.left {
			width: 59%;
			padding: 0;
			
			.logo {
				max-width: 260px;
				display: inline-block;
				vertical-align: middle;
				width: 40%;
				
				&:hover {
					
					img.logo_heart {
						animation: pulse 1s infinite;
					}
				}
				
				img {
					max-width: 100%;
					float: left;
					
					&.logo_heart {
						width: 35%;
					}
					
					&.logo_text {
						width: 65%;
					}
				}
			}/* END .logo */
			
			@keyframes pulse {
				0% {
					.scale(1);
				}

				50% {
					.scale(1.05,1.05);
				}

				100% {
					.scale(1);
				}
			}
			
			nav {
				text-align: right;
				display: inline-block;
				vertical-align: middle;
				width: 62%;
			}
			
			.mob_menu {
				display: none;
				vertical-align: middle;
				padding: 0 1em;
				cursor: pointer;
				height: 36px;
				line-height: 36px;
				
				strong {
					font-size: 1em;
					display: inline-block;
					vertical-align: middle;
					color: #fff;
					text-transform: uppercase;
				}
				
				img {
					vertical-align: middle;
					margin-right: 3px;
				}
			}
			
			.top_menu {
				list-style: none;
				padding: 1.5em 0;
				text-align: right;
				margin: 0;
				
				li {
					position: relative;
					display: inline-block;
					padding: 0 10px;
					
					a {
						text-transform: uppercase;
						font-size: .875em;
						
						&:hover {
							color: @c_red;
						}
					}
				}
			}/* END .top_menu */
			
			.secondmenu {
				display: none;
				position: absolute;
				padding: 0;
				left: 0;
			}/* END .secondmenu */
			
			.top_menu > li:hover > .secondmenu {
				display: block;
			}
		}/* END .left */
	}/* END .table_row */
}/* END HEADER */

section {
	
	&.maincontent {
		
		.container {
			padding: 20px 20px 20px 20px;
			background: #fff;
			.box_shadow (0px 0px 15px 0px rgba(0,0,0,0.4));
		}
		
		.bread {
			font-size: .875em;
			
			a {
				color: @c_red;
			}
			
			img {
				margin: 0 2px;
			}
		}/* END SECTION.maincontent .bread */
		
		.pagination {
			text-align: right;
			padding: 1em 0;
			
			&.l {
				text-align: left;
				margin-right: 3px;
			}
			&.c {
				text-align: center;
				margin-right: 3px;
			}
			
			a {
				display: inline-block;
				vertical-align: top;
				height: 26px;
				width: 26px;
				margin-left: 3px;
				padding: 1px;
				
				span {
					display: block;
					width: 100%;
					height: 100%;
					color: #000;
					background: #fff;
					text-align: center;
					line-height: 24px;
				}
				
				&.arrow {
					
					span {
						color: @c_red;
					}
				}
				
				&:hover {
					
					span {
						background: none;
						color: #fff;
					}
				}
			}
		}/* END SECTION.maincontent .pagination */
		
		h1 {
			font-family: "OpenSansBold";
			font-size: 1.875em;
			font-weight: 100;
			margin: 20px 0;
		}
		
		h3 {
			font-family: "OpenSansBold";
			font-size: 1.5em;
			font-weight: 100;
			margin: 20px 0;
			color: @c_viol;
			
			&.r_arrow {
				
				&:after {
					font-family: Arial;
					font-size: .6em;
					color: @c_viol;
					content: '\25BA';
					margin-left: 15px;
					display: inline-block;
					vertical-align: middle;
				}
			}
		}
		
		form {
			width: 100%;
			
			input[type=text],
			input[type=password],
			textarea {
				width: 100%;
				max-width: 100%;
				border: 1px solid @c_bord_grey;
				font-family: "OpenSansItalic";
				padding: 10px;
				font-size: .875em;
				color: #717171;
				margin-bottom: 15px;
				background: #fbfbfb;
			}
      #city_input{
        padding: 6px;
        margin-bottom: 0px;

      }
      .city_input{
        min-width:100px;
        width:100px;
      }
      .city_result {
        font-size:12px;
        margin-top:3px;
      }
      .filer_result {
        padding: 10px;
        background: white;
        position: absolute;
        display: none;
        z-index: 999;
        height: auto;

      }
			p.field_name {
				font-family: "OpenSansBold";
				color: #000;
				margin-bottom: 10px;
				
				span {
					font-size: .9285714285714286em;
					color: #717171;
					font-family: "OpenSansRegular";
				}
				
				&.star {
					
					&:after {
						content: "*";
						color: @c_red;
						font-family: "OpenSansRegular";
					}
				}
			}/* END SECTION.maincontent FORM p.field_name */
			
			&.search_form {
				position: relative;
				padding-right: 135px;
				margin-bottom: 20px;
				
				.search {
					background: #fff;
					margin: 0;
				}
				
				.but {
					text-transform: uppercase;
					color: #fff;
					position: absolute;
					right: 0;
					top: 0;
					bottom: 0;
					height: 100%;
					text-align: center;
					width: 125px;
					font-size: 1em;
					border: 0;
					font-family: "OpenSansBold";
				}
			}/* END SECTION.maincontent FORM.search_form */
			
			&.sort_form {
				background: #f3f3f3;
				padding: 10px 10px 5px 10px;
				margin-bottom: 20px;
				
				.sort_button,
				.sort_select {
					display: inline-block;
					vertical-align: middle;
					margin: 0 5px 5px 0;
				}
				
				.sort_select {
					min-width: 130px;
				}
        .city_input {
					display: inline-block;
					vertical-align: middle;
					margin: 0 5px 5px 0;
				}
				
				.city_input {
					min-width: 170px;
				}
				
				.sort_button {
					
					a {
						height: 32px;
						display: block;
						border: 1px solid @c_bord_grey;
						padding: 0px 30px 0px 25px;
						background: #fff;
						position: relative;
						line-height: 30px;
						font-family: "OpenSansSemiBold";
						.transition(all .5s ease);
						cursor: pointer;
						
						&:before {
							content: '';
							position: absolute;
							left: 2px;
							width: 20px;
							height: 100%;
							top: 0;
							bottom: 0;
							display: block;
						}
						
						&:after {
							content: '';
							position: absolute;
							right: 3px;
							width: 20px;
							height: 20px;
							top: 5px;
							border: 1px solid @c_bord_grey;
							display: block;
						}
						
						&.violet_bg {
							
							&:before {
								background: url(../images/sort_icon/flagmini.png) no-repeat center;
							}
							
							&:after {
								background: url(../images/sort_icon/checked_img_blue.png) no-repeat center;
							}
							
							&.active {
								background: #3164a9;
								border: 1px solid #3164a9;
								color: #fff;
								
								&:before {
									background: url(../images/sort_icon/flagwhite.png) no-repeat center;
								}
								
								&:after {
									background: #2f5180 url(../images/sort_icon/icon_close_white.png) no-repeat center;
									border: 1px solid #2f5180;
									border-radius: 3px;
								}
								
								&:hover {
									background: #2f5180;
									border: 1px solid #2f5180;
								}
							}
						}/* END SECTION.maincontent FORM.sort_form .sort_button A.violet_bg */
						
						&.red_bg {
							
							&:before {
								background: url(../images/sort_icon/vdvmini.png) no-repeat center;
							}
							
							&:after {
								background: url(../images/sort_icon/checked_img_black.png) no-repeat center;
							}
							
							&.active {
								background: rgba(31, 31, 31, 0.8);
								border: 1px solid rgba(31, 31, 31, 0.8);
								color: #fff;
								
								&:before {
									background: url(../images/sort_icon/vdvwhite.png) no-repeat center;
								}
								
								&:after {
									background: rgba(31, 31, 31, 0.8) url(../images/sort_icon/icon_close_white.png) no-repeat center;
									border: 1px solid rgba(31, 31, 31, 0.8);
									border-radius: 3px;
								}
								
								&:hover {
									background: rgb(31, 31, 31);
									border: 1px solid rgb(31, 31, 31);
								}
							}
						}/* END SECTION.maincontent FORM.sort_form .sort_button A.red_bg */
						
						&.black_bg {
							
							&:before {
								background: url(../images/sort_icon/chest_mini.png) no-repeat center;
							}
							
							&:after {
								background: url(../images/sort_icon/checked_img_black.png) no-repeat center;
							}
							
							&.active {
								background: rgba(31, 31, 31, 0.8);
								border: 1px solid rgba(31, 31, 31, 0.8);
								color: #fff;
								
								&:before {
									background: url(../images/sort_icon/chest_mini-white.png) no-repeat center;
								}
								
								&:after {
									background: rgba(31, 31, 31, 0.8) url(../images/sort_icon/icon_close_white.png) no-repeat center;
									border: 1px solid rgba(31, 31, 31, 0.8);
									border-radius: 3px;
								}
								
								&:hover {
									background: rgb(31, 31, 31);
									border: 1px solid rgb(31, 31, 31);
								}
							}
						}/* END SECTION.maincontent FORM.sort_form .sort_button A.black_bg */						
						
						&.orange_bg {
							
							&:before {
								background: url(../images/sort_icon/zvezdamini.png) no-repeat center;
							}
							
							&:after {
								background: url(../images/sort_icon/checked_img_red.png) no-repeat center;
							}
							
							&.active {
								background: #e4322e;
								border: 1px solid #e4322e;
								color: #fff;
								
								&:before {
									background: url(../images/sort_icon/zvezdawhite.png) no-repeat center;
								}
								
								&:after {
									background: #bd2926 url(../images/sort_icon/icon_close_white.png) no-repeat center;
									border: 1px solid #bd2926;
									border-radius: 3px;
								}
								
								&:hover {
									background: #bd2926;
									border: 1px solid #bd2926;
								}
							}
						}/* END SECTION.maincontent FORM.sort_form .sort_button A.orange_bg */
						
						&.grey_bg {
							
							&:before {
								background: url(../images/sort_icon/shashka3_mini.png) no-repeat center;
							}
							
							&:after {
								background: url(../images/sort_icon/checked_img_gray.png) no-repeat center;
							}
							
							&.active {
								background: #969696;
								border: 1px solid #969696;
								color: #fff;
								
								&:before {
									background: url(../images/sort_icon/shashka3_mini-white.png) no-repeat center;
								}
								
								&:after {
									background: #7d7c7c url(../images/sort_icon/icon_close_white.png) no-repeat center;
									border: 1px solid #7d7c7c;
									border-radius: 3px;
								}
								
								&:hover {
									background: #7d7c7c;
									border: 1px solid #7d7c7c;
								}
							}
						}/* END SECTION.maincontent FORM.sort_form .sort_button A.grey_bg */
						
						&.green_bg {
							
							&:before {
								background: url(../images/sort_icon/lentaini.png) no-repeat center;
							}
							
							&:after {
								background: url(../images/sort_icon/checked_img_orange.png) no-repeat center;
							}
							
							&.active {
								background: #D17F13;
								border: 1px solid #D17F13;
								color: #fff;
								
								&:before {
									background: url(../images/sort_icon/lentawhite.png) no-repeat center;
								}
								
								&:after {
									background: #b77015 url(../images/sort_icon/icon_close_white.png) no-repeat center;
									border: 1px solid #b77015;
									border-radius: 3px;
								}
								
								&:hover {
									background: #b77015;
									border: 1px solid #b77015;
								}
							}
						}/* END SECTION.maincontent FORM.sort_form .sort_button A.green_bg */
					}/* END SECTION.maincontent FORM.sort_form .sort_button A */
				}/* END SECTION.maincontent FORM.sort_form .sort_button */
				
				.select_wrap {
					background: #fff;
					color: #717171;
					border: 1px solid @c_bord_grey;
					width: 100%;
					display: table;
					vertical-align: middle;
					height: 32px;
					position: relative;
					
					&:after {
						background: url(../images/select_img.png) no-repeat center;
						content: '';
						position: absolute;
						z-index: 0;
						right: 7px;
						height: 100%;
						top: 0;
						bottom: 0;
						width: 15px;
					}
					
					p.select_value {
						font-family: "OpenSansItalic";
						margin: 0;
						height: 100%;
						display: table-cell;
						vertical-align: middle;
						padding: 0 25px 0 5px;
					}
					
					select {
						width: 100%;
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						border: 0;
						height: 100%;
						outline: 0;
						z-index: 1;
						opacity: 0;
						
						option {
							font-size: .875em;
							font-family: "OpenSansItalic";
							cursor: pointer;
						}
					}
				}/* END SECTION.maincontent FORM.sort_form .select_wrap */
			}/* END SECTION.maincontent FORM.sort_form */
		}/* END SECTION.maincontent FORM */
		
		.thanks_list {
			
			
			.table_row {
				padding: 1em 0;
				border-bottom: 1px solid @c_bord_grey;
				
				&.header {
					background: #f3f3f3;
					margin-bottom: 1em;
					padding: 0;
					border: 0;
				}
				
				.foto_img,
				.name,
				.status,
				.date,
				.butts {
					display: table-cell;
					vertical-align: top;
					padding: .5em 1em .5em 0;
					text-align: left;
				}
				
				.foto_img {
					width: 18%;
					
					.img_block {
						position: relative;
						height: 100px;
						
						.slide_img {
							max-width: 100%;
							width: 100%;
							display: block;
						}
						
						.icon_img {
							position: absolute;
							top: 0;
							left: 0;
							max-width: 40px;
						}
					}
				}
				
				.butts {
					width: 18%;
					
					.control {
						display: inline-block;
						vertical-align: top;
						text-align: left;
					}
					
					a {
						display: block;
						vertical-align: top;
						margin-bottom: 10px;
						position: relative;
						
						&:before {
							content: '';
							width: 15px;
							height: 15px;
							display: inline-block;
							vertical-align: middle;
							margin-right: 5px;
						}
						
						span {
							position: relative;
							font-size: .8125em;
							
							&:after {
								content: '';
								position: absolute;
								width: 100%;
								bottom: 0;
								left: 0;
								right: 0;
								border-bottom: 1px dotted;
								.scale(1);
								.transition (all .2s ease);
							}
						}
						
						&:hover {
							
							span {
								
								&:after {
									.scale(0);
								}
							}
						}
						
						&.edit {
							color: @c_viol;
							
							&:before {
								background: url(../images/pen_img.png) no-repeat center;
							}
						}
						
						&.delete {
							color: #777777;
							
							&:before {
								background: url(../images/x_grey_img.png) no-repeat center;
							}
						}
					}
				}
				
				.name {
					width: 28%;
				}
				
				.status {
					width: 20%;
					
					.but {
						text-transform: uppercase;
						padding: .5em 1em;
						color: #fff;
						font-family: "OpenSansBold";
						font-size: 1.125em;
						display: inline-block;
						margin-bottom: 10px;
					}
					
					.price {
						margin: 0;
						color: #303030;
						font-size: .75em;
						
						strong {
							color: #000;
						}
					}
					
					.pablished {
						color: #048c30;
						font-size: .875em;
					}
				}
				
				.date {
					width: 16%;
					
					.publish_date {
						color: #303030;
						font-size: .875em;
					}
				}
			}/* END SECTION.maincontent .table_row */
		}/* END SECTION.maincontent .thanks_list */
		
		.item_page {
			display: table;
			width: 100%;
			table-layout: fixed;
			margin-bottom: 20px;
			
			.preview {
				width: 33%;
				display: table-cell;
				vertical-align: top;
				
				.white_bg {
					background: #fff;
					padding: 15px;
				}
				
				img {
					max-width: 100%;
				}
				
				.preview_text {
					
					strong {
						font-size: 1em;
						color: #303030;
						
						&.head_text {
							display: block;
							margin-bottom: 10px;
						}
						
						&.name_text {
							display: block;
							font-family: "OpenSansBoldItalic";
							color: @c_viol;
						}
					}
					
					.city_text {
						font-family: "OpenSansItalic";
						display: block;
						margin-bottom: 10px;
					}
				}
				
				.preview_thumbs {
					padding: 0 20px;
					position: relative;
				}
				
				.swiper-button-next,
				.swiper-button-prev {
					right: 0;
					width: 20px;
					height: 20px;
					margin-top: -12px;
				}
				
				.swiper-button-next {
					background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dd1671'%2F%3E%3C%2Fsvg%3E");
					background-position: right center;
					background-size: contain;
				}
				
				.swiper-button-prev {
					background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dd1671'%2F%3E%3C%2Fsvg%3E");
					left: 0;
					background-position: left center;
					background-size: contain;
				}
			}/* END SECTION.maincontent .item_page .preview */
			
			.text_block {
				display: table-cell;
				vertical-align: top;
				padding-left: 20px;
				
				.video_block {
					
					.left {
						padding-right: .5em;
					}
					
					.right {
						padding-left: .5em;
					}
					
					iframe {
						width: 100%!important;
						height: 250px!important;
					}
				}/* END SECTION.maincontent .item_page .text_block .video_block */
			}/* END SECTION.maincontent .item_page .text_block */
		}/* END SECTION.maincontent .item_page */
		
		.soc_like {
			display: table;
			table-layout: fixed;
			width: 100%;
			background: #f3f3f3;
			
			.publish_date {
				display: table-cell;
				vertical-align: middle;
				width: 33%;
				padding: 1em;
				border-right: 1px solid #c7c7c7;
			}
			
			.likes {
				display: table-cell;
				vertical-align: middle;
				padding: 1em;
				position: relative;
				z-index: 2;
				
				>div, >iframe, >a {
					display: inline-block;
					vertical-align: middle!important;
					margin: 10px 10px 10px 0;
					
					.pluso-110011000101-14 .pluso-wrap {
						padding: 0;
					}
				}
				
				#vk_like {
					width: 75px!important;
				}
			}
		}/* END SECTION.maincontent .soc_like */
		
		.news_arch {
			border: 1px solid @c_bord_grey;
			display: table;
			width: 100%;
			table-layout: fixed;
			margin-top: 25px;
			
			.years {
				display: table-cell;
				vertical-align: middle;
				padding: .5em;
				width: 150px;
				text-align: center;
				
				span {
					display: inline-block;
					vertical-align: middle;
					padding: 5px 10px;
				}
				
				.prev_year,
				.next_year {
					color: @c_red;
					cursor: pointer;
				}
				
				.year {
					padding: 0px;
					font-size: 1.25em;
				}
			}
			
			.month {
				display: table-cell;
				vertical-align: middle;
				padding: 0em;
				text-align: center;
				
				a {
					display: inline-block;
					vertical-align: middle;
					margin: 10px 15px;
					padding: 0px;
					cursor: default;
					font-size: .875em;
					
					&.active {
						color: @c_red;
						cursor: pointer;
					}
				}
			}
		}/* END SECTION.maincontent .news_arch */
		
		.contacts_table {
			
			table {
				width: 100%;
				margin-bottom: 1em;
				
				tr td {
					padding: 5px 0;
					font-size: .875em;
					vertical-align: top;
					
					&:first-child {
						width: 140px;
					}
				}
			}/* END SECTION.maincontent .contacts_table TABLE */
		}/* END SECTION.maincontent .contacts_table */
		
		.ya_map {
			
			img {
				max-width: 100%;
			}
		}
		
		.catalog {
			text-align: center;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-webkit-align-content: center;
			-ms-flex-line-pack: center;
			align-content: center;
			
			.item {
				padding: 10px;
				color: #000;
				height: auto;
				border: 1px solid @c_bord_grey;
				background: #fff;
				position: relative;
				width: 31%;
				display: inline-block;
				vertical-align: top;
				margin-bottom: 25px;
				text-align: left;
				
				&.news {
					padding: 10px;
				}
				
				&:hover {
					border: 1px solid @c_red;
				}
				
				.text {
					position: relative;
				}
				
				h4 {
					font-size: 1.5em;
					margin: 0 0 15px 0;
					color: @c_viol;
				}
				
				.img_block {
					position: relative;
					margin-bottom: 10px;
					height: 250px;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: contain;
					
					.slide_img {
						max-width: 100%;
						width: 100%;
						display: block;
					}
					
					.icon_img {
						position: absolute;
						top: 0;
						left: 0;
					}
				}
				
				.sign {
					p {
						
						&.name {
							font-family: "OpenSansItalic";
							font-size: .8125em;
							
							span {
								font-family: "OpenSansBoldItalic";
								color: @c_viol;
							}
						}
						
						&.date {
							font-family: "OpenSansItalic";
							font-size: .8125em;
							float: left;
						}
						
						&.link {
							float: right;
							
							a {
								color: @c_red;
								text-transform: uppercase;
							}
						}
					}/* END SECTION.maincontent .catalog .item .sign P */
				}/* END SECTION.maincontent .catalog .item .sign */
			}/* END SECTION.maincontent .catalog .item */
		}/* END SECTION.maincontent .catalog */
		
		.reg_buttons {
			
			.but {
				display: inline-block;
				vertical-align: middle;
				
				&.violet {
					color: #fff;
					padding: .5em 1em;
					position: relative;
					float: left;
					
					strong {
						font-size: 1em;
						color: #fff;
						text-transform: uppercase;
						display: inline-block;
						vertical-align: middle;
						margin-right: 20px;
					}
					
					&:after {
						content: '\25BC';
						font-size: .875em;
						display: inline-block;
					}
					
					&.active {
						background: #fff;
						border: 1px solid @c_bord_grey;
						border-bottom: 1px solid #fff;
						border-radius: 4px 4px 0 0;
						padding: 1em;
						
						strong {
							color: #000;
						}
						
						&:after {
							color: @c_viol;
							content: '\25BA';
						}
					}
				}
				
				&.vk_login {
					background: #4d75a3;
					vertical-align: top;
					padding: .5em 1em;
					border-radius: 4px;
					margin: 0px 0 0 20px;
					
					img {
						display: block;
					}
					
					&:hover {
						background: #3e5f84;
					}
				}
			}/* END SECTION.maincontent .reg_buttons .but */
		}/* END SECTION.maincontent .reg_buttons */
		
		.form_wrap {
			padding-bottom: 2em;
			
			&.spoiler {
				display: none;
			}
			
			.hidden {
				display: none;
			}
			
			.reg_fields {
				border: 1px solid @c_bord_grey;
				border-radius: 0 4px 4px 4px;
				margin-top: -1px;
			}
			
			.reg_rules {
				padding: 2em 0;
			}
			
			.contacts {
				padding: 1em;
				
				input {
					height: 41px;
				}
				
				.but {
					border: 0;
					text-transform: uppercase;
					font-family: "OpenSansBold";
					font-size: 1.125em;
					padding: 0 2em;
					margin-bottom: 15px;
					
					&.violet {
						color: #fff;
					}
				}
			}
			
			.col_left, .col_right {
				padding: 1em 0;
			}
			
			.col_1 {
				padding: 1em 0 2em 0;
				
				label {
					font-size: .8125em;
				}
				
				&.c {
					text-align: center;
				}
			}
			
			.col_2 {
				padding: 1em;
				
				&.captcha {
					position: relative;
					padding: 1em 1em 2em 190px;
					
					.captcha_img {
						position: absolute;
						left: 0;
						top: 0;
						width: 180px;
						text-align: center;
						
						img {
							display: block;
							max-width: 100%;
							margin: 0px auto 5px auto;
						}
						
						span {
							cursor: pointer;
							color: #717171;
							font-size: .875em;
						}
					}
				}
				
				&.check_points {
					
					label {
						display: block;
						font-size: .8125em;
						padding-bottom: 2px;
					}
				}
			}
			
			.send_but {
				text-align: center;
				
				.reg_submit {
					font-size: 1.5em;
					font-family: "OpenSansBold";
					text-transform: uppercase;
					padding: .5em 1em;
					border: 0;
					color: #fff;
				}
			}
			
			.dates {
				position: relative;
				padding: 1em 0 1em 200px;
				margin-bottom: 2em;
				border-top: 1px solid @c_bord_grey;
				border-bottom: 1px solid @c_bord_grey;
				
				input[type=text] {
					width: 30%;
					height: 41px;
					margin: 0;
				}
			}
			
			.select_wrap {
				background: #fbfbfb;
				color: #717171;
				border: 1px solid @c_bord_grey;
				width: 30%;
				margin-right: 3%;
				display: table;
				table-layout: fixed;
				float: left;
				height: 41px;
				position: relative;
				padding: 0 25px 0 0;
				
				&:after {
					background: url(../images/select_img.png) no-repeat center;
					content: '';
					position: absolute;
					z-index: 0;
					right: 7px;
					height: 100%;
					top: 0;
					bottom: 0;
					width: 15px;
				}
				
				p.select_value {
					font-family: "OpenSansItalic";
					margin: 0;
					width: 100%;
					height: 100%;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
				}
				
				select {
					width: 100%;
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					border: 0;
					height: 100%;
					outline: 0;
					z-index: 1;
					opacity: 0;
					
					option {
						font-size: .875em;
						font-family: "OpenSansItalic";
					}
				}
			}/* END SECTION.maincontent .form_wrap .select_wrap */
			
			span.checkbox {
				display: inline-block;
				vertical-align: middle;
				width: 18px;
				height: 18px;
				border: 1px solid @c_bord_grey;
				background: #fff;
				margin-right: 5px;
				
				&.active {
					background: #fff url(../images/checked_img.png) no-repeat center;
				}
			}
			
			span.radio {
				border: 1px solid @c_bord_grey;
				border-radius: 50%;
				margin-right: 5px;
				width: 18px;
				height: 18px;
				padding: 2px;
				position: relative;
				background: #fff;
				display: inline-block;
				vertical-align: middle;
				
				&.active {
					
					&:after {
						.gradient(@c_ltgreen, @c_green);
						content: '';
						width: 12px;
						height: 12px;
						position: absolute;
						border-radius: 50%;
						top: 2px;
						left: 2px;
						right: 2px;
						bottom: 2px;
					}
				}
			}
			
			.radio_buttons {
				padding: 1em 1em 1em 0;
				width: 200px;
				position: absolute;
				top: 1em;
				left: 0;
				
				label {
					font-size: .875em;
					padding-right: 15px;
				}
			}/* END SECTION.maincontent .form_wrap .radio_buttons */
			
			.upload {
				
				.select_wrap {
					width: 100%;
					padding-left: 1em;
					
					.select_value {
						text-align: left;
					}
				}
				
				.file_upload {
					background: #fbfbfb;
					color: #717171;
					border: 1px solid @c_bord_grey;
					width: 100%;
					display: table;
					table-layout: fixed;
					float: left;
					height: 41px;
					position: relative;
					margin-bottom: 10px;
					
					label {
						display: table-cell;
						width: 100%;
						vertical-align: middle;
						position: relative;
						padding: 1px;
					}
					
					mark {
						font-size: .875em;
						font-family: "OpenSansItalic";
						background: none;
					}
					
					.up_foto {
						display: block;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						position: absolute;
						opacity: 0;
						z-index: 1;
					}
					
					span.but {
						display: inline-block;
						padding: 9px 1em;
						font-family: "OpenSansBold";
						font-size: .875em;
						color: #fff;
						max-width: 145px;
						cursor: pointer;
						border-radius: 0;
						margin-right: 15px;
					}
				}/* END SECTION.maincontent .form_wrap .upload .file_upload */
				
				span.add_but {
					display: inline-block;
					margin-bottom:10px;
					cursor: pointer;
					font-size: .8125em;
					margin-left: 10px;
					position: relative;
					
					&:before {
						content: '+';
						position: absolute;
						left: -10px;
					}
				}
			}/* END SECTION.maincontent .form_wrap .upload */
			
			.comment {
				font-size: .8125em;
				color: #717171;
				margin: 0;
			}
			
			.send_notice {
				padding-bottom: 1em;
				
				label {
					display: inline-block;
					vertical-align: top;
					position: relative;
					padding-left: 25px;
					
					span.radio {
						position: absolute;
						left: 0;
						top: 0;
					}
					
					p {
						margin-bottom: 0;
					}
				}
			}/* END SECTION.maincontent .form_wrap .send_notice */
		}/* END SECTION.maincontent .form_wrap */
		
	}/* END SECTION.maincontent */
	
	&.bg_collage_fixed {
		background: url(../images/collage.jpg) center top no-repeat;
		background-attachment: fixed;
		background-size: cover;
		position: fixed;
		z-index: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}/* END SECTION.bg_collage_fixed */
	
	&.collage {
		height: auto;
		padding: 2em 0;
		display: table;
		width: 100%;
		table-layout: fixed;
		
		.container {
			display: table-cell;
			vertical-align: middle;
			width: 100%;
			padding-bottom: 4em;
		}
		
		.top_text {
			max-width: 900px;
			width: 100%;
			margin: 0 auto;
			padding: .5em;
			position: relative;
			z-index: 1;
			text-align: center;
			
			&:after {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				content: '';
				.gradient (@c_red, @c_viol);
				opacity: .6;
				z-index: -1;
				.transition (all .5s ease);
			}
			
			&:hover {
				
				&:after {
					opacity: 1;
				}
			}
			
			h3 {
				font-size: 1em;
				margin: 1em 0;
				
				a {
					font-size: 1.875em;
					color: #fff;
					border-bottom: 2px dotted;
					
					&:hover {
						border-bottom: 0;
					}
				}
			}
			
			.bg_white {
				background: #fff;
				.box_shadow (0px 2px 5px 0px rgba(0,0,0,0.4));
				padding: 1em;
			}
		}
	}/* END SECTION.collage */
	
	&.category {
		
		.bg_grgrey {
			.gradient (#fff, #f3f3f3);
			padding: 40px 0;
		}
		
		.category_slider {
			padding-top: 40px;
			
			.swiper-wrapper {
				align-items: stretch;
			}
			
			.swiper-slide {
				height: auto;
				padding: 0px 10px 65px 10px;
				
				h2 {
					text-align: center;
					padding: 0px 0 20px 0;
					margin: 0;
					font-size: 1.05em;
					text-transform: uppercase;
				}
				
				.img_block {
					position: relative;
					overflow: hidden;
					margin-bottom: 20px;
			    line-height: 0;
					border: 4px solid #fff;
						.box_shadow (0px 2px 5px 0px rgba(0,0,0,0.4));
					
					.slide_img {
						max-width: 100%;
						width: 100%;
					}
					
					.icon_img {
						position: absolute;
						top: 0;
						left: 0;
					}
				}
				
				p {
					
					a {
						color: @c_viol;
						text-decoration: underline;
						
						&:hover {
							text-decoration: none;
						}
					}
				}
				
				.button {
					position: absolute;
					bottom: 0;
					left: 10px;
					right: 10px;
					display: block;
					text-align: center;
					
					strong {
						display: block;
						padding: 10px;
						background: #fff;
						color: @c_viol;
						font-size: 1em;
						text-transform: uppercase;
					}
					
					&:hover {
					
						strong {
							background: none;
							color: #fff;
						}
					}
				}
			}/* END SECTION.category .category_slider .swiper-slide */
			
			.button_prev,
			.button_next {
				position: absolute;
				right: 10px;
				top: 0;
				padding: 2px;
				z-index: 1;
				width: 33px;
				text-align: center;
				height: 33px;
				line-height: 23px;
				cursor: pointer;
				
				
				span {
					display: block;
					background: #fff;
					color: @c_viol;
					font-size: 30px;
					text-transform: uppercase;
					height: 100%;
				}
				
				&:hover {
					
					span {
						background: none;
						color: #fff;
					}
				}
				
				&.swiper-button-disabled {
					opacity: .6;
					cursor: default;
					
					&:hover {
						
						span {
							background: #fff;
							color: @c_viol;
						}
					}
				}
			}
			
			.button_prev {
				left: 10px;
			}
		}/* END SECTION.category .category_slider */
	}/* END SECTION.category */
	
	.latests {
		padding-top: 1.5em;
		
		&.news {
			
			.swiper-slide {
				padding: 10px 10px 50px 10px;
				}
		}
		
		h2 {
			font-size: 1.875em;
			text-align: center;
			font-family: "OpenSansBold";
			text-transform: uppercase;
			margin-top: 0;
		}
		
		.swiper-container {
			text-align: center;
			padding: 0 10px;
		}
		
		.swiper-wrapper {
			-webkit-box-align: stretch;
			-webkit-align-items: stretch;
			-ms-flex-align: stretch;
			align-items: stretch;
			text-align: left;
		}
		
		.swiper-slide {
			padding: 10px;
			color: #000;
			// height: auto;
			border: 1px solid @c_red;
			background: #fff;
			
			.text {
				position: relative;
				max-height: 360px;
		    overflow-y: hidden;
			}
			
			.swiper_inner {
				position: relative;
				background: #fff;
			}
			
			h4 {
				font-size: 1.5em;
				margin: 0 0 15px 0;
				color: @c_viol;
			}
			
			.img_block {
				position: relative;
				margin-bottom: 10px;
				height: 250px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				
				.slide_img {
					max-width: 100%;
					width: 100%;
					display: block;
				}
				
				.icon_img {
					position: absolute;
					top: 0;
					left: 0;
				}
			}
			
			.sign {
				// position: absolute;
				// left: 10px;
				// right: 10px;
				// bottom: 0px;
		    margin-top: 20px;
				
				p {
					
					&.name {
						font-family: "OpenSansItalic";
						font-size: .8125em;
						
						span {
							font-family: "OpenSansBoldItalic";
							color: @c_viol;
						}
					}
					
					&.date {
						font-family: "OpenSansItalic";
						font-size: .8125em;
						float: left;
					}
					
					&.link {
						float: right;
						
						a {
							color: @c_red;
							text-transform: uppercase;
						}
					}
				}/* END .latests .swiper-slide .sign P */
			}/* END .latests .swiper-slide .sign */
		}/* END .latests .swiper-slide */
		
		.nav_buts {
			position: relative;
			display: inline-block;
			text-align: center;
			margin: 40px 0;
			padding: 0 55px;
			
			.button_prev,
			.button_next {
				position: absolute;
				right: 10px;
				top: 0;
				padding: 2px;
				z-index: 1;
				width: 40px;
				text-align: center;
				height: 40px;
				line-height: 31px;
				cursor: pointer;
				
				span {
					display: block;
					background: #fff;
					color: @c_viol;
					font-size: 30px;
					text-transform: uppercase;
					height: 100%;
				}
				
				&:hover {
					
					span {
						background: none;
						color: #fff;
					}
				}
				
				&.swiper-button-disabled {
					opacity: .6;
					cursor: default;
					
					&:hover {
						
						span {
							background: #fff;
							color: @c_viol;
						}
					}
				}
			}
			
			.button_prev {
				left: 10px;
			}
			
			.but {
				border-radius: 0;
				display: table;
				max-width: 100%;
				table-layout: fixed;
				height: 40px;
				
				span {
					font-size: 1em;
					color: #fff;
					text-transform: uppercase;
					display: table-cell;
					vertical-align: middle;
					padding: 0 1em;
				}
			}
		}/* END .latests .nav_buts */
	}/* END .latests */
}/* END SECTION */

/* -------------------------------- END MAIN -------------------------------------*/

/* Для больших экранов */
@media (min-width: 1200px) {  

	.wrapper {

	}/* END .wrapper */

}/* END 1200px */

/* Для некоторых нетбуков и планшетов (таблеток) */
@media (max-width: 999px) {  

	.wrapper {
		
	}/* END .wrapper */
	
	header {
		
		.table_row {
		
			.left {
				width: 47%;
				padding: 0;
				text-align: right;
				
				.mob_menu {
					display: inline-block;
				
					strong {
						font-size: .9em;
						vertical-align: baseline;
					}
				}
				
				.logo {
					width: 60%;
				}
				
				nav {
					width: 38%;
				}
				
				.top_menu {
					display: none;
					position: absolute;
					top: 100%;
					width: 100%;
					left: 0;
					text-align: center;
					z-index: 10;
					padding: 0 0 3px 0;
					.horizontal_gradient (@c_blue, @c_ltblue);
					.box_shadow(0px -1px 2px 0px rgba(0,0,0,0.4));
					
					li {
						display: block;
						background: #fff;
						
						a {
							display: inline-block;
							padding: .5em;
							font-size: 1.125em;
						}
					}
				}
				
				.top_menu > li {
					border-bottom: 1px solid #dfdfdf;
				}
				
				.secondmenu {
					position: static;
					display: block;
					padding: 0;
				}/* END .secondmenu */
				
				.secondmenu li {
				    border-top: 1px solid #dfdfdf;
				} 
				.secondmenu .spoiler_link2{
				    padding: .4em 5em;
				}
			}/* END .left */
			
			.right {
				width: 53%;
				text-align: left;
				padding-left: 1em;
				
				a.send_thank {
				
					strong {
						font-size: .9em;
						vertical-align: baseline;
					}
				}
				
				a.login {
					
					.text {
						display: none;
					}
					.img {
						display: inline-block;
						padding: .56em 1em;
						
						img {
							display: block;
						}
					}
				}
			}/* END .right */
		}/* END .table_row */
	}/* END HEADER */
	
	section {
		
		/*&.collage {
			padding: 80px 0;
		} END SECTION.collage */
	}/* END SECTION */

}/* END max-width: 999px */

/* Для некоторых нетбуков и планшетов (таблеток) */
@media (max-width: 900px) {
	
	section {
		
		&.maincontent {
			
			.item_page {
				
				.preview {
					width: 49%;
				}
			}
			
			.soc_like {
				
				.publish_date {
					width: 49%;
				}
			}
		}/* END SECTION.maincontent */
	}/* END SECTION */
	
}/* END max-width: 900px */

/* Для планшетов и некоторых телефонов */
@media (max-width: 767px) {  
	
	.wrapper {

	}/* END .wrapper */
	
	header {
		
		.table_row {
			display: block;
		
			.left {
				width: 100%;
				padding: .5em;
				text-align: center;
				display: block;
				
				.top_menu {
					
					li {
						display: block;
						background: #fff;
						
						a {
							display: inline-block;
							padding: .5em;
							font-size: 1.125em;
						}
					}
				}
				
				.top_menu > li {
					border-bottom: 1px solid #dfdfdf;
				}
			}/* END .left */
			
			.right {
				width: 100%;
				padding: .5em .5em 1em .5em;
				text-align: center;
				display: block;
			}/* END .right */
		}/* END .table_row */
	}/* END HEADER */
	
	section {
		
		&.maincontent {
			
			.thanks_list {
				
				.table_row {
					
					.foto_img {
						display: none;
					}
					
					.name {
						width: 32%;
					}
					
					.status {
						width: 28%;
					}
					
					.date {
						width: 16%;
					}
					
					.butts {
						width: 24%;
					}
				}
			}/* END SECTION.maincontent .thanks_list*/
			
			.item_page {
				
				.text_block {
					
					.video_block {
						
						.left, .right {
							width: 100%;
							padding: .5em 0;
							float: none;
						}
					}
				}
			}/* END SECTION.maincontent .item_page*/
			
			.form_wrap {
				
				.float_row {
					
					.contacts {
						padding: 1em 0;
						text-align: center;
					}
					
					&.reg_fields {
						padding: 0 1em;
					}
					
					.col_2,
					.col_left, 
					.col_right {
						width: 100%;
						float: none;
						padding-left: 0;
						padding-right: 0;
						
						&.captcha {
							padding: 1em 0em 2em 190px;
						}
					}
				}
			}/* END SECTION.maincontent .form_wrap*/
			
			.catalog {
				
				.item {
					width: 48%;
				}
			}
		}/* END SECTION.maincontent */
		
		&.category {
		
			.category_slider {
				padding-top: 0;
				
				.swiper-slide {
					
					h2 {
						padding: 7px 35px 20px 35px;
						font-size: 1em;
					}
				}
				
				.button_prev,
				.button_next {
					display: block;
				}
			}
		}/* END SECTION.category */
	}/* END SECTION */
	
	footer {
		
		text-align: center;
		
		hr {
			width: 90%;
			margin: 20px auto
		}
		
		.logo {
			display: block;
			width: 100%;
			text-align: center;
			padding: .5em 1em;
		}
		
		.bottom_menu {
			display: inline-block;
			vertical-align: top;
			padding: .5em 1em;
			width: 47%;
		}
		
		.social {
			display: inline-block;
			vertical-align: top;
			width: 51%;
			padding: .5em 1em;
		}
		
		.copy {
			display: block;
			vertical-align: middle;
			width: 100%;
			padding: .5em 1em;
			
			p {
				color: #cfcfcf;
				font-size: .75em;
				margin: 0;
			}
		}
	}/* END FOOTER*/

}/* END 767px */

/* Для телефонов и некоторых устройств у которых совсем маленький экран */
@media screen and (max-width: 599px) { 
	
	.wrapper {

	}/* END .wrapper */
	
	section {
		
		&.maincontent {
			
			h3 {
				font-size: 1.125em;
			}
			
			.thanks_list {
				
				.table_row {
					display: block;
					
					&.header {
						display: none;
					}
					
					.name,
					.status,
					.date,
					.butts {
						display: block;
						width: 100%;
						padding: .5em .5em;
						text-align: center;
					}
				}
			}/* END SECTION.maincontent .thanks_list*/
			
			.news_arch {
				display: block;
				
				.years {
					display: block;
					padding: .5em;
					width: 100%;
				}
				
				.month {
					display: block;
					width: 100%;
				}
			}/* END SECTION.maincontent .news_arch */
			
			.item_page {
				display: block;
				
				.preview {
					display: block;
					width: 100%;
					
					img {
						width: 100%;
					}
				}
				
				.text_block {
					display: block;
					width: 100%;
					padding: 0;
				}
			}/* END SECTION.maincontent .item_page*/
			
			.soc_like {
				display: block;
				
				.publish_date {
					display: block;
					width: 100%;
					padding: 1em;
					border-right: 0;
				}
				
				.likes {
					display: block;
					width: 100%;
				}
			}/* END SECTION.maincontent .soc_like*/
			
			.form_wrap {
				
				.float_row {
					
					.col_2,
					.col_left, 
					.col_right {
						width: 100%;
						float: none;
						padding-left: 0;
						padding-right: 0;
						
						&.captcha {
							padding: 1em 0em 2em 190px;
						}
					}
				}
				
				.dates {
					padding: 1em 0;
				}
				
				.radio_buttons {
					position: static;
					width: 100%
				}
			}/* END SECTION.maincontent .form_wrap*/
		}/* END SECTION.maincontent */
		
		/*&.collage {
			padding: 40px 0;
		} END .collage */
	}/* END SECTION */
	
}/* END 599px */

/* Для телефонов и некоторых устройств у которых совсем маленький экран */
@media screen and (max-width: 480px) { 
	
	.wrapper {

	}/* END .wrapper */
	
	section {
		
		&.maincontent {
			
			form {
				
				&.search_form {
					padding: 0;
					
					.search {
						padding-right: 45px;
					}
					
					.but {
						width: 40px;
						background-size: ;
						background-position: center;
						background-repeat: no-repeat;
						color: transparent;
						background-color: #dd1671;
						background-image: url(../images/lupa_img.png), 
						-webkit-gradient(linear, left top, left bottom, from(#dd1671), to(#6b227f));
						background-image: url(../images/lupa_img.png), -webkit-linear-gradient(top, #dd1671, #6b227f);
						background-image: url(../images/lupa_img.png), 
						-moz-linear-gradient(top, #dd1671, #6b227f);
						background-image: url(../images/lupa_img.png), 
						-ms-linear-gradient(top, #dd1671, #6b227f);
						background-image: url(../images/lupa_img.png), 
						-o-linear-gradient(top, #dd1671, #6b227f);
						background-image: url(../images/lupa_img.png), 
						linear-gradient(top, #dd1671, #6b227f);
					}
				}
			}/* END SECTION.maincontent FORM*/
			
			.reg_buttons {
				text-align: center;
				
				.but {
					
					&.vk_login {
						width: 100%;
						margin: 0 0 1em 0;
						
						img {
							margin: 0 auto;
							max-width: 100px;
						}
					}
					
					&.violet {
						width: 100%;
						float: none;
						font-size: .875em;
					}
				}
			}/* END SECTION.maincontent .reg_buttons*/
			
			.form_wrap {
				
				.reg_fields {
					border-radius: 0 0 4px 4px;
				}
				
				.send_but {
					
					.reg_submit {
						font-size: 1em;
					}
				}
			}/* END SECTION.maincontent .form_wrap*/
			
			.catalog {
				
				.item {
					width: 100%;
					margin: 0 0 1em 0;
				}
			}
		}/* END SECTION.maincontent */
	}/* END SECTION */
	
	.modal {
		
		form.login {
			
			input[type=submit] {
				margin-right: 5px;
			}
			
			.but {
				padding: .5em .7em;
			}
		}
	}/* END .modal */
	
}/* END 480px */

@media screen and (max-width: 424px) {
	header .table_row .right a.send_thank strong {
		font-size: .8em;
	}
}

@media screen and (max-width: 374px) {
	header .table_row .right a.send_thank strong {
		font-size: .7em;
	}
	
	header .table_row .right a.send_thank {
		padding: 0 8px;
		margin-right: 0.1em;
	}
}

@media screen and (max-width: 360px) {
	
	.wrapper {

	}/* END .wrapper */
	
	.pluso-box {
		left: 0!important;
		right: 0!important;
		margin: 0 auto!important;
		max-width: 90%!important;
	}
	
	.modal {
		
		form.login {
			
			.but {
				padding: .4em .5em;
				font-size: .875em;
			}
		}
	}/* END .modal */
	
	section {
		
		/*&.latests {
			
			.nav_buts { 
				display: block;
				padding: 0 40px;
				margin-top: 20px;
				
				.button_prev,
				.button_next {
					width: 33px;
					height: 33px;
					line-height: 23px;
					right: 0;
				}
				
				.button_prev {
					left: 0;
				}
				
				.but {
					
					span {
						font-size: .875em;
						line-height: 33px;
						height: 33px;
					}
				}
			}
		} END SECTION.latests */
		
		&.maincontent {
			
			
			.form_wrap {
				
				.float_row {
					
					.col_2,
					.col_left,
					.col_right {
						
						&.captcha {
							padding: 0em 0;
							
							.captcha_img {
								position: static;
								width: 100%;
								margin: 0 auto 1em auto;
							}
						}
					}
				}
			}/* END SECTION.maincontent .form_wrap*/
		}/* END SECTION.maincontent */
	}
	
}/* END 360px */

@media screen and (max-width: 320px) {
	
	.wrapper {

	}/* END .wrapper */
	
	
	
}/* END 320px */
section.category .mainy .category_slider .swiper-slide {
	margin: 0 auto;
}

section.maincontent .catalog .item .img_block {
	overflow: hidden;
}

#ytWidget {
display: inline-block;
text-align: right;
margin-left: 10px;
}

#yt-widget .yt-button_type_left {
display: none !important;
}

.yt-wrapper.yt-wrapper_align_right .yt-servicelink {
display: none !important;
}

#yt-widget .yt-button_type_right {
padding: 0 28px 0 8px !important;
background-color: transparent !important;
}

#yt-widget .yt-button__icon_type_right {
background-position: -36px 0 !important;
}

#yt-widget .yt-button__icon {
width: 28px !important;
}

@media screen and (max-width: 425px) {
	#yt-widget.yt-state_mobile * {
		font-size: 14px !important;
	}
	
	#yt-widget .yt-button_type_right {
		padding: 0 22px 0 8px !important;
	}
	
	#yt-widget .yt-button__icon {
		width: 26px !important;
	}
}

@media screen and (min-width: 1000px) {
	header .spoiler_sublink1 {
		position: relative;
	}
			
	header .spoiler_sublink1::after {
		content: "";
		right: -12px;
		top: 50%;
		position: absolute;
		width: 8px;
		height: 8px;
		transform: translateY(-50%);
		background-image: url(../images/downarrow.png);
	}
	
}

@media screen and (min-width: 1000px) and (max-width: 1220px) {
	header .table_row .left .top_menu {
		font-size: 14px;
	}
	
	header .table_row .right {
		width: 44%;
	}
	
	header .table_row .left .logo {
		width: 32%;
	}
	
	header .table_row .left nav {
		width: 67%;
	}
	
	header .table_row .left {
		width: 62%;
	}
	
	header .table_row .right a.send_thank strong {
		font-size: 0.6em;
	}
	
	#yt-widget.yt-state_mobile * {
		font-size: 14px !important;
	}
}