/*=== Стиль кнопки привязки файлов для формы обратной связи СТАРТ ===*/
#atachments {
display: block !important;
width: 220px !important;
height: 60px !important;
opacity: 0 !important;
overflow: hidden !important;
cursor: pointer;
}


#atachments_div{
width: 220px;
height: 60px;
margin: 0 auto;
margin-top: 10px;
background: url('../img/system/formbutton.png') no-repeat;
overflow: hidden;
}
/*=== Стиль кнопки привязки файлов для формы обратной связи КОНЕЦ ===*/



/*=== Стиль сообщения об удачной отправки данных формы обратной связи СТАРТ ===*/
#form-order-ok {
background-color: #A6FFB8;
padding: 11px;
color: #000000;
font-size: 20px;
border-radius: 10px;
border: 1px solid #cacaca;

margin-top: 110px;
margin-bottom: -50px;
}

#form-order-ok_without-margin {
background-color: #A6FFB8;
padding: 20px;
font-size: 20px;
border-radius: 10px;
border: 1px solid #cacaca;
}

#form-error-message {
background-color: #FCA7A7;
padding: 10px;
border-radius: 10px;
border: 1px solid #FF5F5F;
}
/*=== Стиль сообщения об удачной отправки данных формы обратной связи КОНЕЦ ===*/





@font-face {
    font-family: FedraSansPro; /* имя шрифта для CSS правил */

	src: url('fonts/fedra/FedraSansPro Light_0.otf'), /* проверяем наличие шрифта в ОС пользователя */
         url(/css/fonts/fedra/42852.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }

  

/* === СТИЛИ для полей формы обратной связи СТАРТ === */


/* Удаляем выделение при фокусе в Webkit браузерах */
*:focus {outline: none;}

/* Стиль списка */
.contact_form ul {
list-style-type:none;
padding: 0px;
margin: 0px;
}

.contact_form li{
list-style-type:none;    
} 

.contact_form li:first-child, .contact_form li:last-child {
list-style-type:none;
}



/* Стили для текста на форме */

.form_hint, .required_notification {
font-size: 13px;
}

/* Верхняя часть формы */
.required_notification {
color:#d45252; 
margin:5px 0 0 0; 
display:inline;
float:right;
}

/* Элементы формы */
.contact_form input {
width: 205px;
height: 25px; 
padding:5px 8px;
}
.contact_form textarea {
padding:8px; 
width:300px;
}


/* Стили для текстовой области и полей */
.contact_form input, .contact_form textarea { 
border:1px solid #aaa;
box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
border-radius:2px;
	
-moz-transition: padding .25s; 
-webkit-transition: padding .25s; 
-o-transition: padding .25s;
transition: padding .25s;
}

.contact_form input:focus, .contact_form textarea:focus {
background: #fff; 
border:1px solid #555; 
box-shadow: 0 0 3px #aaa; 
padding-right:8px;
}



/* === Стили при валидации полей на HTML5 === */	
.contact_form input:required, .contact_form textarea:required {
background: #fff url('../img/system/form_asterisk.png') no-repeat 98% center;
}

.contact_form input:required:valid, .contact_form textarea:required:valid {
background: #fff url('../img/system/form_valid.png') no-repeat 98% center;
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
background: #fff url('../img/system/form_invalid.png') no-repeat 98% center;
box-shadow: 0 0 5px #d45252;
border-color: #71c1ff
}



/* Стили для "Примеров" в формах */
.form_hint {
background: rgba(10, 145, 0, 1);
border-radius: 3px 3px 3px 3px;
color: white;
margin: -80px 0px 0px -260px;
padding: 1px 6px;
z-index: 999; /* значит что подсказка будет перекрывать все элементы */
position: absolute; /* можно подсказку разбить на две строки */
display: none;
}

.form_hint::before {
color: #d45252;
top: 33px;
content: "";
position: absolute;
z-index: 1000;
bottom: 0px;
left: 95%;
margin-left: -8px;
border-top: 8px solid rgba(10, 145, 0, 1);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 0;
}

.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
	
/* === СТИЛИ для полей формы обратной связи КОНЕЦ === */





/*=== Back-to-top button START ===*/
#back-top {
position: fixed;
bottom: 0px;
right: 5px;
z-index: 999;
margin: 0px;
/*margin-left: 1270px;*/
}

