@charset "utf-8";


/*--------------------------------------------------------------------
* 
* Project:      xcort24
* Version:      0.0.11
* Last change:  11.04.2024
*
--------------------------------------------------------------------*/


/* start - reset & normalize
--------------------------------------------------------------------*/

html {
	font-size:  62.5%; /* 10px, base for REM */
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	}

body {
	margin: 0;
	}

.vk {

}
.instagram {


}
.ptext p {
	font-size: 24px !important;
	font-size: 2.4rem !important;
	text-align: left;
}
/*@media only screen and (min-width: 768px) {
	.ptext p{
		font-size: 22px !important;
		font-size: 2.2rem !important;
		text-align: left;
	}
}
@media only screen and (max-width: 767px) {
	.ptext p{
		font-size: 22px !important;
		font-size: 2.2rem !important;
		text-align: left;
	}
}*/
.boxShadow2:hover {padding-top:2px;padding-bottom: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -4px 0 2px -4px rgba(0, 0, 0, .8), 4px 0 2px -4px rgba(200, 200, 200, .8), 0 0 40px rgba(200, 200, 200, .1) inset; }
.ptext{
	margin:6px 0 24px 0;
}
ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.footer-contact-social li {
    background-color: #27252d;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 40px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    transition: background 0.2s ease-in-out 0s;
    width: 40px;
    
}
.footer-contact-social li:hover {
    background-color: #60638a;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 40px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    transition: background 0.2s ease-in-out 0s;
    width: 40px;
}

.fa {
    display: inline-block;
    font: normal normal normal 18px/2 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	padding-top: 6%;
    padding-left: 1%;
    -moz-osx-font-smoothing: grayscale;
   color: #111;
}

article, aside, details, dialog,
figcaption, figure, footer, 
header, hgroup, main, menu, nav, section, summary {
	display: block;
	}

a {
	background-color: transparent; /* ie fix */
	}
a:active,
a:hover {
	outline-width: 0;
	}

@media only screen 
and (min-device-width : 240px) 
and (max-device-width : 640px) 
{
    .head__info {
		display: none !important;
	}
	.head__in {
		display: none !important;
	}
	.h_main {
		display: none !important;
	}
	/*.ptext p{
	font-size: 18px !important;
	font-size: 1.8rem !important;
}*/
.ptext{
	margin:6px 0 33px 0;
}
}

 .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 2px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.videosingle {
	    position: relative;
        padding-bottom:25px;
        padding-top: 5px;
        margin: 0 auto;
        padding-bottom:  25px;
}


img {
	max-width: 100%;
	border: none;
	vertical-align: top;
	border-radius: 15px;
	}

figure {
	margin: 0 auto;
	}

nav ol,
nav ul,
nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

sup,
sub {
	position: relative;
	top: -0.6em;
	font-size: 68.75%;
	line-height: 1;
	vertical-align: baseline;
	}
sub {
	top: 0.3em;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

fieldset {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	}



/* Fieldsets never shrink below their min-intrinsic width, even if min-width is explicitly set to 0 */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=504622 */
/* FIXED in Firefox 53 ? */
/* va:t need!*/

/* Fieldset width hack */
fieldset { min-width: 0; }
@-moz-document url-prefix() {
	fieldset {
		display: table-cell;
		vertical-align: top;
		}
}


button,
input {
	overflow: visible; /* ie fix */
	}

/* ff fix */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding: 0;
	border: 0;
	}

textarea {
	overflow: auto; /* ie fix */
	resize: vertical;
	}
	
	
/* webkit fix */
input[type="search"],
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { 
	-webkit-appearance: none; 
	}	

	
/* ie10+ fix */
input::-ms-clear {
	display: none;
	} 


/* clear placeholder on focus - ff 15+, chrome 17+ */
textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
	color: transparent!important;
	text-shadow: none;
	}
textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder { 
	color: transparent!important;
	text-shadow: none;
	}
textarea:focus:-moz-placeholder,
input:focus:-moz-placeholder { 
	color: transparent!important;
	text-shadow: none;
	}
/* / start */



/** project base **/
/* typography
--------------------------------------------------------------------*/

/* Academy */
@font-face {
	font-family: "Academy";
	src: url("../font/Academy-reg-webfont.eot");
	src: url("../font/Academy-reg-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/Academy-reg-webfont.woff2") format("woff2"),
	     url("../font/Academy-reg-webfont.woff") format("woff"),
	     url("../font/Academy-reg-webfont.ttf") format("truetype"),
	     url("../font/Academy-reg-webfont.svg#ACADEMY") format("svg");
	font-weight: normal; 
	font-style: normal;
}

@font-face {
	font-family: "Academy";
	src: url("../font/Academy-bold-webfont.eot");
	src: url("../font/Academy-bold-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/Academy-bold-webfont.woff2") format("woff2"),
	     url("../font/Academy-bold-webfont.woff") format("woff"),
	     url("../font/Academy-bold-webfont.ttf") format("truetype"),
	     url("../font/Academy-bold-webfont.svg#ACADEMY0") format("svg");
	font-weight: bold; 
	font-style: normal;
}

@font-face {
	font-family: "Academy";
	src: url("../font/Academy-italic-webfont.eot");
	src: url("../font/Academy-italic-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/Academy-italic-webfont.woff2") format("woff2"),
	     url("../font/Academy-italic-webfont.woff") format("woff"),
	     url("../font/Academy-italic-webfont.ttf") format("truetype"),
	     url("../font/Academy-italic-webfont.svg#ACADEMY1") format("svg");
	font-weight: normal; 
	font-style: italic;
}



/* AGAvantGardeCyrBook */
@font-face {
	font-family: "AGAvantGardeCyrBook";
	src: url("../font/AGAvantGardeCyrBook-webfont.eot");
	src: url("../font/AGAvantGardeCyrBook-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/AGAvantGardeCyrBook-webfont.woff2") format("woff2"),
	     url("../font/AGAvantGardeCyrBook-webfont.woff") format("woff"),
	     url("../font/AGAvantGardeCyrBook-webfont.ttf") format("truetype"),
	     url("../font/AGAvantGardeCyrBook-webfont.svg#AGAGCB") format("svg");
	font-weight: normal; 
	font-style: normal;
}



/* MonotypeCorsiva */
@font-face {
	font-family: "MonotypeCorsiva";
	src: url("../font/MonotypeCorsiva-webfont.eot");
	src: url("../font/MonotypeCorsiva-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/MonotypeCorsiva-webfont.woff2") format("woff2"),
	     url("../font/MonotypeCorsiva-webfont.woff") format("woff"),
	     url("../font/MonotypeCorsiva-webfont.ttf") format("truetype"),
	     url("../font/MonotypeCorsiva-webfont.svg#MTCORSVA") format("svg");
	font-weight: normal; 
	font-style: italic;
}



/* AGSouvenirCyr */
@font-face {
	font-family: "AGSouvenirCyr";
	src: url("../font/AGSouvenirCyr-reg-webfont.eot");
	src: url("../font/AGSouvenirCyr-reg-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/AGSouvenirCyr-reg-webfont.woff2") format("woff2"),
	     url("../font/AGSouvenirCyr-reg-webfont.woff") format("woff"),
	     url("../font/AGSouvenirCyr-reg-webfont.ttf") format("truetype"),
	     url("../font/AGSouvenirCyr-reg-webfont.svg#AGSOU13") format("svg");
	font-weight: normal; 
	font-style: normal;
}

@font-face {
	font-family: "AGSouvenirCyr";
	src: url("../font/AGSouvenirCyr-bold-webfont.eot");
	src: url("../font/AGSouvenirCyr-bold-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/AGSouvenirCyr-bold-webfont.woff2") format("woff2"),
	     url("../font/AGSouvenirCyr-bold-webfont.woff") format("woff"),
	     url("../font/AGSouvenirCyr-bold-webfont.ttf") format("truetype"),
	     url("../font/AGSouvenirCyr-bold-webfont.svg#AGSOU14") format("svg");
	font-weight: bold; 
	font-style: normal;
}

@font-face {
	font-family: "AGSouvenirCyr";
	src: url("../font/AGSouvenirCyr-italic-webfont.eot");
	src: url("../font/AGSouvenirCyr-italic-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/AGSouvenirCyr-italic-webfont.woff2") format("woff2"),
	     url("../font/AGSouvenirCyr-italic-webfont.woff") format("woff"),
	     url("../font/AGSouvenirCyr-italic-webfont.ttf") format("truetype"),
	     url("../font/AGSouvenirCyr-italic-webfont.svg#AGSOU16") format("svg");
	font-weight: normal; 
	font-style: italic;
}

/* AGFriquer Roman */

@font-face {
    font-family: 'AGFriquer';
    src: url('../font/AGFriquer-Roman.woff2') format('woff2'),
        url('../font/AGFriquer-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Lato */
@font-face {
	font-family: Lato;
	src: url('../font/lato.ttf');
}

/* Roboto */
@font-face {
	font-family: Roboto;
	src: url('../font/roboto.ttf');
}

/* Oswald */
@font-face {
	font-family: Oswald;
	src: url('../font/oswald.ttf');
}

/* / typography */

/* base
--------------------------------------------------------------------*/

html,
body {
	color: #fff;
	background: #000;
	}  
body {
	font: 1.8em/1.2  Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
	} 

a,
a:visited {
	color: inherit; 
	text-decoration: none;
	}
a:hover,
a:active {
	text-decoration: underline;
	}
a[href^=tel] {
	text-decoration: none;
	color: inherit;
	}


h1, 
.h1,
h2, 
.h2, 
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin: 1em 0;
	line-height: 1;
	}
	
h1, 
.h1 {
	font-size: 36px;
	font-size: 3.6rem;
	}
	
h2, 
.h2 {
	font-size: 30px;
	font-size: 3rem;
	}
	
h3, 
.h3 {
	font-size: 28px;
	font-size: 2.8rem;
	}
	
h4, 
.h4 {
	font-size: 24px;
	font-size: 2.4rem;
	}
	
h5, 
.h5 {
	font-size: 22px;
	font-size: 2.2rem;
	}
	
h6, 
.h6 {
	font-size: 20px;
	font-size: 2rem;
	}

	
p {
	margin: 1em 0;
	}	
	
	
/* mobile */
@media only screen and (max-width: 767px) {
	body {
		font-size: 1.6em;
		} 
	h1, 
	.h1 {
		font-size: 30px;
		font-size: 3rem;
		}
		
	h2, 
	.h2 {
		font-size: 28px;
		font-size: 2.8rem;
		}
		
	h3, 
	.h3 {
		font-size: 24px;
		font-size: 2.4rem;
		}
		
	h4, 
	.h4 {
		font-size: 22px;
		font-size: 2.2rem;
		}
		
	h5, 
	.h5 {
		font-size: 20px;
		font-size: 2rem;
		}
		
	h6, 
	.h6 {
		font-size: 18px;
		font-size: 1.8rem;
		}

}
/* / mobile */		
	
/* / base */

/*  layout
--------------------------------------------------------------------*/

body {
	position: relative;
	min-width: 320px;
	background-color: #fff;
		-webkit-background-size: 100% auto;
		-moz-background-size:    100% auto;
		background-size:         100% auto;
	}

	
/* all - root wrapper */
.all {
	position: relative;
	overflow: hidden;
	}
/* / all */


.menu {
	z-index: 3;
	}

.contain {
	z-index: 2;
	position: relative;
	overflow: hidden;
	}
	.contain .clmn {
		/* background: url(../i/bg.png) #000 50% 0 repeat-y; */
		-webkit-background-size: 100% auto;
		-moz-background-size:    100% auto;
		background-size:         100% auto;
		}

/* curtain */
.curtain_l,
.curtain_r {
	z-index: 3;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 700px;
	content:"";
	background-repeat: no-repeat;
	}
.curtain_l {
	right: 100%;
	margin-right: 5px;
	background-position: 100% 0;
	}
.curtain_r {
	left: 100%;
	margin-left: 5px;
	background-position: 0 0;
	}

.annum {
	background: #de9c10;
	color: #FFF;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: inline-block;
	font-size: 19px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 1px;
}

#annum {
	background: #de9c10;
	color: #FFF;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: inline-block;
	font-size: 19px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 1px;
}

