/* Start:/bitrix/templates/.default/components/bitrix/search.title/mobile_search/css_color/red.css?17612157292445*/
#ys-title-search  .s_submit {
    color: #e00c0c!important;
}

#ys-title-search-input:focus {
	border-color: #e00c0c!important;
}

.ys-title-search-result h3,
.ys-title-search-result a,
#ys-title-search a
{
    color: #e00c0c!important;
    border-color: #f39e9e!important;
}

.ys-title-search-result a:hover,
#ys-title-search a:hover
{
    color: #ff7b11!important;
    border-color: #ffb980!important;
}

.ys-title-search-result  li:hover {
    background: #fff2e7!important;
}

.ys-title-search-result  li.noitem:hover {
    background: none!important;
}




.ys-title-search-result  li .add2basket {
	background-color: #cf2020 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd9742), color-stop(100%, #cf2020)) !important;
	background-image: -webkit-linear-gradient(top, #fd9742, #cf2020) !important;
	background-image: -moz-linear-gradient(top, #fd9742, #cf2020) !important;
	background-image: -ms-linear-gradient(top, #fd9742, #cf2020) !important;
	background-image: -o-linear-gradient(top, #fd9742, #cf2020) !important;
	background-image: linear-gradient(top, #fd9742, #cf2020) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9742', endColorstr='#cf2020')" !important;
	border: 1px solid #cf2020 !important;
	-webkit-box-shadow: 0 1px 0 0 #ffcd30 inset, 0 2px 0 0 #e5e5e5 !important;
	-moz-box-shadow: 0 1px 0 0 #ffcd30 inset, 0 2px 0 0 #e5e5e5 !important;
	box-shadow: 0 1px 0 0 #ffcd30 inset !important;
	color: #fff !important;
	text-shadow: 0 -1px 0 #d12522 !important;
	

}

.ys-title-search-result  li .add2basket:hover {
	background: #ea6534 !important;
	box-shadow: 0 1px 0 0 #f99826 inset !important;
}

.ys-title-search-result  li .add2basket:active {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf2020), color-stop(100%, #fd9742)) !important;
	background-image: -webkit-linear-gradient(top, #cf2020, #fd9742) !important;
	background-image: -moz-linear-gradient(top, #cf2020, #fd9742) !important;
	background-image: -ms-linear-gradient(top, #cf2020, #fd9742) !important;
	background-image: -o-linear-gradient(top, #cf2020, #fd9742) !important;
	background-image: linear-gradient(top, #cf2020, #fd9742) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf2020', endColorstr='#fd9742')" !important;
}


/* End */


/* Start:/bitrix/templates/.default/components/bitrix/search.title/mobile_search/style.css?176121572912350*/
@font-face{
	font-family: 'WebSymbolsLigaRegular';
		src: url('/bitrix/templates/.default/components/bitrix/search.title/mobile_search/fonts/websymbolsligaregular.eot');
		src: url('/bitrix/templates/.default/components/bitrix/search.title/mobile_search/fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
			url('/bitrix/templates/.default/components/bitrix/search.title/mobile_search/fonts/websymbolsligaregular.woff') format('woff'),
			url('/bitrix/templates/.default/components/bitrix/search.title/mobile_search/fonts/websymbolsligaregular.ttf') format('truetype'),
			url('/bitrix/templates/.default/components/bitrix/search.title/mobile_search/fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
}

#ys-title-search {
	position: relative !important;
	width: 300px !important;
	z-index: 12 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: block;
	font: 14px Arial, Tahoma, Verdana, sans-serif !important;
	
	/*for beauty example block
	border: 1px solid #000000 !important;
	border-radius: 3px !important;
	padding: 5px !important;
	top: -11px !important;
	left: -56px !important;
	
	
	background-color: #ebecee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e3e5e7));
	background-image: -webkit-linear-gradient(top, #fff, #e3e5e7);
	background-image: -moz-linear-gradient(top, #fff, #e3e5e7);
	background-image: -ms-linear-gradient(top, #fff, #e3e5e7);
	background-image: -o-linear-gradient(top, #fff, #e3e5e7);
	background-image: linear-gradient(top, #fff, #e3e5e7);
	border: 1px solid #fff;
	box-shadow: 1px 2px 2px #8b8f92;
	color: #0660cf !important;
	text-shadow: 0 1px 0 #fff;
	*/

}

#ys-title-search form{
	margin-top:15px;
}




	#ys-title-search .example {
		color: #000000 !important;
		padding-left: 10px !important;
	}

		#ys-title-search .example a{
			margin-left: 5px !important;
			border-bottom: 1px dashed !important;
			text-decoration: none!important;
		}



	#ys-title-search-input {
		border-radius: 3px !important;
		width:300px;
		height:42px;
		background: #fff;
		border: 1px solid #F8EBF6;
		border-radius: 5px;
		margin: 0 !important;
		vertical-align: middle !important;
	}

		#ys-title-search-input:focus,
		#ys-title-search-input:hover 
		{
			box-shadow: inset 0 2px 2px #dfdfdf !important;
		}
		
		
	#ys-title-search #search_page {
		display: block !important; 
	}
	
	#ys-title-search #search_select {
		display:none !important;
		position: absolute !important;
		top: 4px !important;/*4*/
		right: 20px !important;/*20*/
		border: none !important;
		color: #969696 !important;
		font-size: 13px !important;
		text-align: right !important;
		height: 20px !important;
		cursor: pointer !important;
		margin: 0 !important;
		padding: 0 !important;
		text-decoration: none !important;
		vertical-align: middle !important;
		outline: none !important;
		background: #fff !important;
		width: auto !important;
		min-width: 10px !important;
	}

		#ys-title-search #search_select option {
			margin: 0 !important;
			padding: 0 !important;
		}

	#ys-title-search a.selectBox {
		display:none !important;
		position: absolute !important;
		top: 4px !important;/*4*/
		right: 20px !important;/*20*/
		width: 170px !important;
		border: none !important;
		color: #969696 !important;
		font-size: 13px !important;
		text-align: right !important;
		height: 20px !important;
		cursor: pointer !important;
		margin: 0 !important;
		padding: 0 !important;
		min-width: 100px !important;
		text-decoration: none !important;
		vertical-align: middle !important;
		outline: none !important;
		background: #fff !important;
	}

		#ys-title-search .selectBox-label {
			text-align: right !important;
			padding: 4px 20px 0 0 !important;
			height: 17px !important;
			line-height: 12px !important;
			display: inline-block;
			white-space: nowrap !important;
			overflow: hidden !important;
			margin: 0 !important;
			color: #969696 !important;
			font-size: 13px !important;
		}

		#ys-title-search .selectBox-arrow {
			background: url(/bitrix/templates/.default/components/bitrix/search.title/mobile_search/images/search-arrow.png) center center no-repeat !important;
			position: absolute !important;
			top: 0 !important;
			right: 0 !important;
			width: 23px !important;
			height: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
			color: #969696 !important;
			font-size: 13px !important;
			text-align: right !important;
		}

	#ys-title-search .s_submit {
		color: #cdcdcd !important;
		position: absolute !important;
		top: 10px !important;
		right: 18px !important;
		border: none !important;
		font-family: WebSymbolsLigaRegular !important;
		margin: 0 !important;
		padding: 0 !important;
		outline: none !important;
		text-decoration: none !important;
		font-size:18px
	}

		#ys-title-search .s_submit.loader {
			/*color: #666!important;*/
			right: 5px !important;
			font-size: 18px !important;
		}

		
		
		
		
