#bglayer {
    width: 100vw;
    height: 100vh;
	top:0;left:0;
	position:fixed;
	z-index:2;
	background-color:#000;
	
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/* IE 8 100*/
	filter: alpha(opacity=0);/* IE 5-7 100*/
	-moz-opacity: 0.0;/* Netscape 1.0*/
	-khtml-opacity: 0.0;/* Safari 1.x 1.0*/
	
	display:block;
	visibility:hidden;
	transition: opacity 200ms linear, visibility 100ms linear;
    -o-transition: opacity 200ms linear, visibility 100ms linear;
	-moz-transition: opacity 200ms linear, visibility 100ms linear;
	-webkit-transition:	opacity 200ms linear, visibility 100ms linear;
}
#bglayer.showed {
	visibility:visible;
	opacity:0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";/* IE 8 100*/
	filter: alpha(opacity=40);/* IE 5-7 100*/
	-moz-opacity: 0.4;/* Netscape 1.0*/
	-khtml-opacity: 0.4;/* Safari 1.x 1.0*/	
}

/*Иконки----*/
.Icon {}
.Icon::after {}
.Icon::before {
	font:normal normal normal 14px/1 FontAwesome;	
	font-size: 14px; /*ращмер шрифта задаеться индивидуально каждому блоку элементов*/
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	margin:0;padding:0;
	vertical-align:middle; /*выравниваем текст иконки по вертикальному центру относительно родительского элемента (свойство vertical-align присваиваеться только строчнфм элементам)*/
	content: "\f0c9";	
}
.Imainmenu::before {content: "\f0c9";}
.ISearch::before {content: "\f002";}
.IStar::before {content:"\f006";}
.Ibasket::before {content: "\f07a";}
.Ibasket[data-incart]::after {
	content: attr(data-incart);
	margin:0 0 0 5px;
    display:inline-block;/*Если не указать что это блочный элемент, старые андроиды не воспринимают его как блочный если родитель flex*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;	
}
.IInc::before {content: "\f067";}
.IDec::before {content: "\f068";}
.IClear::before {content: "\f00d";}
/*----Иконки*/

/*Отображение количества у иконок----*/
/*----Отображение количества у иконок*/

/*Поля ввода----*/
.qInput {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	margin-right:10px;
	border:1px solid #507299;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
	
}
.qInput button {
	width:30px;
	height:37px;line-height:37px;
	border:none;
	text-align:center;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius:0;
	border-radius: 0;
	background-color:transparent;
	color:#507299;
}
.qInput input[type=number] {
	width:35px;
	height:37px;line-height:37px;
	border:none;
	text-align:center;
	font-size:14px;
}
/*----Поле ввода*/

/*Элемент в виде кнопки----*/
.btn { /*Стилизуем ссылку видан КНОПКА*/
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	
	text-align:center;
	margin-right:10px;padding:0 5px 0 5px;
	height:39px; line-height:39px;
	min-width:39px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	vertical-align:top;
	background-color:#507299;
	color:#fff;
}
.btn:last-child {
	margin-right:0;
}
/*----Элемент в виде кнопки*/


/**/
.price 
{
	font:18px/1 PTSans;
	font-size: 22px;
	/*font-weight:bold;*/
	color:#2a5885;
	overflow:hidden; /*ограничиваем ТЕКСТОВОЕ содержимое по высоте*/
	white-space:nowrap;	
	text-align:right;
}
.price.oldprice{
	text-decoration:line-through;
	font-size:16px;
	overflow:hidden; /*ограничиваем ТЕКСТОВОЕ содержимое по высоте*/
	white-space:nowrap;
	text-align:right;
}
.id643::after 
{font-size:14px;content:" руб";}
.id840::after 
{font-size:14px;content:" $";}
.price:empty
{display:none;}
.price:empty
{display:none;}
.discount_percentage {
	display:block;
	min-width:36px;
	position:absolute;
	left:10px;
	text-align:center;
	
	background-color:#e91e63;
	color:#fff;
	padding:0 3px 0 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
	opacity:0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	/* IE 8 */
	filter: alpha(opacity=60);/* IE 5-7 */
	-moz-opacity: 0.6;/* Netscape */
	-khtml-opacity: 0.6;/* Safari 1.x */	
}
.discount_percentage:empty{
	display:none;
}
.discount_percentage::after{
	content:"%";
	padding-left:2px;
}
.oldprice:empty {
	display:none;
}
.oldprice:empty::after {
	content:"";
}
/**/



/*Поля товара----*/
.comments {
	display:inline-block;
	vertical-align: top;
	margin: 0 0 5px 0;
}
.comments>a:before {
	content:"("
}
.comments>a:after {
	content:")"
}
.minOrder {
	display:block;
	font-size:12px;	
}
.minOrder:before {
	color:grey;
	content:"Минимальный заказ: ";
}
/*----Поля товара*/

.dropdown_url{/*Этот класс говорящий JS что это ссылка которая должна показывать .dropdown_content сразу следеющий за ней*/
}
.dropdown_content {/*Этот класс ищеться в JS для отображения блока как содержащего сокрытые элементы*/
	background-color:#fff;
	display:none;
}
.dropdown_content.shown {
	display:block;
}

.rating {
	display:inline-block;
	width: 80px;
	height: 14px;
	background:url("../img/rating.png") repeat-x;
	margin: 0 0 5px 0;
}
.rating>.fill_rating{
	background:url("../img/rating-fill.png") repeat-x;
	height: 14px;
}
.rating[data-rating=""]>.fill_rating{width:0px;}
.rating[data-rating="0"]>.fill_rating{width:0px;}
.rating[data-rating="0.5"]>.fill_rating{width:8px;}
.rating[data-rating="1"]>.fill_rating{width:16px;}
.rating[data-rating="1.5"]>.fill_rating{width:24px;}
.rating[data-rating="2"]>.fill_rating{width:32px;}
.rating[data-rating="2.5"]>.fill_rating{width:40px;}
.rating[data-rating="3"]>.fill_rating{width:48px;}
.rating[data-rating="3.5"]>.fill_rating{width:56px;}
.rating[data-rating="4"]>.fill_rating{width:64px;}
.rating[data-rating="4.5"]>.fill_rating{width:72px;}
.rating[data-rating="5"]>.fill_rating{width:80px;}
/*12.01.2019*/
.url_lists>li {
border-bottom:1px solid #dfe2e8;
}
.url_lists>li>a {
	position: relative;
    width: 100%;
    display: block;
    /*height: 40px;
    line-height: 40px;*/
    padding: 15px 0 15px 40px;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
}
.url_lists>li>a:before {
	content: url("../img/icons8-pdf-30.png");			
	display:/*table-cell*/block; /*делаем из :after блочный элемент*/
	position:absolute;left:10px;top:5px; /*так как трудно разместить :after (которая представляет из себя стрелочку говорящую о том, что у раздела есть выпадающее меню) в притык к правой стороне, то позиционируем ее абсолютно и размещаем уже где хотим.*/
	font:normal normal normal 16px FontAwesome;	
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-transition: all 200ms ease-out 0ms;
	-moz-transition: all 200ms ease-out 0ms;
	-o-transition: all 200ms ease-out 0ms;
	transition: all 200ms ease-out 0ms;		
}
.url_lists.doc>li>a:before {
content: url("../img/icons8-doc-30.png");	
}
.url_lists.pdf>li>a:before {
content: url("../img/icons8-pdf-30.png");	
}
/*loader--------*/
.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #507299;
  border-bottom: 5px solid #507299;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*--------loader*/
/*media--------------------------------------*/
@media (min-width:1200px){
}

@media (min-width:992px) and (max-width:1199px){
}

@media (min-width:768px) and (max-width:991px){
}

@media (max-width:767px) {
}
/*--------------------------------------media*/
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -ms-transform: translate3d(30px, 0, 0);
	-webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -ms-transform: translate3d(-15px, 0, 0);
	-webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(15px, 0, 0);
  }

  90% {
    -ms-transform: translate3d(-4px,0,0);
	-webkit-transform: translate3d(-4px,0,0);
    transform: translate3d(4px,0,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}