/* mobile + */
@media only screen and (min-width: 768px) {
	.curtain_l,
	.curtain_r {
		width: 150px;
		}
	.curtain_l {
		/*background-image: url(../i/curtain_l-sm.jpg);*/
		}
	.curtain_r {
		/*background-image: url(../i/curtain_r-sm.jpg);*/
		}
		 .menu__btn {
 	padding: 13px;
 	width:20%;
 }
 .menu__btn:hover {
    /*padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 13px;
    padding-right: 13px;
    background: url(../i/btn-bg.png)  repeat-x;
    border-radius: 3px;
    box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset;
    width:20%;*/ 
 }		
}
/* / mobile + */


/* medium + */
@media only screen and (min-width: 1280px) {
	.all {
		-webkit-background-size: 100% auto;
		-moz-background-size:    100% auto;
		background-size:         100% auto;
		background-attachment: fixed;
	}
	.curtain_l,
	.curtain_r {
		width: 700px;
		}
	.curtain_l {
		/*background-image: url(../i/curtain_l.jpg);*/
		}
	.curtain_r {
		/*background-image: url(../i/curtain_r.jpg);*/
		}
		 .menu__btn {
 	padding: 13px;
 	width:20%;
 }
 .menu__btn:hover {
    /*padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 13px;
    padding-right: 13px;
    background: url(../i/btn-bg.png)  repeat-x;
    border-radius: 3px;
    box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset;
    width:20%;*/ 
 }		
}
/* / medium + */

	
/* mobile */
@media only screen and (max-width: 767px) {
	.curtain_l,
	.curtain_r {
		display: none; /*hide*/
		}
}
@media only screen and (max-width: 420px) {
  .hidemt {
	display: none !important;
  }

}
@media only screen and (min-width: 421px) {
  	.hidedt {
	display: none !important;
  }

}

.annumam {

    background: #de9c10;
    color: #FFF;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    font-size: 21px;
    padding-left: 4px;
    padding-top: 6px;
    padding-bottom: 1px;
    padding-right: 3px;
    font: 30px/1 MonotypeCorsiva, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  }
.annuma {

    background: #de9c10;
    color: #FFF;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    font-size: 19px;
padding-left: 7px;

padding-bottom: 9px;
padding-right: 3px;
  }
/* / mobile */
/* /curtain */

/* / layout */



/** common **/
/* helpers 
--------------------------------------------------------------------*/	

/* cle - clearfix for floats */
.cle:after {
	content: "."; 
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0; 
	font-size: 0;
	}
/* / cle */	

/* clmn - content column */
.clmn {
	position: relative;
	margin: 0 auto;
	width: 82%;
	max-width: 1200px;
	}
	.clmnhome {
	position: relative;
	margin: 0 auto;
	width: 85%;
	max-width: 1920px;
	}
	.clmn__in {
		width: auto;
		margin: 0 auto;
		}

		
/* medium */
@media only screen and (max-width: 1279px) {
	.clmn {
		width: 86%;
		}
}		
/* / medium */


/* small */
@media only screen and (max-width: 979px) {
	.clmn {
		width: 90%;
		}
}
/* / small */
		
		
/* mobile */
@media only screen and (max-width: 767px) {
	.clmn {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		}
		.clmn__out {
			margin-left: -20px;
			margin-right: -20px;
			}
	.clmn__in {
		width: auto;
		}
}
/* / mobile */		
	
/* / clmn */

/* grid */
.grid {
	margin-left: -18px;
	margin-right: -18px;
	}
	/* copy from .cle */
	.grid:after {
		content: "."; 
		display: block; 
		visibility: hidden; 
		clear: both; 
		height: 0; 
		font-size: 0;
		}
		
[class*="col--"] {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 25px;
	margin-left: 2.4%;
	}
		
/* 3 col */
.col--1-3  {
	//width: 28%;
	width: 29.6%;
	padding-left: 3%;
	}
.col--2-3  {
	width: 66.66666666%;
	}
	
/* 2 col */
.col--1-2  {
	//width: 50%;
	width: 47%;
	}
	
.col--1-1  {
	width: 94%;
	}

		
/* small */
@media only screen and (max-width: 979px) {
	.col--sm-1-2  {
		//width: 50%;
		width: 47%;
		}

}
/* / small */		
		
		
/* mobile */
@media only screen and (max-width: 767px) {
	.grid {
		margin-left: 0;
		margin-right: 0;
		}
		[class*="col--"],
		.grid [class*="col--"] {
			float: none;
			display: block;
			//width: 100%;
			width: 95%;
			padding-left: 0;
			padding-right: 0;
			margin-bottom: 5px;
			}
}
/* / mobile */
/* / grid */

/* ratio - scalable fixed ratio block */
/* padding-top = Y / X ! */

.ratio {
	position: relative;
	}
	.ratio:before {
		display: block;
		content:"";
		padding-top: 100%; /* square, 1:1*/
		height: 0;
		}
	.ratio__in {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		}
		.ratio__in img {
			display: block;
			width: 100%;
			min-height: 100%;
			}

	/* 2:3 */
	.ratio--model:before {
		padding-top: 150%;
		}

	/* 2:3 */
	.ratio--photo:before {
		padding-top: 150%;
		}
		
	/* 1220:443 */
	.ratio--head:before {
		padding-top: 36.31147540%;
		}

	/* 1216:837 */
	.ratio--head_main:before {
		padding-top: 45%;
		}
		
/* / ratio */

/* list reset like NAV */

/* rsto - reset ONE list - THIS (specificity of li =  0,0,1,0) */
/* rst  -  reset all INNER lists (specificity of li = 0,0,1,1) */