#ys-title-search input::-webkit-input-placeholder {
	color: #cdcdcd !important;
	-webkit-transition: color 0.2s linear 0s !important;
}

#ys-title-search input:focus::-webkit-input-placeholder{
	color: #ccc !important;
	-webkit-transition: color 0.2s linear 0s !important;
}


#ys-title-search input:-moz-placeholder {
	color: #ccc !important;
	-moz-transition: color 0.2s linear 0s !important;
}

#ys-title-search input:focus:-moz-placeholder {
	color: #ccc !important;
	-moz-transition: color 0.2s linear 0s !important;
}

#ys-title-search input::-moz-placeholder {
	color: #ccc !important;
	-moz-transition: color 0.2s linear 0s !important;
}

#ys-title-search input:focus::-moz-placeholder {
	color: #ccc !important;
	-moz-transition: color 0.2s linear 0s !important;
}

#ys-title-search input:-ms-input-placeholder{
	color: #ccc !important;
	transition: color 0.2s linear 0s !important;
	-webkit-transition: color 0.2s linear 0s !important;
	-moz-transition: color 0.2s linear 0s !important;
}

#ys-title-search input:focus:-ms-input-placeholder {
	color: #ccc !important;
	transition: color 0.2s linear 0s !important;
	-webkit-transition: color 0.2s linear 0s !important;
	-moz-transition: color 0.2s linear 0s !important;
}