#back-top a {
background: url('../img/system/back-to-top/18.png') no-repeat;
width: 60px;
height: 60px;
display: block;
opacity: 0.4;
margin-bottom: 2px;

   /*подключение эффекта плавной анимации старт*/
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
   /*подключение эффекта плавной анимации конец*/
}

#back-top a:hover {
background: url('../img/system/back-to-top/19.png') no-repeat;
width: 60px;
height: 60px;
display: block;
opacity: 1;
margin-bottom: 7px;
}
/*=== Back-to-top button END*/


/*=== Counter (счетчик) Styles START */


/*@font-face
{
	font-family: 'MyriadProRegular';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/myriadpro-regular-webfont.eot?') format('eot'),
		url('fonts/myriadpro-regular-webfont.woff') format('woff'),
		url('.fonts/myriadpro-regular-webfont.ttf') format('truetype'),
		url('fonts/myriadpro-regular-webfont.svg') format('svg');
}*/


.countbox {
color: #585858;
font-size: 37px;
font-weight: 700;
height: 50px;
line-height: 53px;
margin: 0 auto;
padding: 0;
float: left;
width: 270px;
padding: 0px 3px 30px 143px; 
}

.countbox .countbox-num {
float: left;
}

.countbox .countbox-space {
float: left;
height: 50px;
width: 8px;
}

.countbox-days1,.countbox-hours1,.countbox-mins1,.countbox-days2,.countbox-hours2,.countbox-mins2 {
background-image: url('../img/countdown/flip.png');
background-repeat: no-repeat;
float: left;
height: 50px;
margin: 0 -2px 0 0;
text-align: center;
width: 30px;
z-index: 1;
}

.countbox-secs1,.countbox-secs2 {
background-image: url('../img/countdown/flip.png');
background-repeat: no-repeat;
float: left;
height: 50px;
margin: 0 -2px 0 0;
text-align: center;
width: 30px;
z-index: 1;
color: #ed252c;
}

.countbox-days-text,.countbox-hours-text,.countbox-mins-text,.countbox-secs-text {
background-position: center;
background-repeat: no-repeat;
height: 14px !important;
margin-top: 35px;
position: absolute;
width: 63px;
}

.countbox-days-text {
text-align: center;
font-size: 12px;
font-weight: 500;
color: #344f07;
}

.countbox-hours-text {
text-align: center;
font-size: 12px;
font-weight: 500;
color: #344f07;
}

.countbox-mins-text {
text-align: center;
font-size: 12px;
font-weight: 500;
color: #344f07;
}

.countbox-secs-text {
text-align: center;
font-size: 11px;
font-weight: 500;
color: #344f07;
}

.countbox-days1 span, .countbox-days2 span, .countbox-hours1 span, .countbox-hours2 span, .countbox-mins1 span, .countbox-mins2 span, .countbox-secs1 span, .countbox-secs2 span {
	background: url('../img/countdown/flip_gradient.png');
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	position: absolute;
	width: 30px;
}

/*=== Counter(счетчик) Styles END ===*/



.overlay {
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.container {
  position: absolute;
  /* height: 100%; */
  width: 100%;
} 

.wrapper {
transition: opacity 0.4s ease-out;
position: relative;
margin: 0 auto;
min-width: 1200px;
z-index: 999999;
width: 1200px;
padding: 0px 0px 0px 0px;
}

.vignette {
  /*background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
  background-image: radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);*/
}

.noise {
  opacity: 0.075;
}




/*СТИЛЬ МЕНЮ НАВИГАЦИИ СТАРТ*/
header, #navigation-menu, #content, footer{
	position: relative;
}


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

#navigation-menu{
  z-index: 9;
  text-shadow: none;
  font-size: 19px;
  letter-spacing: 0px;
  width: 890px;
  margin: 0px auto;
  padding-top: 15px;
}

#navigation-menu ul{

}

#navigation-menu li{
	margin: 3px;
}
	
	#navigation-menu li{
float: left;
margin: 0px 0px;
 
}
	
