@charset "utf-8";

/*New font*/
@font-face {
	font-family: 'DisplayBold';
	src: url('../psmm/css/transfonter/SFUIDisplay-Bold.eot');
	src: url('../psmm/css/transfonter/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'),
		url('../psmm/css/transfonter/SFUIDisplay-Bold.woff2') format('woff2'),
		url('../psmm/css/transfonter/SFUIDisplay-Bold.woff') format('woff'),
		url('../psmm/css/transfonter/SFUIDisplay-Bold.ttf') format('truetype'),
		url('../psmm/css/transfonter/SFUIDisplay-Bold.svg#SFUIDisplay-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'TextMedium';
	src: url('../psmm/css/transfonter/SFUIText-Medium.eot');
	src: url('../psmm/css/transfonter/SFUIText-Medium.eot?#iefix') format('embedded-opentype'),
		url('../psmm/css/transfonter/SFUIText-Medium.woff2') format('woff2'),
		url('../psmm/css/transfonter/SFUIText-Medium.woff') format('woff'),
		url('../psmm/css/transfonter/SFUIText-Medium.ttf') format('truetype'),
		url('../psmm/css/transfonter/SFUIText-Medium.svg#SFUIText-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'DisplayUltralight';
	src: url('../psmm/css/transfonter/SFUIDisplay-Ultralight.eot');
	src: url('../psmm/css/transfonter/SFUIDisplay-Ultralight.eot?#iefix') format('embedded-opentype'),
		url('../psmm/css/transfonter/SFUIDisplay-Ultralight.woff2') format('woff2'),
		url('../psmm/css/transfonter/SFUIDisplay-Ultralight.woff') format('woff'),
		url('../psmm/css/transfonter/SFUIDisplay-Ultralight.ttf') format('truetype'),
		url('../psmm/css/transfonter/SFUIDisplay-Ultralight.svg#SFUIDisplay-Ultralight') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'TextLight';
	src: url('../psmm/css/transfonter/SFUIText-Light.eot');
	src: url('../psmm/css/transfonter/SFUIText-Light.eot?#iefix') format('embedded-opentype'),
		url('../psmm/css/transfonter/SFUIText-Light.woff2') format('woff2'),
		url('../psmm/css/transfonter/SFUIText-Light.woff') format('woff'),
		url('../psmm/css/transfonter/SFUIText-Light.ttf') format('truetype'),
		url('../psmm/css/transfonter/SFUIText-Light.svg#SFUIText-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'TextBold';
	src: url('../psmm/css/transfonter/SFUIText-Bold.eot');
	src: url('../psmm/css/transfonter/SFUIText-Bold.eot?#iefix') format('embedded-opentype'),
		url('../psmm/css/transfonter/SFUIText-Bold.woff2') format('woff2'),
		url('../psmm/css/transfonter/SFUIText-Bold.woff') format('woff'),
		url('../psmm/css/transfonter/SFUIText-Bold.ttf') format('truetype'),
		url('../psmm/css/transfonter/SFUIText-Bold.svg#SFUIText-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'DisplayLight';
	src: url('../psmm/css/transfonter/SFUIDisplay-Light.eot');
	src: url('../psmm/css/transfonter/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),
		url('../psmm/css/transfonter/SFUIDisplay-Light.woff2') format('woff2'),
		url('../psmm/css/transfonter/SFUIDisplay-Light.woff') format('woff'),
		url('../psmm/css/transfonter/SFUIDisplay-Light.ttf') format('truetype'),
		url('../psmm/css/transfonter/SFUIDisplay-Light.svg#SFUIDisplay-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}


@font-face {	 
	font-family: '967639';
    src: url('../psmm/css/transfonter/SFUIText-Light.eot');
    src: url('../psmm/css/transfonter/SFUIText-Light.eot?#iefix') format('embedded-opentype'),
    url('../psmm/css/transfonter/SFUIText-Light.woff2') format('woff2'),
    url('../psmm/css/transfonter/SFUIText-Light.woff') format('woff'),
    url('../psmm/css/transfonter/SFUIText-Light.ttf') format('truetype'),
    url('../psmm/css/transfonter/SFUIText-Light.svg#SFUIText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


/* CSS Document */

p {
    font-size: 16px;
    font-family: "TextLight";
    color: #282828;
    line-height: 19px;

   padding: 0.5em;
}

.main_text {
    font-size: 16px;
    font-family: "TextLight";
    color: #282828;
    line-height: 19px;
}





#last_msg_loader {
	text-align: center;
	width: 100%;
}

.message_box
{

}

.number
{

}

.mih {
    min-height: 0em;
    display: none;
}


/* Красный логотип слева */
.mob_logo {
	z-index: 9;
	margin-left: -20px;
	margin-top: -17px;
	
	position: absolute;
	width: 40px;
	height: 40px;
	
	text-align: center;
	padding: 0px 0 0 0;	
  }
/* Выравнивание названия страницы на 2 мы находимся */
.page_name_margin {
	position:relative;
	margin-left:-30px;
	margin-top:5px;
	}
	
	
	
	.tm_all {
		
		}
	.tm_logo {
		
		}
	.tm_pagename {
		
		}
	.tm_treelines {
		
		}			
	
	

/* Стили для мобильной версии */
/* Отступы таблицы для названия и пользователя публикующего запись*/
.btn_show_more {
 display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid rgba(255,255,255,0.9);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  font-family: "967639";
  font-weight: normal;
  line-height: 18px;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #282828;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.btn_new_publication {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 4px 10px 8px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: "TextLight";
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #282828;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

/*кновкак "Вход" для страницы входа*/
.btn_u_enter {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: "TextLight";
  font-size: 16px;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #49a300;
  -webkit-appearance: none;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

/* кнопка "Записаться" для страницы поселка ArtEco черня */
.btn_u_enter_black {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "TextLight";
    font-size: 16px;
    color: rgba(255,255,255,0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #49a300;
    -webkit-appearance: none;
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

/* Кнопка отмены - серая */
.btn_u_cancel {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 14px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: "TextLight";
  font-size: 16px;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #b4b4b4;
  -webkit-appearance: none;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
/* --- */

/* Поля для ввода */
.og_imput_style {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 170px;
  padding: 10px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: "TextLight";
  font-size: 14px;
  color: #282828;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.btn_u_textarea {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 225px;
  height: 60px;
  padding: 10px;
  overflow: hidden;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: "TextLight";
  font-size: 14px;
  color: #282828;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #ffffff;
}
/*---*/

.img_shapes {
	border-radius: 50%;
	}
	
.mob_tbl_padding {
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	}
/* текст*/	
.fm_text_12 {
	font-size: 12px;
	font-family: "TextLight";
	color: #666;
	line-height: 12px;
}

.font14 {
    font-size: 14px;
    font-family: "TextLight";
    color: #ffffff;
    line-height: 18px;
}

.fm_text_12_black {
	font-size: 12px;
	font-family: "TextLight";
	color: #282828;
	line-height: 12px;
}


.fm_text_16_min {
	font-size: 14px;
	font-family: "TextLight";
	color: #282828;	
	line-height: 18px;
}

.fm_text_16_min_silver {
	font-size: 14px;
	font-family: "TextLight";
	color: #666;	
	line-height: 18px;
}

.fm_text_16_min_silver_bold {
	font-size: 14px;
	font-family: "TextMedium";
	color: #666;	
	line-height: 18px;
}

.fm_text_slider {
    font-size: 16px;
    font-family: "TextLight";
    color: #ffffff;
    line-height: 18px;
}


.fm_text_16 {
	font-size: 16px;
	font-family: "TextLight";
	color: #282828;	
	line-height: 18px;
}

.fm_text_16_white {
	font-size: 18px;
	font-family: "DisplayLight";
	color: #FFFFFF;
	line-height: 18px;
	
}


.fm_text_16_red {
	font-size: 16px;
	font-family: "TextMedium";
	color: #ed1b22;
	font-weight: normal;
	line-height: 18px;
}

.fm_text_16_silver {
	font-size: 16px;
	font-family: "TextLight";
	color: #666666;
	font-weight: normal;
	line-height: 18px;
}

.fm_text_16_bold {
	font-size: 16px;
	font-family: "TextMedium";
	color: #000000;
	font-weight: normal;
	line-height: 16px;
}

.fm_text_16_bold_silver {
	font-size: 16px;
	font-family: "TextLight";
	color: #666666;
	font-weight: normal;
	line-height: 16px;
}


.fm_text_17 {
	font-size: 17px;
	font-family: "967639";
	color: #666;
	font-weight: normal;
	line-height: 24px;
}

.fm_text_18 {
	font-size: 18px;
	font-family: "DisplayLight";
	color: #282828;
	line-height: 18px;
}

.fm_text_24 {
	font-size: 24px;
	font-family: "DisplayLight";
	color: #282828;
	line-height: 24px;
}

.fm_text_price_24 {
    font-size: 24px;
    font-family: "DisplayUltralight";
    color: #282828;
    line-height: 24px;
}
/* -------------------------- */

/*---- фон вокруг надписи "видео"----*/
.textvideofone{
 width:50px; /* Длина фигуры */
 height:14px; /* Высота фигуры */
 color: #0C6; /* цвет текста */
 background:#CCC; /* фон блока */
 border: 0px #CCCCCC solid; /* стили рамки */
 -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 4px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:4px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 4px; /* закругление углов для всех, кто понимает */
}
/* -------------------------- */





.silv {
    border-collapse: collapse; /* Убираем двойные границы между ячейками */
    background: #FFF; /* Цвет фона таблицы */
    border: 4px solid #FFF; /* Рамка вокруг таблицы */
}

.silv_simple {
    border-collapse: collapse; /* Убираем двойные границы между ячейками */
    background: #FFF; /* Цвет фона таблицы */
    border: 4px solid #FFF; /* Рамка вокруг таблицы */
}

.silv_footer {
    border-collapse: collapse; /* Убираем двойные границы между ячейками */
    background: #FFF; /* Цвет фона таблицы */
    border: 4px solid #FFF; /* Рамка вокруг таблицы */
}


.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


  
  .allmess {
	z-index: 1;
	position: absolute;
	width: 100%;
	text-align: right;
  }




.allss {
z-index: 9;
	margin-right: 25px;
	margin-top: -47px;
	float:right;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_01.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
  .allssx {
	z-index: 9;
	margin-right: 25px;
	margin-top: -47px;
	float:right;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_02.png);
	text-align: center;
	padding:0px 0 0 0;	
	
  }
  
  .allssxx {
	z-index: 9;
	margin-right: 25px;
	margin-top: -47px;
	float:right;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_03.png);
	text-align: center;
	padding:0px 0 0 0;	
  }



.ss {
	z-index: 9;
	margin-left: 85px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_01s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
  .ssx {
	z-index: 9;
	margin-left: 85px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_02s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
  .ssxx {
	z-index: 9;
	margin-left: 85px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_03s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
  .sss {
	z-index: 9;
	margin-left: 80px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_01s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
  .sssx {
	z-index: 9;
	margin-left: 80px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_02s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
  .sssxx {
	z-index: 9;
	margin-left: 80px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_03s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
    .ssss {
	z-index: 9;
	margin-left: 55px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_01s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
  .ssssx {
	z-index: 9;
	margin-left: 55px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_02s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  
  .ssssxx {
	z-index: 9;
	margin-left: 55px;
	margin-top: -30px;
	
	position: absolute;
	width: 38px;
	height: 20px;
	background-image: url(../oformlenie/shape_03s.png);
	text-align: center;
	padding:0px 0 0 0;	
  }
  

.zagolovok_min {
	font-family: "967639";
	font-size: 14px;
	color: #000;
	font-weight: normal;
}
.redline {
	font-family: "967639";
	font-size: 12px;
	color: #DA1010;
}

.silver_main_text {
	font-family: "967639";
	font-size: 12px;
	color: #999;
}

.silver_main_text_blak {
	font-family: "967639";
	font-size: 12px;
	color: #000;
}

.zagolovki {
	font-size: 16px;
	font-family: "TextLight";
	color: #666666;
	line-height: 30px;
    padding: 5px;
    margin: 2px;



}
.main_text_min {
	font-family: "967639";
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;
}
.silverline {
	font-family: "967639";
	font-size: 12px;
	color: #CCC;
}
.date_red {
	font-family: "967639";
	font-size: 14px;
	color: #D30909;
}
.red_BIG {
	font-size: 20px;
	font-family: "967639";
	color: #000000;
	font-weight: normal;
	line-height: 30px;
}

.red_BIG_post {
	font-size: 20px;
	font-family: "967639";
	color: #999;
	font-weight: normal;
	line-height: 30px;
}

.red_BIG_counter {
	font-size: 14px;
	font-family: "DisplayLight";
	color: #FFFFFF;
	line-height: 12px;
}


.post_white {
	font-size: 12px;
	font-family: "967639";
	color: #FFF;
	font-weight: normal;
	line-height: 15px;
}


.red_BIG_mintext {
	font-size: 12px;
	font-family: "967639";
	color: #FFF;
	font-weight: normal;
	line-height: 22px;
}

.red_BIG_mintext_silver {
	font-size: 12px;
	font-family: "967639";
	color: #999;
	font-weight: normal;
	line-height: 22px;
}




.white_BIG {
	font-size: 16px;
	font-family: "967639";
	color: #333;
	font-weight: normal;
}
.red_price {
	font-size: 16px;
	font-family: "967639";
	color: #999;
	font-weight: bold;
}
.vertical_white {
	color: #FFF;
	font-family: "967639";
	font-size: 12px;
}

 
 
.img_wrapper{
    position: relative;
    padding-top: 75%;
    margin-bottom: 40px;
    background: #fafafa;
    overflow: hidden;
}

.img_wrapper img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
  
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}

.img_wrapper.loaded img{
    opacity: 1;
}





.img_contaner{
    position: relative;
    overflow: hidden;
}


.img_border {
	position: relative;
	
}




.img_wrappertu{
    position: relative;
	border-bottom: 1px solid #e51b1b;
    overflow: hidden;
}

.img_wrappertuw{
    position: relative;
    overflow: hidden;
}




h2,h3,h4,h5,h6 {
	/* font-family: "967639"; */
    font-family: "TextLight";
	color: #000000;
	font-weight: normal;
	line-height: 30px;
}
h1 {
    font-family: "TextLight";
    color: #000000;
    font-weight: normal;
    line-height: 20px;
}








.subs_on {
	z-index: 999999;
	margin-left: 1034px;
	margin-top: -12px;
	
	position: absolute;
	width: 48px;
	height: 48px;
	
	text-align: center;
	padding:2px 0 0 0;	
  }
  
  .subs_on_text {
	z-index: 999999;
	margin-left: 914px;
	margin-top: -12px;
	
	position: absolute;
	width: 165px;
	height: 48px;
	background-color:#0F6;
	background:url('../sub/sub_info_01.jpg');
	
	text-align: center;
	padding:2px 0 0 0;	
  }


.slideLeft{
	z-index: 999999;
	margin-left: 200px;
	margin-top: -12px;
	
	position: relative;
	width: 48px;
	height: 48px;
	
	text-align: center;
	padding:2px 0 0 0;		
}


.slideLeft2{
	z-index: 999999;
	margin-left: 10px;
	margin-top: -10px;
	
	position: relative;
	width: 126px;
 	height: 46px;
	background-color:#0F6;
	background:url('../sub/sub_info_01.png');
	
	text-align: center;
	padding:2px 0 0 0;	
}

/*новое меню*/

/*Новое меню*/
.m_menu {
	position:relative;
	width:100%;
	height:50px;
	background-color:#282828;
}

.m_list {
	position:absolute;
	display:inline-block;
	width:50px;
	height:50px;
	left:0px;
	top:50%;
	margin-top:-25px;;
	text-align: left;
	}

.m_center {
	position:absolute;
	display:inline-block;
	width:200px;
	height:25px;
	left:50%;
	margin-left:-100px;
	top:50%;
	margin-top:-11px;
	text-align: center;
	}
	
.m_right {
	position:absolute;
	display:inline-block;
	width:50px;
	height:50px;
	right:0px;
	top:50%;
	margin-top:-35px;;
	text-align: left;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/* Стили для ПРОМО на главной странице моб версии. Последнее фото проектра и блога */
.m_for_promo {
	margin-top:0px;
	position:relative;
	height:120px;
	width:100%;

    /*
    border-top: 2px solid rgba(242, 242, 242, 0.6);
    */

	}
	
.m_promo_prj {
	position:absolute;
	display:inline-block;
	width:50%;
    border-right: 1px solid rgba(242, 242, 242, 1);
    border-top: 2px solid rgba(242, 242, 242, 1);
	height:120px;
	left:0%;
	top:0px;
	text-align: center;
	background-color:rgba(242, 242, 242, 1);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}

.m_promo_blog {
	position:absolute;
	display:inline-block;
	width:50%;
    border-left: 1px solid rgba(242, 242, 242, 1);
    border-top: 2px solid rgba(242, 242, 242, 1);
	height:120px;
	right:0%;
	top:0px;
	text-align: center;
	background-color:rgba(242, 242, 242, 1);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}

/* стили рекомендаций (четвертый блок новосте) */
.m_promo_recomend_news {
    display:inline-block;
    width:100%;
    min-height: 210px;
    border-left: 1px solid rgba(242, 242, 242, 1); /*rgba(242, 242, 242, 1)*/
    border-top: 2px solid rgba(242, 242, 242, 1);
    float: left;
    text-align: center;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/**/

.m_promo_prj_text {
	position:absolute;
	display:inline-block;
	text-align: center;
	bottom:10px;
	left:0px;
	width:100%;
    padding: 3px;
	
	
	font-size: 12px;
	font-family: "TextLight";
	color: #fff;
	font-weight: normal;
	line-height: 24px;
	}	

.m_promo_blog_text {
	position:absolute;
	display:inline-block;
	text-align: center;
	bottom:10px;
	left:0px;
	width:100%;
    padding: 3px;

	font-size: 12px;
	font-family: "TextLight";
	color: #fff;
	font-weight: normal;
	line-height: 24px;
	}

.slider_text_shadows {
    text-shadow: 0px 0px 0px #999999, 0 0 1px #666666; /* Параметры тени */
}

.promo_text_shadows {
    text-shadow: 1px 1px 1px #666666, 0 0 2px #282828; /* Параметры тени */
}


/* Для страницы контакты (отправка письма) */
.contacts_email {
	position:relative;
	display:inline-block;
	text-align:center;
	width:100%;
	height:480px;
	right:0px;
	top:0px;
	background-color:#f6f6f6;
	}


.contacts_email_arteco {
    position:relative;
    display:inline-block;
    text-align:center;
    width:100%;
    height:360px;
    right:0px;
    top:0px;
    background-color:#FFFFFF;
}
	
.messages_reset {
	display: none;
	text-align:center;
	}
		
.messages_style_min {
	text-align: center;
	font-family: "TextLight";
	font-size: 14px;
	line-height: 18px;
	color:#000;
	}

.messages_green {
	text-align: center;
	font-family: "TextLight";
    font-size: 12px;
	line-height: 12px;
	color: #87ab08;
		}
	
.messages_red {
	text-align: center;
	font-family: "TextLight";
    font-size: 14px;
	line-height: 14px;
	color: #F00;
	}


/* Основа для Push в p_styles.css */
/* Основа для Push */
/* Это для замкрытых записей блога */
.close_blur {
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: brightness(1) blur(3px);
    backdrop-filter: brightness(1) blur(3px);
}

.push_main_box {
    display: none;
    background: rgba(40, 40, 40, 0.8);
    position: fixed;
    width: 100%;
    height: 90px;
    right: 0px;
    top: -90px;
    text-align: center;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius:0px;
    z-index: 999999;
}

.slideBlur {
    background: rgba(40, 40, 40, 0.8);
}

/* Поля для добавления комментария */
.field_com_change {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width:calc(100% - 25px);
    padding: 10px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "TextLight";
    font-size: 14px;
    color: #282828;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252,252,252,1);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
    -webkit-appearance: none;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.field_com_change_w100 {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width:calc(100% - 25px);
    padding: 10px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "TextLight";
    font-size: 14px;
    color: #282828;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252,252,252,1);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
    -webkit-appearance: none;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

/* effect: see through the header bar */
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .push_main_box {
        background: rgba(40, 40, 40, 0.8);
        -webkit-backdrop-filter: brightness(1.5) blur(9px);
        backdrop-filter: brightness(1.5) blur(9px);
    }
}

/* блюр для слайдера */
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .slideBlur {
        background: rgba(40, 40, 40, 0.5);
        -webkit-backdrop-filter: brightness(1.9) blur(8px);
        backdrop-filter: brightness(1.9) blur(8px);
    }
}

.push_text {
    display: inline-block;
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 20px;
    text-align: center;

}

.push_ico {
    display: inline-block;
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 10px;
    text-align: center;

}


/* стили для Лайков */
 .one_news span {
     border: 3px solid #FFFFFF;
     background-color: #FFFFFF;
     cursor: pointer;
     display: block;
     margin-bottom: 5px;
     margin-right: 5px;
     text-align: center;
     width: 40px;
     height: 18px;
 }

.one_news span:hover {
    border: 3px solid #FFFFFF;
    background-color: #FFFFFF;
}

.one_news_off span {
    border: 3px solid #FFFFFF;
    background-color: #FFFFFF;
    cursor: default;
    display: block;
    margin-bottom: 5px;
    text-align: center;
    width: 40px;
    height: 18px;
}

.one_news_off span:hover {
    border: 3px solid #FFFFFF;
    background-color: #FFFFFF;
}

.one_news_comments_off span {
    border: 3px solid #FFFFFF;
    background-color: #FFFFFF;
    cursor: default;
    display: block;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    width: 40px;
    height: 18px;
}

.one_news_comments_off span:hover {
    border: 3px solid #FFFFFF;
    background-color: #FFFFFF;
}


/* Блок цены для проекта! */
.p_price_outside {
    display: none;
    width: 100%;
    height: 60px;
    text-align: center;
    padding-left: 15%;
    padding-top: 10px;
}

.p_price_inside {
    text-align: center;
    width: 85%;
    height: 40px;
    /* background-color: rgba(242, 242, 242, 1); */
    border-radius: 5px;
}

/*  Кнопка выбора фотографий */
::-webkit-file-upload-button {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width:calc(45% - 25px);
    padding: 10px;
    border: 1px dashed #282828;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "TextLight";
    font-size: 12px;
    color: #282828;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgb(233, 233, 233);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
    -webkit-appearance: none;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

/* Комбо бокс доавления темы (в новой публикации)*/
select#soflow {
    -webkit-appearance: button;
    -webkit-border-radius: 3px;

    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(../icons/combobox.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 20px;
    border: 1px solid #b7b7b7;
    font-family: "TextLight";
    font-size: 14px;
    color: #282828;
    margin: 0px;
    overflow: hidden;
    padding: 8px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* DIV in DIV для страницы АртЭко */
.outer_ae {
    width: 100%;
    position: relative;
    height: 500px;
}
.inner_ae {
    width: 100%;
    position: absolute;
    top: 10%;
    left: 0%;
    min-height: 200px;
}

.div_outher_or_inner_bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


@media screen and (max-width:1024px) {
  /* iPad horizontal Работает на повороте для iPad  Target landscape smartphones, portrait tablets, narrow desktops*/
  	.m_for_promo { height:320px;}
	.m_promo_prj { height:320px;}
	.m_promo_blog { height:320px;}
	.m_promo_prj_text { font-size:24px;}
	.m_promo_blog_text { font-size:24px;}
    /* Шрифт слайдера */
    .fm_text_slider{font-size:46px;}
}

@media screen and (max-width:768px) {
  /* iPad vertikal Target landscape smartphones, portrait tablets, narrow desktops*/
  	.m_for_promo { height:220px;}
	.m_promo_prj { height:220px;}
	.m_promo_blog { height:220px;}
	.m_promo_prj_text { font-size:16px;}
	.m_promo_blog_text { font-size:16px;}
    /* Шрифт слайдера */
    .fm_text_slider{font-size:36px;}
}

@media screen and (max-width:640px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops*/
  	.m_for_promo { height:220px;}
	.m_promo_prj { height:220px;}
	.m_promo_blog { height:220px;}
	.m_promo_prj_text { font-size:16px;}
	.m_promo_blog_text { font-size:16px;}
    /* Шрифт слайдера */
    .fm_text_slider{font-size:26px;}
}

@media screen and (max-width:568px) {
  /* iPhone 5s horizontal Target landscape smartphones, portrait tablets, narrow desktops*/
  	.m_for_promo { height:220px;}
	.m_promo_prj { height:220px;}
	.m_promo_blog { height:220px;}
	.m_promo_prj_text { font-size:16px;}
	.m_promo_blog_text { font-size:16px;}
    /* Шрифт слайдера */
    .fm_text_slider{font-size:26px;}
	
}

@media screen and (max-width:480px) {
  /* iPhone 5s vertical Target landscape smartphones, portrait tablets, narrow desktops*/
  	.m_for_promo { height:120px;}
	.m_promo_prj { height:120px;}
	.m_promo_blog { height:120px;}
	.m_promo_prj_text { font-size:16px;}
	.m_promo_blog_text { font-size:16px;}
    /* Шрифт слайдера */
    .fm_text_slider{font-size:24px;}
}

@media screen and (max-width:414px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops*/
  	.m_for_promo { height:120px;}
	.m_promo_prj { height:120px;}
	.m_promo_blog { height:120px;}
	.m_promo_prj_text { font-size:16px;}
	.m_promo_blog_text { font-size:16px;}
    /* Шрифт слайдера */
    .fm_text_slider{font-size:24px;}
}

@media screen and (max-width:375px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops*/
  	.m_for_promo { height:120px;}
	.m_promo_prj { height:120px;}
	.m_promo_blog { height:120px;}
	.m_promo_prj_text { font-size:12px;}
	.m_promo_blog_text { font-size:12px;}
    /* Шрифт слайдера */
    .fm_text_slider{font-size:22px;}
}

@media screen and (max-width:320px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops*/
  	.m_for_promo { height:120px;}
	.m_promo_prj { height:120px;}
	.m_promo_blog { height:120px;}
	.m_promo_prj_text { font-size:12px;}
	.m_promo_blog_text { font-size:12px; line-height: 10px}
    /* Шрифт слайдера */
    .fm_text_slider{font-size:22px;}
}