.rsto,
.rsto > * {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.rst,
.rst ol,
.rst ul,
.rst li,
.rst dl,
.rst dt,
.rst dd {
	margin: 0;
	padding: 0;
	list-style: none;
	}
/* / rst  */



/* js */
/* ibg - "convert" img to css-cover bg */
.ibg {
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
	}
	.ibg img {
		display: block;
		width: 100%;
		min-height: 100%;
		}

/* contain */		
.ibg--cont  {
	-webkit-background-size: contain;
	-moz-background-size:    contain;
	background-size:         contain;	
	}
		
		
.js .ibg {
	opacity: 0;
	}
.js .ibg--on  {
	opacity: 1;
	}
	.js .ibg img {
		opacity: 0; /*hide*/
		visibility: hidden;
		}

@media print {
	.js .ibg {
		background-image: none!important;
		}
	.js .ibg img {
		opacity: 1;
		}
}
/* / ibg */


.hide {
	display: none; /*hide*/	
	}
	
/* center block */	
.cntr {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
/* center text */	
.tcntr {
	text-align: center;
	}
	

/* mob helpers */
.mob_vis {
	display: none; /*hide*/
	}

@media only screen and (max-width: 767px) {
	.mob_vis {
		display: block; /* show */
		}
	.mob_hide {
		display: none; /*hide*/
		}
}
/* / mob helpers */
	

/* / helpers */


/* close */
.close {
	position: relative;
	width: 24px;
	height: 24px;
	background: url(../i/close.png) 0 0 no-repeat;
	cursor: pointer;
	-webkit-background-size: 100% 100%;
	-moz-background-size:    100% 100%;
	background-size:         100% 100%;
	}
/* / close */

/* headers */

/* h_decor */
.h_decor {
	display: table;
	width: 100%;
	text-align: center;
	}
.h_decor__l,
.h_decor__r,
.h_decor__cont {
	display: table-cell;
	width: 23.5%;
	vertical-align: middle;
	}
.h_decor__cont {
	width: auto;
	padding: 0.28571428em 0.42em 0;
	}
	.h_decor__cont .but {
		margin-top: 14px;
		}

.h_decor__l,
.h_decor__r {
	min-width: 133px;
	}
	.h_decor__l i,
	.h_decor__r i {
		position: relative;
		display: block;
		height: 50px;
		margin: 0 123px 0 10px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAF0lEQVR4AWMY7OD//6JghmV1rquobTAAny4E1929gtsAAAAASUVORK5CYII=) 0 0 repeat-x;
		}
		.h_decor__l i:before,
		.h_decor__l i:after,
		.h_decor__r i:before,
		.h_decor__r i:after {
			content:"";
			position: absolute;
			top: 0;
			bottom: 0;
			background-image: url(../i/h_decor.png);
			}
		.h_decor__l i:before {
			right: 100%;
			width: 10px;
			background-position: 0 0;
			}
		.h_decor__l i:after {
			left: 100%;
			width: 123px;
			background-position: 100% 0;
			}
	.h_decor__r i {
		margin: 0 10px 0 123px;
		}
		.h_decor__r i:before {
			right: 100%;
			width: 123px;
			background-position: 100% -50px;
			}
		.h_decor__r i:after {
			left: 100%;
			width: 10px;
			background-position: 0 -50px;
			}
			
.h_decor--sz-b .h_decor__l,
.h_decor--sz-b .h_decor__r {
	width: 26%;
	}
/* / h_decor */		
		
		

/* h_imp */
.h_imp {
	margin: 1em 24px 1.14285714em;
	color: #ffde44;
	font-size: 28px;
	font-size: 2.8rem;
	text-transform: uppercase;
	font-style: italic;	
	text-align: center;
	}
/* / h_imp */



/* h_main */
.h_main {
	margin: 20px 0 106px;
	}
/* / h_main */



/* medium */
@media only screen and (max-width: 1279px) {
	.h_imp {
		margin-bottom: 1em;
		font-size: 24px;
		font-size: 2.4rem;
		}
		
	.h_main {
		margin: 0 0 8%;
		}		
}
/* / medium */	



/* mobile */
@media only screen and (max-width: 767px) {
	.h_decor,
	.h_decor__cont {
		display: block;
		padding: 0;
		width: auto;
		}
	.h_decor__l,
	.h_decor__r {
		display: none; /*hide*/
		}
		
	.h_imp {
		margin: 1em 0;
		font-size: 20px;
		font-size: 2rem;
		}
	.h_main {
		margin: 0 0 15%;
		}
}
/* / mobile */	
/* / headers */

/* but */
.but {
	position: relative;
	display: inline-block;
	margin: 0 0.53333333em;
	padding: 0 1em;
	border: none;
	height: 1.77777777em;
	color: #f7ca4d;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABQCAYAAAAz8KTYAAAAwElEQVR4AWP5/7+kjwEIWBgY/vmAGZuaD6mCGTHNZxnAjM+//0MYokyMUJF/UBF5bk4Iw8ZAE8L4+hcqxfzvH4TB8B8qAsQQBowFpNEZjIzoIkwwBjOM8R9TF4KBUzsTHiswRJgxdHFwckAY79+8hTAOXL4LYXDCLWXE0I7pQgxLmXC7mQXhHkxzMKUI60KIYNjFisWFuHWR5R5E8OL2shjM0hX/oIzT/9AVN8YYQBiXLr9g+A8MdZaHTz6cB4kAAOC3KV7RVgFYAAAAAElFTkSuQmCC);
	background-repeat: repeat-x;
	
	font: italic 45px/1.68888888 MonotypeCorsiva, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
	font-size: 4.5rem;
	text-align: center;
	vertical-align: top;	
	white-space: nowrap;
	-webkit-transition: color 0.3s ease;
	-moz-transition:    color 0.3s ease;
	-o-transition:      color 0.3s ease;
	transition:         color 0.3s ease;	
	}
a.but {
	color: #f7ca4d;	
	}
	.but:before,
	.but:after {
		position: absolute;
		top: 0;
		bottom: 0;
		content:"";
		width: 0.53333333em;
		background-image: url(../i/but.png);
		}
	.but:before {
		right: 100%;
		background-position: 0 0;
		}
	.but:after {
		left: 100%;
		background-position: 100% 0;
		}

.but,		
.but:before,
.but:after {
	-webkit-background-size: auto 100%;
	-moz-background-size:    auto 100%;
	background-size:         auto 100%;		
	}
		
button.but:hover,
button.but:active,
a.but:hover,
a.but:active {
	color: #fff;
	text-decoration: none;
	}
		
		
/* but--sm */
.but--sm {
	padding: 0 0.51851851em;	
	font-size: 27px;
	font-size: 2.7rem;
	}
/* / but--sm */



/* small */
@media only screen and (max-width: 979px) {
	.but {
		padding: 0 0.2em;
		font-size: 36px;
		font-size: 3.6rem;
		}
	.but--sm {
		padding: 0 0.5em;
		font-size: 24px;
		font-size: 2.4rem;
		}
}
/* / small */


/* mobile */
@media only screen and (max-width: 767px) {
	.but {
		font-size: 30px;
		font-size: 3rem;
		}
	.but--sm {
		font-size: 20px;
		font-size: 2rem;
		}
}
/* / mobile */	
/* / but */

/* line */
.line {
	position: relative;
	height: 11px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAYAAAC+jufvAAAAOklEQVR4AWOIdmGYzJDix/CD4eSBrP9M+lZlDMzhgWINzN4mrxsY+uMY/jMkGQCJMAUQIQEixBiWAQDq8RFPR1tv7wAAAABJRU5ErkJggg==) 50% 0 repeat-x;
	}

/* + logo */	
.line .logo {
	position: absolute;
	left: 0;
	right: 0;
	top: -17px;
	bottom: 17px;
	margin: auto;
	-webkit-filter: 
		drop-shadow(0 0 5px #000),
		drop-shadow(0 0 5px #000);
	filter: 
		drop-shadow(0 0 5px #000) 
		drop-shadow(0 0 5px #000);
	}

	
	
/* bright, dark */
.line--dark {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAYAAAC+jufvAAAAN0lEQVR4AWMAAw9ThhMMLdW6/5ls3asZmD3d1BoY+pqM/jOUhTD/ZwjUYvjP4CgFIoRBhCDDYgB9gQ7T6h9x9wAAAABJRU5ErkJggg==);
	}
.line--bright {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAYAAAC+jufvAAAAN0lEQVR4AWOYmMPQy7CwieE/w/dP/f8Z/gMBkDgOJF67/We43g2U6HcFErV6QKJeGUjUKTJkAgApAxqaCwkbUAAAAABJRU5ErkJggg==);
	}
	
	
/* shadows*/
.line--shd-1 {
	-webkit-box-shadow: 
		inse1t 100px 0 100px -100px #000,
		inset -100px 0 100px -100px #000;
	-moz-box-shadow: 
		inset 100px 0 100px -100px #000,
		inset -100px 0 100px -100px #000;
	box-shadow: 
		inset 100px 0 100px -100px #000,
		inset -100px 0 100px -100px #000;
	}
.line--shd-2 {
	-webkit-box-shadow: 
		inset 180px 0 100px -100px #000,
		inset -180px 0 100px -100px #000;
	-moz-box-shadow: 
		inset 180px 0 100px -100px #000,
		inset -180px 0 100px -100px #000;
	box-shadow: 
		inset 180px 0 100px -100px #000,
		inset -180px 0 100px -100px #000;
	}
.line--shd-3 {
	-webkit-box-shadow: 
		inset 200px 0 100px -100px #000,
		inset -200px 0 100px -100px #000;
	-moz-box-shadow: 
		inset 200px 0 100px -100px #000,
		inset -200px 0 100px -100px #000;
	box-shadow: 
		inset 200px 0 100px -100px #000,
		inset -200px 0 100px -100px #000;
	}
	
	
/* mobile */
@media only screen and (max-width: 767px) {
.line {
	height: 5px;
	-webkit-background-size: auto 100%;
	-moz-background-size:    auto 100%;
	background-size:         auto 100%;
	}
}
/* / mobile */		
/* / line */

/* spinner */
.spinner {
	display: inline-block;
	height: 172px;
	width: 172px;
	-webkit-animation: spin 1s steps(12, end) infinite;
	-moz-animation:    spin 1s steps(12, end) infinite;
	-o-animation:      spin 1s steps(12, end) infinite;
	animation:         spin 1s steps(12, end) infinite;
	}
	.spinner i {
		position: absolute;
		left: 50%;
		width: 12px;
		height: 38px;
		margin-left: -6px;
		display: block;
		background: #4d8afa;
		-webkit-transform-origin: 50% 86px;
		-moz-transform-origin:    50% 86px;
		-ms-transform-origin:     50% 86px;
		-o-transform-origin:      50% 86px;
		transform-origin:         50% 86px;
		}

	.spinner i:nth-child(1) {
		opacity: 0.08;
		}

	.spinner i:nth-child(2) {
		-webkit-transform: rotate(30deg);
		-moz-transform:    rotate(30deg);
		-ms-transform:     rotate(30deg);
		-o-transform:      rotate(30deg);
		transform:         rotate(30deg);
		opacity: 0.167;
		}

	.spinner i:nth-child(3) {
		-webkit-transform: rotate(60deg);
		-moz-transform:    rotate(60deg);
		-ms-transform:     rotate(60deg);
		-o-transform:      rotate(60deg);
		transform:         rotate(60deg);
		opacity: 0.25;
		}

	.spinner i:nth-child(4) {
		-webkit-transform: rotate(90deg);
		-moz-transform:    rotate(90deg);
		-ms-transform:     rotate(90deg);
		-o-transform:      rotate(90deg);
		transform:         rotate(90deg);
		opacity: 0.33;
		}

	.spinner i:nth-child(5) {
		-webkit-transform: rotate(120deg);
		-moz-transform:    rotate(120deg);
		-ms-transform:     rotate(120deg);
		-o-transform:      rotate(120deg);
		transform:         rotate(120deg);
		opacity: 0.4167;
		}

	.spinner i:nth-child(6) {
		-webkit-transform: rotate(150deg);
		-moz-transform:    rotate(150deg);
		-ms-transform:     rotate(150deg);
		-o-transform:      rotate(150deg);
		transform:         rotate(150deg);
		opacity: 0.5;
		}

	.spinner i:nth-child(7) {
		-webkit-transform: rotate(180deg);
		-moz-transform:    rotate(180deg);
		-ms-transform:     rotate(180deg);
		-o-transform:      rotate(180deg);
		transform:         rotate(180deg);
		opacity: 0.583;
		}

	.spinner i:nth-child(8) {
		-webkit-transform: rotate(210deg);
		-moz-transform:    rotate(210deg);
		-ms-transform:     rotate(210deg);
		-o-transform:      rotate(210deg);
		transform:         rotate(210deg);
		opacity: 0.67;
		}

	.spinner i:nth-child(9) {
		-webkit-transform: rotate(240deg);
		-moz-transform:    rotate(240deg);
		-ms-transform:     rotate(240deg);
		-o-transform:      rotate(240deg);
		transform:         rotate(240deg);
		opacity: 0.75;
		}

	.spinner i:nth-child(10) {
		-webkit-transform: rotate(270deg);
		-moz-transform:    rotate(270deg);
		-ms-transform:     rotate(270deg);
		-o-transform:      rotate(270deg);
		transform:         rotate(270deg);
		opacity: 0.833;
		}

	.spinner i:nth-child(11) {
		-webkit-transform: rotate(300deg);
		-moz-transform:    rotate(300deg);
		-ms-transform:     rotate(300deg);
		-o-transform:      rotate(300deg);
		transform:         rotate(300deg);
		opacity: 0.9167;
		}

	.spinner i:nth-child(12) {
		-webkit-transform: rotate(330deg);
		-moz-transform:    rotate(330deg);
		-ms-transform:     rotate(330deg);
		-o-transform:      rotate(330deg);
		transform:         rotate(330deg);
		opacity: 1;
		}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
   -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/* medium */
@media only screen and (max-width: 1279px) {
	.spinner {
		height: 86px;
		width: 86px;
		}
		.spinner i {
			width: 6px;
			height: 22px;
			margin-left: -3px;
			-webkit-transform-origin: 50% 43px;
			-moz-transform-origin:    50% 43px;
			-ms-transform-origin:     50% 43px;
			-o-transform-origin:      50% 43px;
			transform-origin:         50% 43px;
			}	
}		
/* / medium */

/* / spinner */

/* frame */

/*
scale 0.45
20--> 9
80- > 36
*/

.frame {
	position: relative;
	overflow: hidden;
	}
	
.frame__cont {
	position: relative;
	padding: -1px -1px;
	min-height: 72px;
	height: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing:    border-box; 
	box-sizing:         border-box; 
	border-radius: 10px;
	border: 1px solid #777777;
	box-sizing: border-box;
	}
.frame__cont:before,
.frame__cont:after {
	position: absolute;
	left: 36px;
	right: 36px;
	content:"";
	height: 9px;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size:    100% 100%;
	background-size:         100% 100%;		
	}
.frame__cont:before {
	top: 0;
	}
.frame__cont:after {
	bottom: 0;
	}		
		
.frame__l,
.frame__r {
	position: absolute;
	top: 36px;
	bottom: 36px;
	width: 36px;	
	background-repeat: repeat-y;
	-webkit-background-size: 100% auto;
	-moz-background-size:    100% auto;
	background-size:         100% auto;
	}
.frame__l {
	left: 0;
	}
.frame__r {
	right: 0;
	}
.frame__l:before,
.frame__l:after,
.frame__r:before,
.frame__r:after {
	position: absolute;
	content:"";
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	-webkit-background-size: 200% 200%;
	-moz-background-size:    200% 200%;
	background-size:         200% 200%;
	}
.frame__l:before {
	bottom: 100%;
	left: 0;
	background-position: 0 0;
	}
.frame__l:after {
	top: 100%;
	left: 0;
	background-position: 0 100%;
	}
.frame__r:before {
	bottom:100%;
	right: 0;
	background-position: 100% 0;
	}
.frame__r:after {
	top: 100%;
	right: 0;
	background-position: 100% 100%;
	}

.frame__in {
	padding: 12px 0 18px;
	}
	

/* frame--b */
/*
scale 0.8
20--> 16
80- > 64
*/	


.frame--b > .frame__cont {
	padding: 16px 64px;
	min-height: 128px;
	}
.frame--b > .frame__cont:before,
.frame--b > .frame__cont:after {
	left: 64px;
	right: 64px;
	height: 16px;
	}
.frame--b > .frame__l,
.frame--b > .frame__r {
	position: absolute;
	top: 64px;
	bottom: 64px;
	width: 64px;	
	}
.frame--b > .frame__l:before,
.frame--b > .frame__l:after,
.frame--b > .frame__r:before,
.frame--b > .frame__r:after {
	width: 64px;
	height: 64px;
	}
.frame--b > .frame__in {
	padding: 36px 0;
	}	
/* / frame--b */



/* shadow bg 0.9 black */	
.frame--shd2 .frame__cont:before {
	}
.frame--shd2 .frame__cont:after {

	}
.frame--shd2 .frame__l {

	}
.frame--shd2 .frame__r {

	}	
.frame--shd2 .frame__l:before,
.frame--shd2 .frame__l:after,
.frame--shd2 .frame__r:before,
.frame--shd2 .frame__r:after {

	}	
.frame--shd2 .frame__in {
	background: rgba(255, 255, 255, 0.9);
	}	
/* /frame--shd2 */	


	
/* frame--dark	 */
.frame--dark  {
	-webkit-box-shadow: 
		0 0 16px #000,
		0 0 16px #000,
		0 0 16px #000;
	-moz-box-shadow: 
		0 0 16px #000,
		0 0 16px #000,
		0 0 16px #000;
	box-shadow: 
		0 0 16px #000,
		0 0 16px #000,
		0 0 16px #000;
	}
.frame--dark .frame__cont:before {
	background-image: url(../i/frame__cont-t--dark.png);
	}
.frame--dark .frame__cont:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAARUlEQVR4AWPABv6/TuNiuLml/T/Dljrj/0zd3RcYGJgYGf4DpWAEI4h7+0zAfybZP0wMDF3eSv8Z3AXZ/jMyMzJClCAIAHuqGSNpAg9KAAAAAElFTkSuQmCC);
	}
.frame--dark .frame__l {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAABCAYAAABJwyn/AAAAN0lEQVR4AWMAgv/IeEaD3f83+8P/n53p9r/YWPi/njAHiryFgeT/z8cT/q8sMvofK8FxiWGEAwBEBhovF2f5pAAAAABJRU5ErkJggg==);
	}