#navigation-menu a{
  font-family: OpenSansLight;
  font-size: 15px;
  font-weight: 700;
  display: block;
  color: #FFFFFF;
  /* font-weight: bold; */
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
padding: 0px 25px 0px 25px;
  text-transform: uppercase;
	  border-right: 2px solid #FCF302; 
}


#navigation-menu a:hover, #navigation-menu a.mPS2id-highlight{
	color: #FEA708;
	  border-right: 2px solid #FCF302;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#content section{
	min-height: 900px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.65);
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.3); box-shadow: 0 -1px 0 rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.3);
	background: #362f2d;
	background: rgb(107,95,89); 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(107,95,89,1) 0%, rgba(54,47,45,1) 100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(107,95,89,1)), color-stop(100%,rgba(54,47,45,1))); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(107,95,89,1) 0%,rgba(54,47,45,1) 100%); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(107,95,89,1) 0%,rgba(54,47,45,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(107,95,89,1) 0%,rgba(54,47,45,1) 100%); 
	background: radial-gradient(ellipse at center,  rgba(107,95,89,1) 0%,rgba(54,47,45,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b5f59', endColorstr='#362f2d',GradientType=1 ); 
	color: #d9d6d5;
}

#content section:nth-child(3n+2){
	text-shadow: 1px 1px 0 rgba(255,255,255,0.45);
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5); box-shadow: 0 -1px 0 rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5);
	background: #c6b6a4;
	background: rgb(239,231,220); 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(239,231,220,1) 0%, rgba(198,182,164,1) 100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(239,231,220,1)), color-stop(100%,rgba(198,182,164,1))); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(239,231,220,1) 0%,rgba(198,182,164,1) 100%); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(239,231,220,1) 0%,rgba(198,182,164,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(239,231,220,1) 0%,rgba(198,182,164,1) 100%); 
	background: radial-gradient(ellipse at center,  rgba(239,231,220,1) 0%,rgba(198,182,164,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe7dc', endColorstr='#c6b6a4',GradientType=1 ); 
	color: #25201e;
}

#content section:nth-child(3n+3){
	text-shadow: 1px 1px 0 rgba(255,255,255,0.45);
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5); box-shadow: 0 -1px 0 rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5);
	background: #94cbce;
	background: rgb(214,251,252); 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(214,251,252,1) 0%, rgba(148,203,206,1) 100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(214,251,252,1)), color-stop(100%,rgba(148,203,206,1))); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(214,251,252,1) 0%,rgba(148,203,206,1) 100%); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(214,251,252,1) 0%,rgba(148,203,206,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(214,251,252,1) 0%,rgba(148,203,206,1) 100%); 
	background: radial-gradient(ellipse at center,  rgba(214,251,252,1) 0%,rgba(148,203,206,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6fbfc', endColorstr='#94cbce',GradientType=1 ); 
	color: #25201e;
}

.content{
	padding: 1em 3em;
}

.content hr + a, .content hr + a + a{
	margin-right: 2em;
}
/*СТИЛЬ МЕНЮ НАВИГАЦИИ КОНЕЦ*/




/*=== Стили всплывающего модального окна и ФОРМЫ для вариантов товаров СТАРТ ===*/  

/* Контейнер */
.modal_goods {

/* Слой перекрытия */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.9);
z-index: 100000000000;

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
display: none;
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modal_goods:target {
opacity: 1;
pointer-events: auto;
display: block;
}

/* Содержание */
.modal_goods > div {
width: 350px;
height: 440px;
position: relative;
margin: 8% auto;
padding: 10px 10px 5px 10px;
background: #FFF;
border-radius: 10px;
/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;
}

/* Изменяем анимацию при открытии модального окна*/
.modal_goods:target > div {
-webkit-animation-name: flipInY;
}


/* Ссылка на кнопку Закрыть */
.close_goods {
color: #070707;
line-height: 25px;
position: absolute;
right: -19px;
text-align: center;
top: -15px;
width: 15px;
text-decoration: none;
font-weight: bold;
background-color: #ffffff;
border-radius: 50%;
border: 2px solid #B7B7B7;
padding: 2px 8px;
}

.close_goods:hover { background: #00d9ff; }

.modal_goods iframe {
    width: 100%;
    height: 300px;
    border: none;
}


/*=== Стили всплывающего модального окна и ФОРМЫ для вариантов товаров КОНЕЦ ===*/