

/* Start:/local/templates/lesobirga/components/bitrix/search.title/ajax_search/style.css?172875584119575*/
/*
@font-face{
	font-family: 'WebSymbolsLigaRegular';
		src: url('/local/templates/lesobirga/components/bitrix/search.title/ajax_search/fonts/websymbolsligaregular.eot');
		src: url('/local/templates/lesobirga/components/bitrix/search.title/ajax_search/fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
			url('/local/templates/lesobirga/components/bitrix/search.title/ajax_search/fonts/websymbolsligaregular.woff') format('woff'),
			url('/local/templates/lesobirga/components/bitrix/search.title/ajax_search/fonts/websymbolsligaregular.ttf') format('truetype'),
			url('/local/templates/lesobirga/components/bitrix/search.title/ajax_search/fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
}

#ys-title-search {
	position: relative !important;
	width: 370px !important;
	z-index: 12 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	font: 12px / 18px 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 .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;
		padding: 6px 200px 6px 10px !important;
		box-shadow: inset 0 2px 2px #d0d0d0 !important;
		width: 158px !important; !*370 form*!
		border: 1px solid #c0c0c0 !important;
		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 {
		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 {
		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(/local/templates/lesobirga/components/bitrix/search.title/ajax_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: #e00c0c;
		position: absolute !important;
		top: 4px !important;
		right: 8px !important;
		border: none !important;
		font-family: WebSymbolsLigaRegular !important;
		margin: 0 !important;
		padding: 0 !important;
		outline: none !important;
		text-decoration: none !important;
	}

		#ys-title-search .s_submit.loader {
			!*color: #666!important;*!
			right: 5px !important;
			font-size: 18px !important;
		}

		
		
		
		
#ys-title-search input::-webkit-input-placeholder {
	color: #777 !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: #777 !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: #777 !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: #777 !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;*!
	padding: 20px 0 !important;
	z-index: 500 !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;
}*/

.s_submit {
}

.search-block .search-wrapper .s_submit {
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    background: #0000;
    /*border: 1px solid #00f;*/
    cursor: pointer;
}

.s_submit:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #5CAD33;
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55295 17.1059C10.5265 17.1059 12.3408 16.427 13.7884 15.3012L18.4883 20.0011L20 18.4893L15.3002 13.7895C16.427 12.3408 17.1059 10.5265 17.1059 8.55295C17.1059 3.83707 13.2688 0 8.55295 0C3.83707 0 0 3.83707 0 8.55295C0 13.2688 3.83707 17.1059 8.55295 17.1059ZM8.55295 2.13824C12.0907 2.13824 14.9677 5.01523 14.9677 8.55295C14.9677 12.0907 12.0907 14.9677 8.55295 14.9677C5.01523 14.9677 2.13824 12.0907 2.13824 8.55295C2.13824 5.01523 5.01523 2.13824 8.55295 2.13824Z' fill='%235CAD33'/%3E%3C/svg%3E");
    mask-size: 100%;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55295 17.1059C10.5265 17.1059 12.3408 16.427 13.7884 15.3012L18.4883 20.0011L20 18.4893L15.3002 13.7895C16.427 12.3408 17.1059 10.5265 17.1059 8.55295C17.1059 3.83707 13.2688 0 8.55295 0C3.83707 0 0 3.83707 0 8.55295C0 13.2688 3.83707 17.1059 8.55295 17.1059ZM8.55295 2.13824C12.0907 2.13824 14.9677 5.01523 14.9677 8.55295C14.9677 12.0907 12.0907 14.9677 8.55295 14.9677C5.01523 14.9677 2.13824 12.0907 2.13824 8.55295C2.13824 5.01523 5.01523 2.13824 8.55295 2.13824Z' fill='%235CAD33'/%3E%3C/svg%3E");
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;

    -webkit-transition: background-color 0.3s ease 0s;
    -moz-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
}

.search-block .search-wrapper .s_submit:hover:before {
    background-color: #260;
}

@media (min-width: 1200px) {
    .header-bottom.affix .search_area .search-wrapper {
        width: 100%;
    }
}

.search-wrapper {
    position: relative
}

#search-quickPanel {
    display: block;
    width: 100%;
    position: absolute;
    top: 3rem;
    left: 0px;
    background: #fff;
    box-shadow: 0px 1rem 3rem rgba(0, 0, 0, .33)
}