.frame--dark .frame__r {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAABCAYAAABJwyn/AAAANklEQVR4AWMY6eD//Qqz///r/u/rcfgfJML2HyiEgo9sjfr//23J/ytLA/5X6Av+l+RiQZEHAAUEHMvR0OrFAAAAAElFTkSuQmCC);
	}	
.frame--dark .frame__l:before,
.frame--dark .frame__l:after,
.frame--dark .frame__r:before,
.frame--dark .frame__r:after {

	}	
/* / frame--dark	 */
	
	
/* mobile */
@media only screen and (max-width: 767px) {
	.frame--off {}
		.frame--off > .frame__cont {
			padding: 0;
			height: auto;
			min-height: 1px;
			}
		.frame--off > .frame__cont:before,
		.frame--off > .frame__cont:after,
		.frame--off > .frame__l,
		.frame--off > .frame__r {
			display: none; /*hide*/
			}

}		
/* / mobile */		
	
/* / frame */	



/** blocks **/

/* menu */
.menu__line {
	position: absolute;
	right: 0;
	bottom: -2px;
	left: 0;
	height: 11px;
	}
	
.menu__in, .menu__in_new {
	width: 87%;
	margin: 0 auto;
	}
	.menu__in ul , .menu__in_new ul {
		line-height: 0; /*  */
		text-align: justify
		}
		.menu__in ul:after, .menu__in_new ul:after {
			display: inline-block;
			content: "";
			width: 100%;
			vertical-align: top;	
			}
	
.menu__item, .menu__item_new {
	display: inline-block;
	padding-left: 17px;
	color: #000000;
/* 	font: 28px/1.4 AGSouvenirCyr, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
	font-size: 2.8rem; */

	font: 24px/1.4 AGSouvenirCyr, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
	font-size: 2.4rem;
	text-align: left;
	vertical-align: top;
	}
	.menu__item > a, .menu__item_new > a {
		}
.menu__search_link {
	position: relative;
	padding-left: 2.3571em;
	color: #27252d;	
	}
	.menu__search_link:before {
		position: absolute;
		top: 50%;
		left: 0.60714285em;
		content:"";
		width: 0.92857142em;
		height: 0.92857142em;
		margin-top: -0.5em;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAABgUlEQVR4AbXVM5SkQQBF4bVt27Zt22a0ZrRCsjbSVTiTrG3btm1i9u0NaqyqOt3/OV/Ur/q2kMTm+v1pbTIkTxKMizuujLk4gDu4i8NYiDqBCGTFRigRoSjoGymBx5BxA/PRH30xF2cg4z3quEYy4AmEvxidwHagiQg/UMglFBIlUttiXwzvIJyyjVSDjKEOD64FZLSxObAUwnWP93U/hBCb8WkI0z1CwyE8RoqEhqnxAkJPj1BdCH+QL6FhOryC0M0jVAPCPxRKbHwVwliPUA8Ir5E2sfF6CPs8QpuszzJqCxn1HCLF8BfCMNtDVyE8RBrLM+cgvHZ5CSpCxiXUSGBbGocho4nr690JimI9uqA8yqEd1iAMMoaZs7uwzSXWCDegRDxGG3NmKmSscX12I7EfXyHjB45jAtKb3RYohlU+/1G5UAmVkS/GbTlxB4rDmmD87e+NJ7Y8GLED8cRmI0WgY/vjibUMdChpHM/sH+qYScBjoRA+o5/9ab9g1aif0v/t6cx3ELFOAwAAAABJRU5ErkJggg==) 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size:    cover;
		background-size:         cover;
		}

	
	.menu__search_popup {
		display: none; /*hide*/
		z-index: 2;
		position: absolute;
		top: 100%;
		right: 6.5%;
		}
	.menu__search_popup.is-active {
		display: block;
		z-index: 9999 !important;
		}

		
.menu--f  {
	margin-top: -1px;
	}
.menu--f .menu__search_popup {
	top: auto;
	bottom: -200px;
	}
	
	
/* medium */
@media only screen and (max-width: 1279px) {
	.menu {
		padding: 20px 0 25px;
		}
	.menu__item, .menu__item_new {
		font-size: 22px;
		font-size: 2.2rem;
		} 
}		
/* / medium */	
	
	
	
/* small */
@media only screen and (max-width: 979px) {
	.menu__item, .menu__item_new{
		font-size: 18px;
		font-size: 1.8rem;
		}
	.menu__search_link {
		padding-left: 2em;
		}
}
/* / small */



/* mobile */
@media only screen and (max-width: 767px) {
	.menu {
		padding: 20px 0 8px;
		-webkit-background-size: auto 20px;
		-moz-background-size:    auto 20px;
		background-size:         auto 20px;
		}
	.menu__line {
		height: 5px;
		-webkit-background-size: auto 100%;
		-moz-background-size:    auto 100%;
		background-size:         auto 100%;
		}

	.menu__tgl {
		float: left;
		border-left: 1px solid;
		color: #000000;
		font: 16px/1.4 AGSouvenirCyr, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
		font-size: 1.6rem;
		}
	.menu__search_tgl {
		float: right;
		position: relative;
		padding-left: 2em;
		color: #000;
		font: 16px/1.4 AGSouvenirCyr, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
		font-size: 1.6rem;
		}
		
	.menu__search_popup {
		left: 0;
		right: 0;
		margin-top: 24px;
		}

	.menu__in, .menu__in_new {
		display: none;
		z-index: 10;
		position: absolute;
		top: 35px;
		left: -20px;
		right: -20px;
		width: auto;
		padding: 10px 0;
		/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAvCAYAAAAis6DPAAAAdElEQVR4AWOIcWG4weQZrKfO8Pv31f9MTx5fZGC6f34hkDi8l4Hpwqk/DEwvXzIwMPH+AhJ3PzOAwX8mEAkhrKysGJhEREQYmL5+/crA9O/fPwam////QwlMLkIMjYWh+O/fvwguQh02xXjEgICBgYuL6z8AYF1xdrpRZPcAAAAASUVORK5CYII=) #000 0 0 repeat-x; */
		-webkit-background-size: auto 20px;
		-moz-background-size: auto 20px;
		background-size: auto 20px;
		text-align: left;
		background-color: #FFF;
		border-radius: 3px;
		border: solid 1px #ccc;
		}
	.menu__in.is-active, .menu__in_new.is-active {
		display: block;
		}
		.menu__in:after, .menu__in_new:after {
			display: none; /*hide*/
			}
		.menu__item, .menu__item_new {
			display: block;
			padding: 5px 38px;
			border: none;
			}
		.menu__in .menu__search_link, .menu__in_new .menu__search_link{
			display: none; /*hide*/
			}
		.menu__in .close , .menu__in_new .close{
			position: absolute;
			top: 10px;
			right: 10px;
			}
}
/* / mobile */		
/* / menu */

/* search */
.search {
	width: 640px;
	}
.search__in {
	padding: 34px 0 22px 30px;
	}
.search__block {
	display: inline-block;
	width: 50%;
	margin-bottom: 38px;
	vertical-align: top;
	}
.search__block a {
	color: #000;
}

.search__block a:hover {
	color: #1f1f1f;
}

.search__block:nth-child(2n) {
	margin-left: 2%;
	width: 44%;
	}
	.search__block dt {
		margin-bottom: 0.916em;
		color: #fff;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1;
		font-style: italic;
		}
		.search__block dt:after {
			content:":";
			}
	.search__block dd {
		margin-left: 2em;
		color: #feb00a;
		font: 22px/1.22 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
		font-size: 2.2rem;
		}
	.search__close {
		z-index: 2;
		position: absolute;
		top: 26px;
		right: 26px;
		}
	.desktop .search__close {
		display: none; /*hide*/
		}
		
		
/* medium */
@media only screen and (max-width: 1279px) {
	.search__in {
		padding: 26px 0 0 26px;
		}
	.search__block dt {
		font-size: 21px;
		font-size: 2.1rem;
		}
	.search__block dd {
		font-size: 19px;
		font-size: 1.9rem;	
		}		
}		
/* / medium */			
		
		
		
