/* Start:/local/templates/prohome/components/redsign/catalog.sorter/gopro/style.css?17526863194213*/
.sorter_and_name .catalogsorter{position:relative;display:none;height:0;margin:0;padding:0;box-sizing:border-box;z-index:10000}

.catalogsorter{width:100%;text-align:center;box-sizing:border-box;z-index:10000}

.catalogsorter .sortaou{float:right;margin:0;padding:0;font-size:16px}

.bottom .catalogsorter{padding-top:2px}

.bottom  .catalogsorter .sortaou{float:right}

.catalogsorter .sort,
.catalogsorter .shortsort{float:none;margin-right:0px}

.catalogsorter .output{float:right;margin:0 4px 0 0}

.catalogsorter .template{float:right;margin:5px 4px 0 0;padding:0;text-align:center;font-size:16px}

.catalogsorter .template a{position:relative;float:right;display:block;*width:180px;height:40px;padding:0 4px;line-height:40px;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box}

.catalogsorter .dropdown{position:relative}

.catalogsorter .output .dropdown a.select{position:relative;float:right;display:block;width:120px;height:40px;line-height:40px;font-size:16px;border:1px solid rgba(0,0,0,0.1);border-radius:3px;box-sizing:border-box}
	.catalogsorter .output .dropdown a.select:hover{color:rgba(255,255,255,0.9);text-decoration:none;border:1px solid rgba(0,0,0,0.2);background-color:rgba(33,16,5,0.7)}
	
.catalogsorter .dropdown a.select{position:relative;float:right;display:block;width:180px;height:40px;line-height:40px;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box}
	.catalogsorter .dropdown a.select:hover{color:rgba(255,255,255,0.9);text-decoration:none;border:1px solid rgba(0,0,0,0.2);background-color:rgba(33,16,5,0.7)}
	
.catalogsorter .dropdown i{margin:0 4px 0 0;font-size:14px;}

.catalogsorter .title{display:inline;margin-right:5px;padding:5px 0px}

.catalogsorter .dropdownin{position:absolute;left:0;top:42px;display:none;width:180px;padding:4px;border:1px solid rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.5);background-color:#FFF;box-sizing:border-box;z-index:101}

.catalogsorter .output .dropdownin{width:120px}

.catalogsorter .dropdown.hover .dropdownin{display:block}

.catalogsorter .dropdownin a{display:block;padding:4px 6px;font-size:16px;text-decoration:none}

.catalogsorter .dropdownin a:hover{color:rgba(255,255,255,0.9);background:rgba(33,16,5,0.7)}

.catalogsorter .dropdownin a.selected{color:rgba(255,255,255,0.9);background:rgba(33,16,5,0.7)}


/* output */
.catalogsorter .output i{
	width:8px;
	height:4px;
	margin-left:6px;
	margin-bottom:2px;
	background-position:0px 0px;
}

.catalogsorter .output .dropdownin a i{display:none}

.catalogsorter .sort .dropdown,
.catalogsorter .output .dropdown{padding:5px 0px}

/* template & shortsort */
.catalogsorter .shortsort a{float:left}

.catalogsorter .shortsort a{display:block;*padding:5px 8px;margin-left:4px;text-decoration:none;*border-radius:0px}

.catalogsorter .shortsort a:hover{*color:#FFF;*background-color:rgba(33,16,5,0.7);text-decoration:underline;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5)}

.catalogsorter .shortsort a.selected{*color:#FFF;*background-color:rgba(33,16,5,0.7);box-shadow:inset 0 0 6px 0 rgba(0,0,0,.5)}

.catalogsorter .shortsort a:active,
.catalogsorter .shortsort a.selected:active{text-decoration:underline;color:#fff;background-color:#d36f25}

.catalogsorter span.drop{display:none}


@media screen and (max-width:800px){

	.catalogsorter{*padding:4px;font-size:24px}

	.catalogsorter .sortaou{float:none;display:block;padding:0;text-align:center}

	.catalogsorter .title{width:100%;margin:0;padding:0}
	
	.catalogsorter .dropdown{margin:50px 0 0}
	
	.catalogsorter .dropdownin{position:relative !important;top:0;display:block;width:calc(100% - 8px);margin:0 4px 0;border:none;box-shadow:none}

	.catalogsorter .dropdown a.select{display:none;width:calc(100% - 8px);margin:0 4px 0;font-size:22px;color:rgba(0,0,0.9);background:rgba(255,255,255,.9);box-sizing:border-box}
		.catalogsorter .dropdown a.select:hover{color:rgba(0,0,0,.9);border:1px solid rgba(0,0,0,0.2);background-color:rgba(33,16,5,0.7)}

	.catalogsorter .dropdownin a{display:block;width:100%;padding:12px 0;font-size:18px}

	.catalogsorter .output{display:none}

}

@media screen and (max-width:650px){
	
}

@media screen and (max-width:390px){

	.catalogsorter .sort .title{
		display:none
	}

}
/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.css?165607496064*/
font.errortext
{
	color:red;
}

font.notetext
{
	color:green;
}

/* End */
/* /local/templates/prohome/components/redsign/catalog.sorter/gopro/style.css?17526863194213 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.css?165607496064 */