.opened #sort5
{
display: block;
right:-30px;

    top: 100%;
    background: #fff;
    box-shadow: 0px 6px 22px 0px #00000026;
    padding-right: 20px;
    padding-left: 20px;
 min-width:calc(100% + 30px);
    position: absolute;
    padding-top: 18px;
    padding-bottom: 8px;

}

#sort5 .active span{
	border-bottom:1px solid
}



#sort5 div
{
color:#000;
font-size: 14px;
line-height: 17px;
display:block;
white-space:nowrap;
padding-bottom:15px;
}


 
.fl>i svg
{
	position:absolute;
	left:2px;
	bottom:2px;
	display:none;
}
.fl.active>i svg
{
	display:block;
}
.fl>i
{
	width: 14px;
height: 14px;
position:absolute;
left:0px;
top:2px;
border: 1px solid #DCDCDC
}



#sort.opened #sort4:after {
    margin-top: -1px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.fl{
	cursor:pointer;
	position:relative;
	padding-left:25px;
	padding-bottom:13px;
}

.fl>span
{
color:#000;
font-size: 14px;
line-height: 17px;
display:block;
white-space:nowrap;
}

.fl_wrap
{
	position:relative;
}

.fl input
{
display:none;	
}
 
 
.fl_wrap.opened .fl_body_wrap
{
	
	
	display:block;
	left:0px;
	top:100%;
	background:#fff;

box-shadow: 0px 6px 22px 0px #00000026;


	padding:22px;
	position:absolute;
	    padding-top: 18px;
    padding-bottom: 8px;
}

.loading img {
   
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
   
}


@-webkit-keyframes uil-ring-anim{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes uil-ring-anim{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes uil-ring-anim{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes uil-ring-anim{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}