/* small */
@media only screen and (max-width: 979px) {
	.search {
		width: 600px;
		}
}
/* / small */		



/* mobile */
@media only screen and (max-width: 767px) {
	.search {
		width: auto;
		}
	.search__in {
		padding: 16px 0 1px 16px;
		}
	.search__block {
		margin-bottom: 16px;
		}
	.search__block dt {
		margin-bottom: 0.25em;
		font-size: 20px;
		font-size: 2rem;
		}
	.search__block dd {
		margin-left: 1em;
		margin-bottom: 0.125em;
		font-size: 16px;
		font-size: 1.6rem;
		}		
}
@media only screen and (max-width: 559px) {
	.search__block,
	.search__block:nth-child(2n) {
		display: block;
		width: auto;
		margin-left: 0;
		}		
}
/* /mobile */
/* / search */

/* logo */
.logo {
	position: relative;
	width: 301px;
	height: 120px;		
	background: url(../i/logo.png) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size:    100% 100%;
	background-size:         100% 100%;	
	}
.logog {
	margin-top: 20px;
	position: relative;
	width: 420px;
	height: 150px;		
	background: url(../i/logog.png) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size:    100% 100%;
	background-size:         100% 100%;	
	}
	.logo a {
		display: block;
		height: 100%;
		overflow: hidden;
		text-indent: -9999px;
		}

.logo--sm {
	width: 225px;
	height: 90px;	
	}
	
/* mobile */
@media only screen and (max-width: 767px) {
	.logo {
		width: 225px;
		height: 90px;	
		}			
}
/* / mobile */	
/* / logo */

/* gallery */
.gallery {
	margin: 0 auto;
	padding-bottom: 5px;
	}
	.gallery .model {
		margin-bottom: 2%;
		}
		
/* mobile */
@media only screen and (max-width: 767px) {
	.gallery .model {
		margin-bottom: 13%;
		}
}		
/* / mobile */		
/* / gallery */



/* model`s */

.model_name {
	margin: 0;
	overflow: hidden;
	font-style: italic;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1; /* 28 */
	white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 0 0 3px #000;
	}
.model_name--card {
	color: #57471b;
	font: 46px/1  MonotypeCorsiva, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
	font-size: 4.2rem;
	text-shadow: none;
	white-space: normal;
	}
	
	
.model_num {
	position: relative;
	padding-left: 1.66em;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7; /* 34 */
	text-shadow: 0 0 3px #000;
	}
	.model_num:before {
		position: absolute;
		top: 50%;
		left: 0;
		content:"";
		width: 1.125em;
		height: 1em;
		margin-top: -0.45em;
		/* background: url(../i/model_num.png) 0 0 no-repeat;	*/
		-webkit-background-size: 100% 100%;
		-moz-background-size:    100% 100%;
		background-size:         100% 100%;
		}
.model_num--card {
	padding-left: 1.5em;
	color: #f4914e;
	font: 30px/1.8  MonotypeCorsiva, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
	font-size: 3rem;	
	}
		
	..model_num--card span {
	background: linear-gradient(to top, #c9bc23, #8a7e13);
	color: #FFF;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: inline-block;
	font-size: 19px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 1px;
		}
.model_status {
	position: relative;
	display: inline-block;
	margin-left: 0.465em;
	margin-right: 1.395em;
	padding: 0 0.58em 0 0.28em;
	height: 1.372em;
	color: #000;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA7CAYAAAC69OBCAAAAbElEQVR4AWMAAlYQIQki3EBENUNAtM85hq/HG/8z+Gvz/WfIjDD9z7C83e8/w/GFsf8ZrqxO/s9wbW3K0CSurAESp5fE/WdY2xP4n6E80eI/g6e9yn+Gk13u/xmCNEUegcKgG0QEgwglEMEBAN7Ijb9HKI3BAAAAAElFTkSuQmCC) 0 0 repeat-x;
	font-style: italic;
	line-height: 1.3em;
	vertical-align: top;
	}
	.model_status:before,
	.model_status:after {
		position: absolute;
		top: 0;
		bottom: 0;
		content:"";
		background: url(../i/model_status.png) 0 0 no-repeat;
		}
	.model_status:before {
		width: 0.465em;
		right: 100%;
		background-position: 0 0;
		}
	.model_status:after {
		width: 1.395em;
		left: 100%;
		background-position: 100% 0;
		}
.model_status,
.model_status:before,
.model_status:after {
	-webkit-background-size: auto 100%;
	-moz-background-size:    auto 100%;
	background-size:         auto 100%;
	}

/* Добавлено 24.06.2018 Изменено 26.06.2018 */	

.model_status_empty{
	position: relative;
	display: inline-block;
	margin-left: 0.465em;
	margin-right: 1.395em;
	padding: 0 0.58em 0 0.28em;
	height: 1.372em;
}

.model__bot .model_newg {
    position: absolute;
	display: inline-block;
    top: -0.8em;
    right: 4em;
    max-width: 30%;
	padding-left: 1.66em;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7;
	text-shadow: 0 0 3px #000;
}
.model__bot .model_newf {
    position: absolute;
	display: inline-block;
    top: 0.6em;
    right: 4.5em;
    max-width: 30%;
	padding-left: 1.66em;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7;
	text-shadow: 0 0 3px #000;
}
.model__bot .model_newf2 {
    position: absolute;
	display: inline-block;
    top: -0.9em;
	right: 4em;
    max-width: 30%;
	padding-left: 1.66em;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7;
	text-shadow: 0 0 3px #000;
}
.model_newg:before {
	position: absolute;
	top: 10%;
	left: 0;
	content:"";
	width: 5.3em;
	height: 1em;
	margin-top: -0.45em;
	background: url(../i/newg3.gif) 0 0 no-repeat;	
	-webkit-background-size: 100% 100%;
	-moz-background-size:    100% 100%;
	background-size:         100% 100%;
}
.model_newf:before, .model_newf2:before {
	position: absolute;
	top: -40px;
	left: 0;
	content:"";
	width: 5.3em;
	height: 1em;
	margin-top: -0.45em;
	background: url(../i/newf3.gif) 0 0 no-repeat;	
	-webkit-background-size: 100% 100%;
	-moz-background-size:    100% 100%;
	background-size:         100% 100%;
}

.ratio__in .modelphoto_new {
	position: absolute;
	padding-left: 1.66em;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7;
	text-shadow: 0 0 3px #000;
	top: 1.4em;
    right: 4.8em;
    max-width: 30%;
}
.ratio__in .modelphoto_new:before {
		position: absolute;
		top: 50%;
		left: 0;
		content:"";
		width: 5.3em;
		height: 1em;
		margin-top: -0.45em;
		background: url(../i/newf3.gif) 0 0 no-repeat;	
		-webkit-background-size: 100% 100%;
		-moz-background-size:    100% 100%;
		background-size:         100% 100%;
}

.modelphotonew {
    position: absolute;
    padding-left: 1.66em;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7;
    text-shadow: 0 0 3px #000;
    
    right: 4.2em;
    max-width: 30%;
}
.modelphotonew:before {
	position: absolute;
    top: -1.2em;
	left: 2px;
	content:"";
	width: 5.3em;
	height: 1em;
	margin-top: -0.45em;
		background: url(../i/newf3.gif) 0 0 no-repeat;	
		-webkit-background-size: 100% 100%;
		-moz-background-size:    100% 100%;
		background-size:         100% 100%;
}

/*----------! 24.06.2018 Изменено 26.06.2018 ------------*/


	
.model_feats {
	/*padding: 15px 15px;*/
	color: #fff;
	/*background: url(../i/model_feats.png) #000 0 0 no-repeat; */
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-background-size: 100% 50%;
	-moz-background-size:    100% 50%;
	background-size:         100% 50%;	
	-webkit-border-radius: 23px;
	-moz-border-radius:    23px;
	border-radius:         23px;
	}	
	.model_feats dl {
		display: table;
		width: 100%;
		margin-bottom: 0.3125em;
		}
		.model_feats dl > * {
			display: table-cell;
			width: 1%;		
			white-space: nowrap;
			}
		.model_feats dt {
			color: #feb00a;
			border-right: 0.125em solid transparent;
			}
		.model_feats dd {
			border-left: 0.125em solid transparent;
			}
		.model_feats .model_feats__dots {
			width: 98%;
			border-left: none;
			}
		.model_feats__dots {
			position: relative;
			top: -0.25em;
			}

.model_feats--card {
	padding: 0;
	background: none;
	font: 18px/1 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 1.8rem;
	text-transform: none;	
	-webkit-border-radius: 0;
	-moz-border-radius:    0;
	border-radius:         0;
	color: #000;	
	}
	.model_feats--card dt {
		color: inherit;
		}
		.model_feats--card dt:after {
			content:"";
			}
	.model_feats--card .model_feats__dots {
		border-color: inherit;
		top: -0.15em;
		}	
	

.model_logo {
	position: relative;
	top: -6.08203677%;
	top: -7.2%;
	right: 0;
	left: 0;
	width: 43%;
	margin: 0 auto;
	}
	.model_logo:before {
		position: absolute;
		top: 9px;
		right: 0;
		left: 0;
		content:"";
		height: 0;
		padding-top: 39.76945244%;
		background: url(../i/model_logo.png) 0 0 no-repeat;
		-webkit-background-size: 100% 100%;
		-moz-background-size:    100% 100%;
		background-size:         100% 100%;		
		}	
	
	
/* model */
.model {
	position: relative;
	}
	
.model__eye {
	opacity: 0;
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../i/model__eye.png) 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;		
	-webkit-transform: scale(0.75);
	-moz-transform:    scale(0.75);
	-ms-transform:     scale(0.75);
	-o-transform:      scale(0.75);
	transform:         scale(0.75);
	-webkit-transition: opacity 0.3s ease, transform 0.2s ease;
	-moz-transition:    opacity 0.3s ease, transform 0.2s ease;
	-o-transition:      opacity 0.3s ease, transform 0.2s ease;
	transition:         opacity 0.3s ease, transform 0.2s ease;
	}
.model:hover .model__eye {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-o-transform:      scale(1);
	transform:         scale(1);
	}

.model .model_logo {
	z-index: 4;
	position: absolute;
	}
	
.model__i {
	margin: 1px;
	overflow: hidden;
	background: #000;
	-webkit-border-radius: 7.5%/4.2%;
	-moz-border-radius:    7.5%/4.2%;
	border-radius:         7.5%/4.2%;
	-webkit-transition: filter 0.3s ease;
	-moz-transition:    filter 0.3s ease;
	-o-transition:      filter 0.3s ease;
	transition:         filter 0.3s ease;
	box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.3);
	}
.model:hover .model__i {
	-webkit-filter:   saturate(115%);
	filter:   saturate(115%);
	}
	

.model__cont {
	position: absolute;
	top: 0;
	right: 0;
	bottom: -95px;
	left: 0;
	-webkit-background-size: 100% 100%;
	-moz-background-size:    100% 100%;
	background-size:         100% 100%;
	}