#search-quickPanel.active {
    display: block;
}

#search-quickPanel .results {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none
}

#search-quickPanel .all-results {
    padding: 1rem .5rem;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

#search-quickPanel .all-results a {
    text-decoration: none !important
}

#search-quickPanel .result-line {
    display: flex;
    align-items: center;
    border-bottom: 1px rgba(0, 0, 0, .15) solid;
    justify-content: space-between;
}

#search-quickPanel .result-line > div {
    padding: .25rem .5rem
}

#search-quickPanel .result-line > .name.result-title {
    flex-grow: 2;
}

#search-quickPanel .result-line:hover, #search-quickPanel .result-line:focus {
    background: rgba(0, 0, 0, .15)
}

#search-quickPanel .result-img img {
    display: block;
    width: 3rem;
    height: 3rem
}

#search-quickPanel .result-img {
    width: 4rem;
}

#search-quickPanel .result-price {
    width: 8rem;
    text-align: right;
    white-space: nowrap;
}

#search-quickPanel .result-price .price_m2_value {
    font-weight: bold
}

#search-quickPanel .result-price .price_m2_value {
    font-weight: bold
}

#search-quickPanel .result-price s {
    display: block;
    text-align: left;
    font-size: 0.8em;
    color: #aeaeae;
}

.rp_body {
    text-align: left;
}

#ys-title-search .s_submit {
    color: #FFFFFF
}

#search-quickPanel-one {
    display: block;
    width: 100%;
    position: absolute;
    top: 3rem;
    left: 0px;
    background: #fff;
    box-shadow: 0px 1rem 3rem rgba(0, 0, 0, .33)
}

#search-quickPanel-one.active {
    display: block;
}

#search-quickPanel-one .results {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none
}

#search-quickPanel-one .all-results {
    padding: 1rem .5rem;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

#search-quickPanel-one .all-results a {
    text-decoration: none !important
}

#search-quickPanel-one .result-line {
    display: flex;
    align-items: center;
    border-bottom: 1px rgba(0, 0, 0, .15) solid;
}

#search-quickPanel-one .result-line > div {
    padding: .25rem .5rem
}

#search-quickPanel-one .result-line:hover, #search-quickPanel .result-line:focus {
    background: rgba(0, 0, 0, .15)
}

#search-quickPanel-one .result-img img {
    display: block;
    width: 3rem;
    height: 3rem
}

#search-quickPanel-one .result-img {
    width: 4rem;
}

#search-quickPanel-one .result-price {
    width: 8rem;
    text-align: right
}

#search-quickPanel-one .result-price .price_m2_value {
    font-weight: bold
}

#ys-title-search-one .s_submit {
    color: #FFFFFF
}

#search-quickPanel-two {
    display: block;
    width: 100%;
    position: absolute;
    top: 3rem;
    left: 0px;
    background: #fff;
    box-shadow: 0px 1rem 3rem rgba(0, 0, 0, .33);
    z-index: 10
}

#search-quickPanel-two.active {
    display: block;
}

#search-quickPanel-two .results {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none
}

#search-quickPanel-two .all-results {
    padding: 1rem .5rem;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

#search-quickPanel-two .all-results a {
    text-decoration: none !important
}

#search-quickPanel-two .result-line {
    display: flex;
    align-items: center;
    border-bottom: 1px rgba(0, 0, 0, .15) solid;
}

#search-quickPanel-two .result-line > div {
    padding: .25rem .5rem
}

#search-quickPanel-two .result-line:hover, #search-quickPanel .result-line:focus {
    background: rgba(0, 0, 0, .15)
}

#search-quickPanel-two .result-img img {
    display: block;
    width: 3rem;
    height: 3rem
}

#search-quickPanel-two .result-img {
    width: 4rem;
}

#search-quickPanel-two .result-price {
    width: 8rem;
    text-align: right
}

#search-quickPanel-two .result-price .price_m2_value {
    font-weight: bold
}

#ys-title-search-two .s_submit {
    color: #FFFFFF
}

.result-price.discounted strong {
    color: red;
}
/* End */
/* /local/templates/lesobirga/components/bitrix/search.title/ajax_search/style.css?172875584119575 */