.ys-title-search-result  {
	/*display:block  !important;*/
	max-width:300px;
	width:300px;
	height:300px !important;
	padding: 20px 0 !important;
	z-index: 9999 !important;
	background: #fff !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	box-shadow: 0 1px 3px #555 !important;
	margin: 0 !important;
	font: 12px / 18px Arial, Tahoma, Verdana, sans-serif !important;
}

	.ys-title-search-result li {
		display: block;
		list-style: none !important;
		min-height: 25px !important;
		padding: 5px 30px 0 !important;
		margin: 0 !important;
		margin-bottom: 5px !important;
	}

		.ys-title-search-result li h3 {
			padding: 0 !important;
			font-weight: normal !important;
			margin: 0 !important;
			font-size: 14px !important;
			color: #35ab01;
		}

			.ys-title-search-result li h3 a {
				font-size: 13px !important;
				margin: 0 !important;
				padding: 0 !important;
				color: #e00c0c;
				border-color: #f39e9e;
			}
				
		.ys-title-search-result li .sim-img {
			width: auto !important;
			margin: 0 !important;
			padding-right: 10px !important;
			float: left !important;
		}

			.ys-title-search-result li .sim-img img {
				margin: 0 !important;
				padding: 0 !important;
				border: none !important;
			}

		.ys-title-search-result li .name  {
			margin: 0 !important;
			padding: 0 !important;
			border: none !important;
			padding-right: 5px !important;
			width: 180px !important;
			float: left !important;
		}

		.ys-title-search-result li.other .name  {
			padding-left: 73px !important;
			max-width: 300px !important;
			float: left !important;
		}


		.ys-title-search-result li .price {
			width: auto !important;
			font-size: 16px !important;
			font-weight: bold !important;
			margin: 0 !important;
			padding: 0 !important;
			padding-right: 15px !important;
			float: right !important;
		}

			.ys-title-search-result li .price .discount{
				text-align: right !important;
				margin: 0 !important;
				padding: 0 !important;
			}

			.ys-title-search-result li .price .not_discount{
				font-size: 12px !important;
				text-decoration: line-through !important;
				text-align: right!important;
				color: #666!important;
				margin: 0 !important;
				padding: 0 !important;
			}
			
		.ys-title-search-result li .ys-st-buy {
			margin: 0 !important;
			padding: 0 !important;
			float: right !important;
		}			

			.ys-title-search-result li .ys-st-buy .add2basket{
				-webkit-border-radius: 3px !important;
				-moz-border-radius: 3px !important;
				-ms-border-radius: 3px !important;
				-o-border-radius: 3px !important;
				border-radius: 3px !important;
				padding: 5px 16px !important;
				text-align: center !important;
				text-decoration: none !important;

				padding: 2px 6px !important;
				font-weight: bold !important;
				cursor: pointer !important;
				height: auto !important;
				width: auto !important;
			}			
			
			.ys-title-search-result li .ys-st-buy  .add2basket.in_basket{
				background-color: #ebecee!important;
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e3e5e7))!important;
				background-image: -webkit-linear-gradient(top, #fff, #e3e5e7)!important;
				background-image: -moz-linear-gradient(top, #fff, #e3e5e7)!important;
				background-image: -ms-linear-gradient(top, #fff, #e3e5e7)!important;
				background-image: -o-linear-gradient(top, #fff, #e3e5e7)!important;
				background-image: linear-gradient(top, #fff, #e3e5e7)!important;
				border: 1px solid #fff!important;
				box-shadow: 1px 2px 2px #8b8f92!important;
				color: #666 !important;
				text-shadow: 0 1px 0 #fff!important;
			}			
			
	.ys-title-search-result li.noitem {
		height: 20px !important;
	}	
	
	.ys-title-search-result li.noitem.i_all {
		margin-left: 64px !important;
	}
	
	.ys-title-search-result li.noitem.title {
		padding-top: 0px !important;
	}

	.ys-title-search-result li.noitem.other {
		padding-top: 0px !important;
	}

.ys-title-search-result.ys-scroll {
	overflow-y: scroll !important;  
	overflow-x: hidden !important;
}

.ys-title-search-result .have {
	width:auto!important;
    font-size: 12px!important;
    color: #000;
	padding: 3px 7px!important;
    text-decoration: none!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
}

.ys-title-search-result .have.not_available { background: #ffd5d5 !important; }
.ys-title-search-result .have.for_order { background: #ffffd5 !important; }

.ys-title-search-result .li_line { 
	display: -moz-inline-stack; /* < Firefox 2 backwards compatibility */
	display: inline-block;
	vertical-align: top;
}

.ys-title-search-result .buy_block { 
	float: right;
}


/* Dropdown menu */
.ys-st-selectBox-dropdown-menu {
	position: absolute !important;
	z-index: 99999 !important;
	max-height: 200px !important;
	min-height: 1em !important;
	border: solid 1px #BBB !important; /* should be the same border width as .selectBox-dropdown */
	background: #FFF !important;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2) !important;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2) !important;
	overflow: auto !important;
}


/* Options */
.ys-st-selectBox-options  {
	height: auto !important;
	width: auto !important;
	min-height: 0 !important;
	max-height: 150px !important;
	min-width: 100px!important;
	max-width: 170px !important;
}

.ys-st-selectBox-options,
.ys-st-selectBox-options LI,
.ys-st-selectBox-options LI A {
	list-style: none !important;
	display: block;
	cursor: default !important;
	padding: 0 !important;
	margin: 0 !important;
	font: 12px / 18px Arial, Tahoma, Verdana, sans-serif !important;
}

.ys-st-selectBox-options LI A {
	padding:3px 5px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	background: 6px center no-repeat !important;
	text-decoration:none !important;
	color:#222 !important;
	border: none !important;
}

.ys-st-selectBox-options LI.selectBox-hover A {
	background-color: #EEE !important;
}

.ys-st-selectBox-options LI.selectBox-disabled A {
	color: #888 !important;
	background-color: transparent !important;
}

.ys-st-selectBox-options LI.selectBox-selected A {
	background-color: #C8DEF4 !important;
}

.ys-st-selectBox-options .selectBox-optgroup {
	color: #666 !important;
	background: #EEE !important;
	font-weight: bold !important;
	line-height: 1.5 !important;
	padding: 0 .3em !important;
	white-space: nowrap !important;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/search.title/mobile_search/css_color/red.css?17612157292445 */
/* /bitrix/templates/.default/components/bitrix/search.title/mobile_search/style.css?176121572912350 */