.model__top {
	position: absolute;
	top: 3%;
	right: 7%;
	left: 7%;
	}
	.model__top .model_name {
		position: absolute;
		top: 0;
		left: 0;		
		max-width: 70%;
		}
	.model__top .model_num {
		position: absolute;
		top: 0;
		right: 0;		
		max-width: 30%;
		}

.model__bot {
	position: absolute;
    bottom: 19.8%;
    right: 2.7%;
    left: 2.7%;
    background-color: rgba(20, 20, 20, 0.55);
    border-radius: 15px;
	padding: 0 5px;
}
	}
	.model__bot .model_status {
		margin-bottom: 0.2em;
		}
		
	.model .model_feats dl:nth-child(1),
	.model .model_feats dl:nth-child(2) {
		float: left;
		width: 98%;
		}
	.model .model_feats dl:nth-child(2) {
		float: right;
		}
	.model .model_feats dl:nth-child(3) {
		clear: both;
		}
		
/* medium */
@media only screen and (max-width: 1279px)  and (min-width: 980px) {
	.model_name {
		font-size: 26px;
		font-size: 2.6rem;		
		}
	.model_num {
		font-size: 18px;
		font-size: 1.8rem;
		}
	.model_name--card {
		font-size: 40px;
		font-size: 3.6rem;		
		}
	.model_num--card {
		font-size: 28px;
		font-size: 2.8rem;
		}
	.model .model_feats dl:nth-child(1),
	.model .model_feats dl:nth-child(2) {
		float: none;
		width: auto;
		}
}	
/* / medium */
		
		
		
/* small */
@media only screen and (max-width: 979px) {
	.model_name--card {
		font-size: 38px;
		font-size: 3.8rem;		
		}
	.model_num--card {
		font-size: 26px;
		font-size: 2.6rem;
		}
}
/* / small */		
		
		
/* mobile */
@media only screen and (max-width: 767px) {
	.model .model_feats dl:nth-child(1),
	.model .model_feats dl:nth-child(2) {
		float: none;
		width: auto;
		}
}		
/* / mobile */

/* / model */
/* / model`s */

/* card */
.card {
	margin: 10px auto 50px;
	width: 90%;
	}
	.card__in {
		padding: 56px 0;
		}
	.card__i {
		float: left;
		width: auto;
		//max-width: 49%;
		max-width: 58%;
		margin-right: 4%;
		}
	.card__i_2 {
		max-width: 49%;
	}
	.card__cont {
		overflow: hidden;
		}
	.card__cont2 {
		overflow: hidden;
		}
	
.card__top {
	margin-bottom: 10px;
	}
	
	
/* card_price */
.card_price	 {
	margin: 30px 0 20px;
	}
.card_price__item {
	float: left;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing:    border-box; 
	box-sizing:         border-box; 
	width: 28%;
	margin-bottom: 10px;
	}
.card_price__item:first-child {
	width: 44%;
	}
.card_price__cat {
	padding: 5px;
	color: #100003;
	border-left: 1px solid #7f5d06;
	background: #f7ca4d;
	font: 24px/1.25 MonotypeCorsiva,Academy,"Times New Roman","Times CY","Nimbus Roman No9 L",serif;
	font-size: 2.4rem;
	text-align: center;
	}
.card_price__lst {
	border-left: 1px solid #f7ca4d;
	}
	
.card_price__item:first-child .card_price__lst {
	border-left: none;
	}
	.card_price__lst dl {
		min-height: 1.2em;
		margin: 0;
		padding: 6px 0;
		border-bottom: 1px solid #9e8233;
		overflow: hidden;
		font: 18px/1.5 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
		font-size: 1.7rem;
		text-align: center;
		}
	.card_price__lst dl:last-child {
		border: none;
		}
	.card_price__lst dt {
		margin: 0;
		}
	.card_price__lst dd {
		margin: 0;
		color: #464237;
		}
/* / card_price */	
	
	
.card__call {
	margin: 0.75em 0 1.1em;
	color: #000000;
	font: 24px/1 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif
	font-size: 2rem;
	text-align: center;
	}
	.card__call p {
		margin: 0;
		font: 18px / 1 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    	font-weight: 600;
		}
	.card__call strong {
		display: block;
		margin-top: 0.54em;
		color: #111111;
		font: 22px/1 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
		font-size: 2.2rem;
		}
	.card__call strong a {
		position: relative;
		display: inline-block;
		padding-left: 1.54em;
		-webkit-transition: color 0.3s ease;
		-moz-transition:    color 0.3s ease;
		-o-transition:      color 0.3s ease;
		transition:         color 0.3s ease;		
		}
	.card__call strong a:hover {
		color: #f7ca4d;
		}
	.card__call strong a:before {
		position: absolute;
		top: 50%;
		left: 0;
		content:"";
		width: 1.1818em;
		height: 1.1818em;
		margin-top: -0.5909em;
		background: url(../i/tel.png) 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size:    cover;
		background-size:         cover;
		}
		
.card__nav {
	margin: 2.6em 0 0;		
	text-align: center;
	font: 14px/1 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 1.4rem;
	}
	.card__nav a {
		text-decoration: none;
		}
		.card__nav a:hover span {
			text-decoration: underline;
			}
	.card__nav a:first-child:after {
		content:" |";
		}
		
		
/* medium */
@media only screen and (max-width: 1279px) {
	.card_price__item,
	.card_price__item:first-child {
		width: 100%;
		display: block;
		}
	.card_price__cat {
		padding: 0;
		margin-bottom: 5px;
		border: none;
		border-bottom: 1px solid #f7ca4d;
		color: #f7ca4d;
		background: none;
		text-align: left;
		}	
	.card_price__lst {
		border: none;
		overflow: hidden;
		}
	.card_price__lst dl {
		float: left;
		width: 33%;
		padding: 0;
		border: none;
		text-align: left;
		}
}		
/* / medium */


/* small */
@media only screen and (max-width: 979px) {
	.card {
		margin-bottom: 40px;
		}
	.card__in {
		padding: 46px 0;
		}		
	.card__i {
		position: relative;
		width: 46%;
		left: -2%;
		margin-right: 0;
		}
	.card__cont {
		position: relative;
		right: -4%;
		}
		

	.card_price__lst dl {
		float: none;
		width: 100%;
		min-height: 1px;
		}		
	.card_price__lst dt {
		float: left;
		width: 50%;
		}
		
		
	.card__call {
		margin: 0.8em 0;
		font-size: 28px;
		font-size: 2.8rem;
		}
		.card__call strong {
			font-size: 20px;
			font-size: 2rem;
			}
		
	.card__nav  {
		margin-top: 20px;
		}
		.card__nav a {
			display: block;
			margin-top: 10px;		
			}
		.card__nav a:first-child:after {
			display: none; /*hide*/
			}		
}
/* / small */	



/* mobile */
@media only screen and (max-width: 767px) {
	.card  {
		margin-bottom: 0;
		}
	.card__in {
		padding: 30px 0;
		}
	.card__i,
	.card__cont {
		left: 0;
		right: 0;
		float: none;
		width: auto;
		max-width: 100%;
		margin: 0;
		}
	.card__i {
		margin-bottom: 20px;
		}
		.card__i img {
			width: 100%;
			}
	.card__nav {
		font-size: 16px;
		font-size: 1.6rem;
		}
	.card__cont .card__top {
		text-align: center;
		}
	.card__cont .model_num {
		display: inline-block;
		margin:  0 auto;
		}
}		
/* / mobile */		
/* / card */


	
/* card_photo */
.card_photo {
	position: relative;
	}			
	.card_photo .frame {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		}
	.card_photo .model_logo {
		position: absolute;
		width: 38%;
		top: -6.08203677%;
		}
	.card_photo__i {
		opacity: 0.97;
		-webkit-transition: filter 0.3s ease, opacity 0.3s ease;
		-moz-transition:    filter 0.3s ease, opacity 0.3s ease;
		-o-transition:      filter 0.3s ease, opacity 0.3s ease;
		transition:         filter 0.3s ease, opacity 0.3s ease;
		}
	.card_photo:hover .card_photo__i {
		opacity: 1;
		-webkit-filter:   saturate(115%);
		filter:           saturate(115%);
		}
		
.card_photo--top .model_logo {
	top: -31px;
	width: 127px; /* ~ like % in full w */
	}	
	
@media only screen and (min-width: 1024px) {
	.card_photo_new img {
		width: 100%; /* Заставляем изображения занимать всю ширину контейнера */
		height: auto; /* Высота изображений будет подстраиваться автоматически */
		display: block; /* Изображения будут блочными элементами */
	}
	.menu {
		position: relative;
		/* padding: 40px 0 50px; */
		padding: 25px 0;
		background-image: url(../i/menuback.png);
		background-color: white;
		background-position: 0 0;
		background-repeat: repeat-x;
		}
	.image-container {
    position: relative;
    display: inline-block;
	margin-top: -5px;
	width:330px !important;
}
}

/* / card_photo */

	
	
/* photos */
.photos {
	margin-top: 8%;
	}
.photos__h  {
	margin: 0 0 8%;
	}
.photos .card_photo {
	margin-bottom: 25%;
	}
	
	
/* small */
@media only screen and (max-width: 979px) {
	.photos {
		margin-top: 0;
		}
}
/* / small */

/* mobile */
@media only screen and (max-width: 767px) {
	.photos__h  {
		margin: 0 0 15%;
		}
	.photos .card_photo {
		margin-bottom: 13%;
		}
}		
/* / mobile */		
/* / photos */

/* popup */
.popup {
	position: relative;
	width: 720px;
	text-align: center;
	}	
	.popup__h {
		margin: 0.9em 0;
		color: #feb00a;
		font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
		font-size: 2.4rem;
		}
	.popup p {
		margin: 0.9em 0 0.65em;
		color: #fff;
		font-size: 22px;
		font-size: 2.2rem;
		font-style: italic;
		}
	.popup .map {
		margin-bottom: 10px;
		}
	.popup__close {
		position: absolute;
		top: 26px;
		right: 26px;
		}
		
/* popups wrapper */
.popup_hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
/* / popups wrapper */
	

	

/* medium */
@media only screen and (max-width: 1279px) {
	.popup {
		width: 620px;
		}
	.popup__h {
		font-size: 22px;
		font-size: 2.2rem;
		}
	.popup p {
		font-size: 20px;
		font-size: 2rem;
		}
}		
/* / medium */



/* small */
@media only screen and (max-width: 979px) {
	.popup {
		width: 500px;
		}
}
/* / small */



/* mobile */
@media only screen and (max-width: 767px) {
	.popup {
		width: auto;
		}
	.popup__h {
		font-size: 16px;
		font-size: 1.6rem;
		}
	.popup .frame__in	 {
		padding-top: 24px;
		padding-bottom: 24px;
		}
	.popup p {
		font-size: 16px;
		font-size: 1.6rem;
		}
		.popup p br {
			display: none; /*hide*/
			}				
}
/* / mobile */	
/* / popup */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #5f5407;
	/* color: #444; */
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.mobile .fancybox-skin {
	background: none;
	}
	
.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../i/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../i/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../i/fancybox/fancybox_blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../i/fancybox/fancybox_overlay.png');
	background: rgba(0,0,0,0.9);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* fancybox-popup */
.fancybox-popup .fancybox-skin {
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius:    0;
	border-radius:         0;	
	}
.fancybox-popup.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	}
/* / fancybox-popup */








/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../i/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../i/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


/* head */
.head {
	position: relative;
	margin: 0 -8px 20px;
	background: url(../i/head.jpg) 50% 0 no-repeat;	
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
}

.head__in {
	position: absolute;
	top: 44px;
	right: 0;
	left: 0;
	width: 88%;
	margin: 0 auto;
	}
	
	
/* head__info */
.head__info	{
	position: absolute;
	top: 0;
	color: #fbe8b0;
	}
.head__info--l	{
	left: 0;
	width: 60%;
	}
.head__info--r	{
	right: 0;
	width: 35%;
	text-align: right;
	}
	.head__info li {
		margin-bottom: 0.6em;
		font: 27px/1 MonotypeCorsiva, Academy, "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
		font-size: 2.7rem;
		font-style: italic;		
		}
	.head__info .but {
		position: relative;
		top: 30px;
		left: 5px;
		}
/* / head__info */

	
	
/* head main */
.head--main {
	margin-bottom: 44px;
	/*background: url(../i/head--main.jpg) 50% 100% no-repeat;*/	
	background: url(../i/illyustratsia_low.jpg) 50% 100% no-repeat;	
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
	}
	.head--main .head__line {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		margin-top: -1px;
		}
/* / head main */




/* medium */
@media only screen and (max-width: 1279px) {
	.head {
		margin-bottom: 1%;
		}
	.head--main {
		margin-bottom: 40px;
		}
	.head__in {
		top: 22px;
		}
}
/* / medium */


/* small */
@media only screen and (max-width: 979px) {
	.head__info li  {
		margin-bottom: 0.4em;
		font-size: 24px;
		font-size: 2.4rem;
		}
	.head__info .but {
		top: 15px;
		}		
}
/* / small */


/* mobile */
@media only screen and (max-width: 767px) {
	.head  {
		margin-left: 0;
		margin-right: 0;
		}
	.head--main {
		margin-bottom: 30px;
		}
	.head__in {
		width: 90%;
		}	
	.head__info li br {
		display: none; /*hide*/
		}		
}

@media only screen and (max-width: 639px) {
 	.head {
		margin-top: 20px;
		margin-bottom: 0;
		-webkit-box-shadow: 
			inset 0 20px 40px -20px #000,
			inset 0 20px 40px -20px #000;
		-moz-box-shadow: 
			inset 0 20px 40px -20px #000,
			inset 0 20px 40px -20px #000;
		box-shadow: 
			inset 0 20px 40px -20px #000,
			inset 0 20px 40px -20px #000;
		}
	.head--main {
		margin-top: 0;
		margin-bottom: 30px;	
		-webkit-box-shadow: none; 
		-moz-box-shadow:    none;
		box-shadow:         none;		
		}
 	.head__in {
		top: 0;
		} 
	.head__info--l,
	.head__info--r li:first-child {
		display: none; /*hide*/
		}
	.head__info--r  {
		width: 100%;
		text-align: center;
		}
	.head__info .but {
		top: -6px;
		left: 0;
		right: 0;
		}		
}
/* / mobile */
/* / head */

/* foot */
.foot {
	padding: 10px 0 10px;
	background: #ffffff;
	text-align: center;
	}
.foot__logo {
	margin: 0 auto 30px;
	}
	
.foot__tel,
a.foot__tel {
	position: relative;
	display: inline-block;
	padding-left: 5em;
	color: #111;
	font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 2.4rem;
	vertical-align: top;
	}
.foot__tel:hover {
	text-decoration: underline;
	}
	.foot__tel:before {
		position: absolute;
		top: 50%;
		left: 0;	
		content:"";
		width: 58px;
		height: 58px;
		margin-top: -30px;
		background-image: url(../i/tel.png);
		background-repeat: no-repeat;
		}

.foot__mail2,
a.foot__mail2 {
	position: relative;
	display: inline-block;
	padding-left: 5.8em;
	color: #111;
	font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 2.4rem;
	vertical-align: top;
	}
.foot__mail2:hover {
	text-decoration: underline;
	}
	.foot__mail2:before {
		position: absolute;
		top: 50%;
		left: 0;	
		content:"";
		width: 58px;
		height: 58px;
		margin-top: -30px;
		background-image: url(../i/mail_ico.png);
		background-repeat: no-repeat;
		}

.foot__ytlogo,
a.foot__ytlogo {
	position: relative;
	display: inline-block;
	padding-left: 6.7em;
	color: #111;
	font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 2.4rem;
	vertical-align: top;
	}
.foot__ytlogo:hover {
	text-decoration: underline;
	}
	.foot__ytlogo:before {
		position: absolute;
		top: 50%;
		left: 0;	
		content:"";
		width: 58px;
		height: 58px;
		margin-top: -30px;
		background-image: url(../i/ytlogo.png);
		background-repeat: no-repeat;
		}



		.foot__tel,
		a.foot__tel {
			position: relative;
			display: inline-block;
			padding-left: 5em;
			color: #111;
			font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
			font-size: 2.4rem;
			vertical-align: top;
			}
		.foot__tel:hover {
			text-decoration: underline;
			}
			.foot__tel:before {
				position: absolute;
				top: 50%;
				left: 0;	
				content:"";
				width: 58px;
				height: 58px;
				margin-top: -30px;
				background-image: url(../i/tel.png);
				background-repeat: no-repeat;
				}		

		.foot__telega,
		a.foot__telega {
			position: relative;
			display: inline-block;
			padding-left: 4.3em;
			color: #111;
			font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
			font-size: 2.4rem;
			vertical-align: top;
			}
		.foot__telega:hover {
			text-decoration: underline;
			}
			.foot__telega:before {
				position: absolute;
				top: 50%;
				left: 0;	
				content:"";
				width: 58px;
				height: 58px;
				margin-top: -30px;
				background-image: url(../i/telegram_red.png);
				background-repeat: no-repeat;
				}
					

.foot__mail,
a.foot__mail {
	position: relative;
	display: inline-block;
	padding-left: 80px;
	color: #111;
	font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 2.4rem;
	vertical-align: top;
	}
.foot__mail:hover {
	text-decoration: underline;
	}
	.foot__mail:before {
		position: absolute;
		top: 50%;
		left: 0;	
		content:"";
		width: 58px;
		height: 58px;
		margin-top: -30px;
		background-repeat: no-repeat;
		}

.foot__rekv {
	margin: 5px auto 0;
	max-width: 90%;
	color: #f6b77a;
	}		
		

		
/* medium */
@media only screen and (max-width: 1279px) {
	.foot {
		padding: 40px 0;
		}
	.foot__logo {
		margin-bottom: 30px;
		}
	.foot__rekv {
		margin-top: 30px;
		}
}		
/* / medium */			


		
/* mobile */
@media only screen and (max-width: 767px) {
	.foot  {
		padding: 20px 0;
		}
	.foot__logo {
		margin-bottom: 20px;
		}
	.foot__tel,
	a.foot__tel {
		padding-left: 60px;
		font-size: 22px;
		font-size: 2.2rem;
		}
		.foot__tel:before {
			width: 40px;
			height: 40px;
			margin-top: -20px;
			-webkit-background-size: cover;
			-moz-background-size:    cover;
			background-size:         cover;
			}
	.foot__rekv {
		max-width: 320px;
		margin-top: 20px;
		}
		.foot__rekv br {
			display: none; /*hide*/
			}
}		
/* / mobile */
/* / foot */

/* main */
.main {
	text-align: center;
	padding-bottom: 1px;
	}
	.main > p {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		color: #000000;
		font-size: 30px;
		font-size: 3rem;
		font-style: italic;
		}
	.main__in {
		margin: 80px auto 120px;
		color: #feeea4;
		font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
		font-size: 2.4rem;
		text-transform: uppercase;
		}		
		.main__in > p  {
			width: 90%;
			margin-left: auto;
			margin-right: auto;			
			}
		.main__in .line {
			margin: 80px 0;
			}
		.main__in .line:last-child {
			margin-top: 110px;
			}
			
			
			
/* medium */
@media only screen and (max-width: 1279px) {
	.main > p {
		font-size: 24px;
		font-size: 2.4rem;
		}
	.main__in {
		margin-top: 60px;
		margin-bottom: 90px;
		font-size: 20px;
		font-size: 2rem;		
		}
		.main__in .line {
			margin: 60px 0;
			}	
		.main__in .line:last-child {
			margin-top: 90px;
			}			
}		
/* / medium */				
	
	
	
/* mobile */
@media only screen and (max-width: 767px) {
	.main > p {
		width: auto;
		font-size: 18px;
		font-size: 1.8rem;
		}
	.main__in {
		margin-top: 30px;
		margin-bottom: 60px;
		font-size: 16px;
		font-size: 1.6rem;		
		}
		.main__in .line {
			margin: 30px 0;
			}			
		.main__in  p {
			width: auto;
			}
}
/* / mobile */	
/* / main */

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

	.menu {
		height: 71px;
		//padding: 25px 0;
		padding: 0;
		padding-top: 13px;
	}
	.menu__line {
		//display: none;
	}
	.menu__item:hover, .menu__item.active, .menu__item_new:hover, .menu__item_new.active {
		background-color: #ffffff;
		
	}

	.viewcounter {
		display: none;
	}

	.menu__triangle {
		display: none;
		background: url('../i/arr.png') no-repeat;
		width: 18px;
		height: 12px;
		position: relative;
		left: 50%;
	}
	.menu__item, .menu__item_new{
		padding: 12px 0 17px 0;
		width: 25%;
		text-align: center;
		height: 36px;
		border-right: 1px solid #595656;
		border-left: 1px solid #595656;
		clear:left; 
		margin-left: -1px;
		margin-right: -1px;
		//font-family: AGFriquer;
	}
	.menu__in ul , .menu__in_new  ul{
		display: inline-block;
		width: 100%;
		font-size: 0;
	}
	.menu__item > a:hover, .menu__item_new > a:hover {
		text-decoration: none;
		background: #ffffff;
		
	}
	.menu__search_link:before {
		left: 2em;
	}
	.menu__item_new {
		width: 32%;
	}
}
@media only screen and (max-width: 767px) {
	.menu__item > a:hover, .menu__item_new > a:hover {
			color: #FFF;
			text-decoration: none;
			text-shadow: RGBA(255, 225, 95,0.9) 0px 0px 0.7em;
			transition-duration: 0.3s;
			}	
	.menu__search_link:hover {
			color: #FFF;
			text-decoration: none;
			text-shadow: RGBA(255, 225, 95,0.9) 0px 0px 0.7em;
			transition-duration: 0.3s;
	}
}

/*----------------07.11.2018------------------*/
.menu__in_new 
{
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.mobile {
		display: none;
	}
	
	.viewcounterbottom , .viewcounter, .viewcountermobile
	{
		//background: url('../i/counterwrap.gif') no-repeat #111;
		background-size: 100%;
		width: 190px;
		//height: 144px;
		z-index: 9999;
		padding: 10px;
		color: #faf197;
		border-radius: 10px;
		font-family: Oswald;
		font-size: 13pt;
		visibility: hide;
	}
	.viewcounter {
		position: fixed;
		bottom: 0;
		left: 50px;
		visibility: hidden;
	}
	.viewcounterbottom {
		position: absolute;
		bottom: 100px;
		left: 50px;
		display: none;
	}
	.viewcountermobile {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	
		.mobile {
		display: block;
	}
	
	.viewcounter, .viewcounterbottom {
		display: none;
	}
	.viewcountermobile {
		position: relative;
		margin: 10px auto 30px;
		//background: url('../i/counterwrap.gif') no-repeat #111;
		background-size: 100%;
		width: 190px;
		//height: 143px;
		z-index: 9999;
		padding: 10px;
		color: #faf197;
		border-radius: 10px;
		font-family: Oswald;
		font-size: 13pt;
	}
}
.countertext1 {
	
	width: 100%;
}
.countertext1 .fa {
	padding: 0;
	font: normal normal normal 18px/1.5 FontAwesome;
}
.ratio--head_main-test:before {
	padding-top: 49%;
}
.head--main-test {
	background: url(../i/head--main2.jpg) 50% 95% no-repeat;
	background-size:         cover;
	//height: auto;
}
.frame__in_2 {
	padding: 0;
}

.blikdiv {
	//line-height: 1.8;
	background: url('../i/visits.gif') 100% 100% no-repeat;
	background-size: cover;
	width: 142px;
	height: 20px;
	margin-bottom: 5px;
}
.blikdiv2 {
	//line-height: 1.8;
	background: url('../i/visits4.gif') 100% 100% no-repeat;
	background-size: cover;
	width: 170px;
	height: 110px;
	margin-bottom: 5px;
	position: relative;
}
.counterday, .countermonth, .counteryesterday{
	position: absolute;
	width: 80px;
	/*background-color: #f6b77a;
	  color: transparent;
	  text-shadow: 1px 1px 1px rgb(250,181,77,1), 0px 1px 0px rgba(0, 0, 0, .18);
	  -webkit-background-clip: text;
		 -moz-background-clip: text;
			  background-clip: text;*/
			  
	color: rgba(250,181,77,0.6);
    text-shadow: 2px 2px 3px rgba(246,183,122,0.2);
}
.counterday{
	left: 120px;
	top: 22px;
}
.counteryesterday{
	left: 120px;
	top: 48px;
}
.countermonth{
	left: 120px;
	top: 74px;
}

.frame__l_2:before,
.frame__l_2:after,
.frame__r_2:before,
.frame__r_2:after {
}
.videoframe {
	position: relative;
}
.videoframe video {
	position: relative;
	z-index: 0;
}
.videooverlay {
	position: absolute;
	top: 2%; right: 5%;
	margin: auto;
	z-index:1;
}
.videooverlay h1, .videooverlay .model_num  {
	text-shadow: 1px 1px 2px black;
	text-align: right;
	padding-right: 2px;
}
.videooverlay a:hover {
	text-decoration: none;
}
.videooverlay .annuma {
	padding-left: 2px;
	padding-right: 8px;
}
.videoptext {
	margin: 0;
	padding-bottom: 0;
	margin-top: -10px;
}
@media only screen and (min-width: 768px) {
	.videoptext2 {
		margin: 0;
		padding-bottom: 0;
		margin-top: -20px;
		margin-bottom: -30px;
	}
	
}
.videoptext2 p {
		font-size: 20px !important;
		font-size: 2rem !important;
	}
@media only screen and (max-width: 767px) {
	.videogallery.card {
		width: 100%;
	}
	.videoframe .model_name--card {
		font-size: 2.2rem;
	}
	.videoframe .model_num--card {
		font-size: 1.5rem;
	}
	.videooverlay .annuma {
		padding-left: 2px;
		padding-right: 8px;
		border-radius: 50%;
		width: 15px;
		height: 15px;
		display: inline-block;
		font-size: 1.5rem;
		padding-left: 4px;
		padding-bottom: 10px;
		padding-right: 6px;
	}
}
@media only screen and (min-width: 768px) {
	.videogallery.card {
		width: 80%;
		
	}
	.videoframe2 {
		width: 60%;
		float: left;
	}
	.videodesc {
		width: 38%;
		float: right;
		color:#555;
	}
	.videooverlay {
		min-width: 200px;
	}
	
	.videogallerywrap {
		background: url("../i/videowrapmiddle.png");
		padding: 0 80px;
		background-size: 100% auto;
		height: auto;
		overflow: auto; 
	}
	
}
@media only screen and (max-width: 768px) {
	.videogallerywrap {
		background: url("../i/videowrapmiddle.png");
		padding: 0 40px;
		background-size: 100% auto;
		margin: 0 -30px;
	}
	.videoframe2 {
		margin-bottom: 20px;
	}
	.videogallerywraptop {
		margin: 0 -30px;
	}
	.videogallerywrapbottom {
		margin: 0 -30px;
	}
}
/*---------------!-07.11.2018-------------------*/
.videooverlay2 {
	position: absolute;
	top: 91%; 
	//right: 20%;
	right: 7em;
	margin: auto;
	z-index:1;
}
.flag_newv {
    position: absolute;
	display: inline-block;
	//padding-left: 1.66em;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7;
	text-shadow: 0 0 3px #000;
}
.flag_newv:before {
	position: absolute;
	//top: -30px;
	left: 0;
	content:"";
	width: 5.3em;
	height: 1em;
	margin-top: -0.45em;
	background: url(../i/newv.gif) 0 0 no-repeat;	
	-webkit-background-size: 100% 100%;
	-moz-background-size:    100% 100%;
	background-size:         100% 100%;
}
@media only screen and (max-width: 767px) {
	.flag_newv:before {
		width: 4.3em;
		height: 0.8em;
	}
	.videooverlay2 {
		top: 91%; 
		//right: 24%;
		right: 6em;
	}
}

.foot_social,
a.foot_social {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	color: #111;
	font: 24px/1.25 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 2.4rem;
	vertical-align: top;
	}
.foot_social:hover {
	text-decoration: underline;
}
.foot_social .fa {
	padding-left: 0;
}
.videogallery {
	font-family: Arial;
	font-style: italic;
	color: #c6c2b8;
}
.videogallery .videodesc p {
	margin: 0 !important;
	font-size: 16px;
	font-size: 1.6rem;
	color: #555;
}
.videogallerywraptop img:first-child {
	margin-top: 10px;
}




@media only screen and (min-width: 1280px) {
	.alltest {
		-webkit-background-size: 100% auto;
		-moz-background-size:    100% auto;
		background-size:         100% auto;
		background-attachment: local;
	}
	.containhometest .clmnhome {
		width: 65%;
	}
	.colnew {
		margin-left: 0;
	}
	.colnew.col--1-1 {
		width: 100%;
	}
	.colnew.col--1-2 {
		width: 50%;
	}
	.gridnew {
		flex: 0 0 calc(50% - 10px); /* Устанавливаем ширину элемента с учетом отступов */
		margin: 10px 10px 0 10px; /* Устанавливаем отступы для элементов: 10px справа и слева, 10px сверху */
		box-sizing: border-box; /* Включаем padding и border в общую ширину и высоту элемента */
	}
}
@media only screen and (max-width: 767px) {
	[class*="col--"] {
		//padding-bottom: 0;
	}
	.card .card__i {
		display: none;
	}
	.card__cont2_mobile {
		display: block;
	}
	.card__cont2_new {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.card__cont2_mobile {
		display: none;
	}
	.card__cont2_new {
		display: block;
	}
}
.card__cont2_mobile {
	padding-bottom: 20px;
}
.photosnew {
	margin-top: 0;
}
.cardnew {
	margin: 10px auto 10px;
}
.ptext2{
	    margin: -25px 0 6px 0;
}
.grid_modeldescription .col--1-2 {
	padding-bottom: 0;
}
.grid_modeldescription .col--1-2 {
	margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
	.grid_model_horizontal .col--1-2 {
		padding-bottom: 68px;
	}
}
.gridnew [class*="col--"] {
	margin-bottom: 0;
}
.about-me {
    background-color: red; /* Красный фон */
    color: white; /* Белый текст */
    padding: 10px 20px; /* Вертикальные и горизонтальные отступы */
    border-radius: 5px; /* Закругленные края */
    display: inline-block; /* Сделать блок по ширине содержимого */
    margin: 1px; /* Отступы вокруг элемента */
    font: 18px / 1 AGAvantGardeCyrBook, Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 600;
  }

  .gallery-item {
	break-inside: avoid;
	margin-bottom: 10px; 
	width: 100%; 
	box-sizing: border-box;
  }

  .galleryn2 {
	column-count: 2; 
	column-gap: 10px; 
  }

.mobvideo {
	display: none !important;
  }

@media screen and (max-width: 800px) {
	.mobvideo {
      display: block !important;
    }
}

.image-container {
    position: relative;
    display: inline-block;
	margin-top: -5px;
}

.clgaml {
    display: block;
}

.gradient-overlay {
 content: "";
  position: absolute;
  width: 60px;
  height: 100%;
  background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%, /* Прозрачность начала блика */
    rgba(255, 255, 255, 0.99), /* Цвет блика */
    rgba(255, 255, 255, 0) 70% /* Прозрачность конца блика */
  );
  top: 0;
  left: -100px;
  animation: shine 3s infinite linear; /* Анимация блика */
}

@keyframes shine {
  0% {
    left: -100px; /* Начальная позиция блика (левая сторона кнопки) */
  }
  50% {
    left: 100%; /* Позиция блика в конце (правая сторона кнопки) */
  }
  100% {
    left: -100px; /* Возвращение к начальной позиции (левая сторона кнопки) */
  }
  
/* Улучшенный фикс для растяжки меню в десктопе */

/* Контейнер на 100% */
.menu__in_new {
  width: 100% !important;
}

/* Flexbox для списка */
.rsto {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important; /* Равномерно с пробелами; альтернатива: space-around или stretch для полного заполнения без пробелов */
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  text-align: initial !important; /* Убираем justify */
}

/* Убираем хак :after, чтобы не мешал flex */
.rsto:after {
  display: none !important;
}

/* Кнопки растягиваются динамически */
.menu__item_new {
  flex: 1 1 auto !important; /* Равная доля ширины */
  width: auto !important; /* Переопределяем фиксированную 20% */
  min-width: 0 !important; /* Позволяет сжиматься при необходимости */
  text-align: center !important;
  padding: 12px 0 17px 0 !important; /* Ваш padding */
  border-right: 1px solid #595656 !important;
  border-left: 1px solid #595656 !important;
  margin-left: -1px !important;
  margin-right: -1px !important;
}

/* Скрываем мобильный элемент в десктопе */
@media only screen and (min-width: 768px) {
  .menu__item_new.mobile {
    display: none !important;
  }
}

/* Hover и active сохраняем */
.menu__item_new:hover,
.menu__item_new.active {
  background-color: #ffffff !important;
}