.navigation-button a {
        color: #fff !important;
        background: #0066FF !important;
        margin-bottom: 15px !important;
    }
    .navigation-button a:hover {
        background: #2778f1 !important;
    }


@media(min-width:10px) and (max-width:570px){
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 15px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

	
			.form-group.combo:after { clear: both; display: table; content: ""; }
			.form-group.combo > .combo_field { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
			
			.form-group.combo > .combo_field:last-child { padding-left: 7.5px !important; }
			.form-group.combo > .combo_field:first-child { padding-right: 7.5px !important; }
		
		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid #efefef; }

.filter-slider#xf_year {
        position: relative;
        margin: 30px 0px 20px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
#xf_imdb { 
	width: 100%;
	margin: 20px 0px 0px 0px !important;
	float: left;
}


    .div-filtri-3 {
        width: 100%;
        font-size: 16px;
        floaT: left;
        font-family: font-1
    }
    .div-filtri-2 {
        margin: 2% 3% 1% 3%
    }
    .div-filtri-1 {
        color: #fff;
        width: 100%;
        margin: 0% 0% 15px 0%;
        line-height: 25px;
        background-color: #0c0f15;
        floaT: left;
        position: relative;
        font-size: 15px;
        letter-spacing: 0.5px;
        border-radius: 5px;
    }


   .clr.infoblock .title {
       color: #0066FF;
       padding: 0px 0px 4px 0px;
       width: 100%;
       floaT: left;
       font-family: font-3;
    }
    .clr.infoblock b {
        color: #fff;
        padding: 0px 0px 0px 0px;
        width: 100%;
        floaT: left
    }
    .clr.infoblock {
    	width: 100%;
    	floaT: left;
    	position:relative;
        color: #fff;
        margin: 20px 0px 40px 0px;
        text-align: center;
    }
    #navigation {
        width: 100%;
        floaT: left
    }
    #navigation .navigation-button {
        display: block !important
    }
    .navigation-button {
        display: none !important
    }


   
    .filter {
        padding: 0px 6px 0px 6px !important;
    }
    .no-select {
        color: #8c8b8e;
        position: relative;
        z-indeX: 99999;
        padding: 0px 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .sector {
        padding: 30px 0
    }
    .sector.nobottom {
        padding: 0px 0 0
    }
    .sector_title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px
    }
    .filmslist .sector_title {
        margin-left: 15px;
        margin-right: 15px
    }
    .sector_title .button {
        font-size: 13px;
        color: #333;
        line-height: 20px
    }
    .filmslist .filter {
        margin: 0 -15px
    }
    .filter .title {
        color: #666;
        font-size: 15px
    }
    .filter .title .fa {
        margin-right: 3px
    }
    #xf_imdb.filter-slider.ui-widget-content {
        position: relative;
        margin: 10px 0px 40px 0px !important
    }
   .filter-slider.ui-widget-content {
        position: relative;
        margin: 20px 0px 0px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .filter-slider .steps span {
    	font-family: font-3;
        position: absolute;
        top: 10px;
        font-size: 0px;
        color: #8d8d8d;
        text-align: center;
        width: 26px;
        text-align: center
    }
    .filter-slider .steps span:before {
        content: '';
        display: block;
        width: 1px;
        margin: 0 auto;
        height: 7px;
        background: #2a3140;
    }
    .filter-slider .steps .s1 {
        left: 0;
        margin-left: 0
    }
    .filter-slider .steps .s2 {
        left: 25%;
        margin-left: 1px
    }
    .filter-slider .steps .s3 {
        left: 50%;
        margin-left: -12px
    }
    .filter-slider .steps .s4 {
        left: 75%;
        margin-left: 1px
    }
    .filter-slider .steps .s5 {
        left: 100%;
        margin-left: -24px
    }
    .filter-value {
        width: 25px;
        text-align: center;
        color: #fff;
        font-size: 10px;
        height: 22px;
        line-height: 22px;
        text-shadow: none;
        padding: 0 5px;
        border-radius: 4px;
        font-size: 11px;
        position: absolute;
        top: -27px;
        margin-left: -18px !important
    }
    #xf_year .filter-value {
        margin-left: -25px
    }
    #xf_imdb .filter-value {
        margin-left: -21px
    }
    .ui-slider {
        position: relative;
        text-align: left
    }
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 16px;
        height: 16px;
        margin-left: -7px;
        top: -5.4px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        -ms-touch-action: none;
        touch-action: none;
        cursor: pointer;
        text-align: center;
        background-color: #1d1c21
    }
    .ui-slider .ui-slider-handle:before {
        content: '';
        margin-top: 5px;
        width: 5px;
        height: 5px;
        display: inline-block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px
    }
    .ui-slider .ui-slider-handle.ui-state-active:before {
        display: none
    }
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-color: #2d384c;
        background: #2d384c;
        top: -0px;
        height: 100%;
    }
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }
    .filter .ui-state-default {
        background: #3b4962;
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button span {
        display: none
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin: 0px 0
    }
    .navigation-button span {
        display: none
    }
    .navigation-button a {
        display: inline-block;
        background: #ffbb04;
        color: #333;
        font-weight: normal;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: 0px solid #ffbb04;
        padding: 12px 22px 10px 22px;
        font-family: font-1;
        white-space: nowrap;
        -webkit-transition: background 0.2s ease-out;
        -moz-transition: background 0.2s ease-out;
        -o-transition: background 0.2s ease-out;
        transition: background 0.2s ease-out
    }
    .navigation-button a:hover {
        text-decoration: none;
        background: #FFD862;
        cursor: pointer
    }


    

.butt {
	width: 100% !important;
	floaT: left;
	margin: 0px 0px 50px 0px !important;
}


.filt-col {
	width: 100% !important;
	floaT: right !important;
	margin: 0px 0px 10px 0px !important;
}

.sidebar-div-5 {
	width: 100%;
	floaT: left;
	font-size: 0px;
	margin: 10px 0px 0px 0px;
}



.sidebar-div-4{
	width: 100%;
	floaT: left;
	position:relative;
	/* overflow:hidden; */
}



.sidebar-div-3{
	color:#fff;
	width: 100%;
	floaT: left;
	border-radius: 0px;
	position:relative;
	font-size: 15px;
	font-family: font-1;
	margin-bottom: 10px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px #232228 solid;
}



.sidebar-div-2{
	padding: 0px 20px;
}


.sidebar-div-1{
	z-index: 9;
	width: 100%;
	floaT: left;
	background: #1D2534;
	border-radius: 5px;
	position:relative;
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
}





.speedbar-2 a{
display: none;
}


.speedbar-2{
margin: 0px 17px; 
}

.speedbar-1{
    width: 100%;
    background: #1D2534;
    color:#ffff;
    margin-bottom: 15px;
    padding: 14px 0px;
    border-radius: 5px;
    overflow: hidden;
    position:relative;
    font-size: 16px;
    font-family: font-1;
    letter-spacing: 0.3px;
}


.center-size-3{
margin: 0px 7.5px; 
}


.navigation1 a:hover {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 span  {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 a, .navigation1 span  {
    color: #ffffff;
    padding: 0 12px;
    display: inline-block;
    border: 2px solid rgb(90 90 90 / 0%);
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    font-weight: 700;
    transition: .2s ease;
    font-family: font-3;
    border-radius: 4px;

}

.navigation1{
    border-radius: 5px;
    padding: 5px 0px 20px 0px;
    width: 100%;
    floaT: left;
    text-align: center;
}
}	
	

@media(min-width:570px) and (max-width:768px){
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 15px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

	
			.form-group.combo:after { clear: both; display: table; content: ""; }
			.form-group.combo > .combo_field { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
			
			.form-group.combo > .combo_field:last-child { padding-left: 7.5px !important; }
			.form-group.combo > .combo_field:first-child { padding-right: 7.5px !important; }
		
		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid #efefef; }

.filter-slider#xf_year {
        position: relative;
        margin: 30px 0px 20px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
#xf_imdb { 
	width: 100%;
	margin: 20px 0px 0px 0px !important;
	float: left;
}


    .div-filtri-3 {
        width: 100%;
        font-size: 16px;
        floaT: left;
        font-family: font-1
    }
    .div-filtri-2 {
        margin: 2% 3% 1% 3%
    }
    .div-filtri-1 {
        color: #fff;
        width: 100%;
        margin: 0% 0% 15px 0%;
        line-height: 25px;
        background-color: #0c0f15;
        floaT: left;
        position: relative;
        font-size: 15px;
        letter-spacing: 0.5px;
        border-radius: 5px;
    }


   .clr.infoblock .title {
       color: #0066FF;
       padding: 0px 0px 4px 0px;
       width: 100%;
       floaT: left;
       font-family: font-3;
    }
    .clr.infoblock b {
        color: #fff;
        padding: 0px 0px 0px 0px;
        width: 100%;
        floaT: left
    }
    .clr.infoblock {
    	width: 100%;
    	floaT: left;
    	position:relative;
        color: #fff;
        margin: 20px 0px 40px 0px;
        text-align: center;
    }
    #navigation {
        width: 100%;
        floaT: left
    }
    #navigation .navigation-button {
        display: block !important
    }
    .navigation-button {
        display: none !important
    }


   
    .filter {
        padding: 0px 6px 0px 6px !important;
    }
    .no-select {
        color: #8c8b8e;
        position: relative;
        z-indeX: 99999;
        padding: 0px 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .sector {
        padding: 30px 0
    }
    .sector.nobottom {
        padding: 0px 0 0
    }
    .sector_title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px
    }
    .filmslist .sector_title {
        margin-left: 15px;
        margin-right: 15px
    }
    .sector_title .button {
        font-size: 13px;
        color: #333;
        line-height: 20px
    }
    .filmslist .filter {
        margin: 0 -15px
    }
    .filter .title {
        color: #666;
        font-size: 15px
    }
    .filter .title .fa {
        margin-right: 3px
    }
    #xf_imdb.filter-slider.ui-widget-content {
        position: relative;
        margin: 10px 0px 40px 0px !important
    }
   .filter-slider.ui-widget-content {
        position: relative;
        margin: 20px 0px 0px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .filter-slider .steps span {
    	font-family: font-3;
        position: absolute;
        top: 10px;
        font-size: 0px;
        color: #8d8d8d;
        text-align: center;
        width: 26px;
        text-align: center
    }
    .filter-slider .steps span:before {
        content: '';
        display: block;
        width: 1px;
        margin: 0 auto;
        height: 7px;
        background: #2a3140;
    }
    .filter-slider .steps .s1 {
        left: 0;
        margin-left: 0
    }
    .filter-slider .steps .s2 {
        left: 25%;
        margin-left: 1px
    }
    .filter-slider .steps .s3 {
        left: 50%;
        margin-left: -12px
    }
    .filter-slider .steps .s4 {
        left: 75%;
        margin-left: 1px
    }
    .filter-slider .steps .s5 {
        left: 100%;
        margin-left: -24px
    }
    .filter-value {
        width: 25px;
        text-align: center;
        color: #fff;
        font-size: 10px;
        height: 22px;
        line-height: 22px;
        text-shadow: none;
        padding: 0 5px;
        border-radius: 4px;
        font-size: 11px;
        position: absolute;
        top: -27px;
        margin-left: -18px !important
    }
    #xf_year .filter-value {
        margin-left: -25px
    }
    #xf_imdb .filter-value {
        margin-left: -21px
    }
    .ui-slider {
        position: relative;
        text-align: left
    }
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 16px;
        height: 16px;
        margin-left: -7px;
        top: -5.4px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        -ms-touch-action: none;
        touch-action: none;
        cursor: pointer;
        text-align: center;
        background-color: #1d1c21
    }
    .ui-slider .ui-slider-handle:before {
        content: '';
        margin-top: 5px;
        width: 5px;
        height: 5px;
        display: inline-block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px
    }
    .ui-slider .ui-slider-handle.ui-state-active:before {
        display: none
    }
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-color: #2d384c;
        background: #2d384c;
        top: -0px;
        height: 100%;
    }
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }
    .filter .ui-state-default {
        background: #3b4962;
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button span {
        display: none
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin: 0px 0
    }
    .navigation-button span {
        display: none
    }
    .navigation-button a {
        display: inline-block;
        background: #ffbb04;
        color: #333;
        font-weight: normal;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: 0px solid #ffbb04;
        padding: 12px 22px 10px 22px;
        font-family: font-1;
        white-space: nowrap;
        -webkit-transition: background 0.2s ease-out;
        -moz-transition: background 0.2s ease-out;
        -o-transition: background 0.2s ease-out;
        transition: background 0.2s ease-out
    }
    .navigation-button a:hover {
        text-decoration: none;
        background: #FFD862;
        cursor: pointer
    }


    

.butt {
	width: 100% !important;
	floaT: left;
	margin: 0px 0px 50px 0px !important;
}


.filt-col {
	width: 100% !important;
	floaT: right !important;
	margin: 0px 0px 10px 0px !important;
}

.sidebar-div-5 {
	width: 100%;
	floaT: left;
	font-size: 0px;
	margin: 10px 0px 0px 0px;
}



.sidebar-div-4{
	width: 100%;
	floaT: left;
	position:relative;
	/* overflow:hidden; */
}



.sidebar-div-3{
	color:#fff;
	width: 100%;
	floaT: left;
	border-radius: 0px;
	position:relative;
	font-size: 15px;
	font-family: font-1;
	margin-bottom: 10px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px #232228 solid;
}



.sidebar-div-2{
	padding: 0px 20px;
}


.sidebar-div-1{
	z-index: 9;
	width: 100%;
	floaT: left;
	background: #1D2534;
	border-radius: 5px;
	position:relative;
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
}





.speedbar-2 a{
display: none;
}


.speedbar-2{
margin: 0px 17px; 
}

.speedbar-1{
    width: 100%;
    background: #1D2534;
    color:#ffff;
    margin-bottom: 15px;
    padding: 14px 0px;
    border-radius: 5px;
    overflow: hidden;
    position:relative;
    font-size: 16px;
    font-family: font-1;
    letter-spacing: 0.3px;
}


.center-size-3{
margin: 0px 7.5px; 
}


.navigation1 a:hover {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 span  {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 a, .navigation1 span  {
    color: #ffffff;
    padding: 0 12px;
    display: inline-block;
    border: 2px solid rgb(90 90 90 / 0%);
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    font-weight: 700;
    transition: .2s ease;
    font-family: font-3;
    border-radius: 4px;

}

.navigation1{
    border-radius: 5px;
    padding: 5px 0px 20px 0px;
    width: 100%;
    floaT: left;
    text-align: center;
}
}	
	

	

@media(min-width:768px) and (max-width:1005px){
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 15px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

	
			.form-group.combo:after { clear: both; display: table; content: ""; }
			.form-group.combo > .combo_field { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
			
			.form-group.combo > .combo_field:last-child { padding-left: 7.5px !important; }
			.form-group.combo > .combo_field:first-child { padding-right: 7.5px !important; }
		
		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid #efefef; }

.filter-slider#xf_year {
        position: relative;
        margin: 30px 0px 20px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
#xf_imdb { 
	width: 100%;
	margin: 20px 0px 0px 0px !important;
	float: left;
}


    .div-filtri-3 {
        width: 100%;
        font-size: 16px;
        floaT: left;
        font-family: font-1
    }
    .div-filtri-2 {
        margin: 2% 3% 1% 3%
    }
    .div-filtri-1 {
        color: #fff;
        width: 100%;
        margin: 0% 0% 15px 0%;
        line-height: 25px;
        background-color: #0c0f15;
        floaT: left;
        position: relative;
        font-size: 15px;
        letter-spacing: 0.5px;
        border-radius: 5px;
    }


   .clr.infoblock .title {
       color: #0066FF;
       padding: 0px 0px 4px 0px;
       width: 100%;
       floaT: left;
       font-family: font-3;
    }
    .clr.infoblock b {
        color: #fff;
        padding: 0px 0px 0px 0px;
        width: 100%;
        floaT: left
    }
    .clr.infoblock {
    	width: 100%;
    	floaT: left;
    	position:relative;
        color: #fff;
        margin: 20px 0px 40px 0px;
        text-align: center;
    }
    #navigation {
        width: 100%;
        floaT: left
    }
    #navigation .navigation-button {
        display: block !important
    }
    .navigation-button {
        display: none !important
    }


   
    .filter {
        padding: 0px 6px 0px 6px !important;
    }
    .no-select {
        color: #8c8b8e;
        position: relative;
        z-indeX: 99999;
        padding: 0px 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .sector {
        padding: 30px 0
    }
    .sector.nobottom {
        padding: 0px 0 0
    }
    .sector_title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px
    }
    .filmslist .sector_title {
        margin-left: 15px;
        margin-right: 15px
    }
    .sector_title .button {
        font-size: 13px;
        color: #333;
        line-height: 20px
    }
    .filmslist .filter {
        margin: 0 -15px
    }
    .filter .title {
        color: #666;
        font-size: 15px
    }
    .filter .title .fa {
        margin-right: 3px
    }
    #xf_imdb.filter-slider.ui-widget-content {
        position: relative;
        margin: 10px 0px 40px 0px !important
    }
   .filter-slider.ui-widget-content {
        position: relative;
        margin: 20px 0px 0px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .filter-slider .steps span {
    	font-family: font-3;
        position: absolute;
        top: 10px;
        font-size: 0px;
        color: #8d8d8d;
        text-align: center;
        width: 26px;
        text-align: center
    }
    .filter-slider .steps span:before {
        content: '';
        display: block;
        width: 1px;
        margin: 0 auto;
        height: 7px;
        background: #2a3140;
    }
    .filter-slider .steps .s1 {
        left: 0;
        margin-left: 0
    }
    .filter-slider .steps .s2 {
        left: 25%;
        margin-left: 1px
    }
    .filter-slider .steps .s3 {
        left: 50%;
        margin-left: -12px
    }
    .filter-slider .steps .s4 {
        left: 75%;
        margin-left: 1px
    }
    .filter-slider .steps .s5 {
        left: 100%;
        margin-left: -24px
    }
    .filter-value {
        width: 25px;
        text-align: center;
        color: #fff;
        font-size: 10px;
        height: 22px;
        line-height: 22px;
        text-shadow: none;
        padding: 0 5px;
        border-radius: 4px;
        font-size: 11px;
        position: absolute;
        top: -27px;
        margin-left: -18px !important
    }
    #xf_year .filter-value {
        margin-left: -25px
    }
    #xf_imdb .filter-value {
        margin-left: -21px
    }
    .ui-slider {
        position: relative;
        text-align: left
    }
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 16px;
        height: 16px;
        margin-left: -7px;
        top: -5.4px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        -ms-touch-action: none;
        touch-action: none;
        cursor: pointer;
        text-align: center;
        background-color: #1d1c21
    }
    .ui-slider .ui-slider-handle:before {
        content: '';
        margin-top: 5px;
        width: 5px;
        height: 5px;
        display: inline-block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px
    }
    .ui-slider .ui-slider-handle.ui-state-active:before {
        display: none
    }
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-color: #2d384c;
        background: #2d384c;
        top: -0px;
        height: 100%;
    }
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }
    .filter .ui-state-default {
        background: #3b4962;
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button span {
        display: none
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin: 0px 0
    }
    .navigation-button span {
        display: none
    }
    .navigation-button a {
        display: inline-block;
        background: #ffbb04;
        color: #333;
        font-weight: normal;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: 0px solid #ffbb04;
        padding: 12px 22px 10px 22px;
        font-family: font-1;
        white-space: nowrap;
        -webkit-transition: background 0.2s ease-out;
        -moz-transition: background 0.2s ease-out;
        -o-transition: background 0.2s ease-out;
        transition: background 0.2s ease-out
    }
    .navigation-button a:hover {
        text-decoration: none;
        background: #FFD862;
        cursor: pointer
    }


    

.butt {
	width: 12% !important;
	floaT: left;
	margin: 20px 0px 0px 0px !important;
}


.filt-col {
	width: 37% !important;
	floaT: right !important;
	margin: 20px 0px 0px 20px !important;
}

.sidebar-div-5 {
	width: 100%;
	floaT: left;
	font-size: 0px;
	margin: 10px 0px 0px 0px;
}



.sidebar-div-4{
	width: 100%;
	floaT: left;
	position:relative;
	/* overflow:hidden; */
}



.sidebar-div-3{
	color:#fff;
	width: 100%;
	floaT: left;
	border-radius: 0px;
	position:relative;
	font-size: 15px;
	font-family: font-1;
	margin-bottom: 10px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px #232228 solid;
}



.sidebar-div-2{
	padding: 0px 20px;
}


.sidebar-div-1{
	z-index: 9;
	width: 100%;
	floaT: left;
	background: #1D2534;
	border-radius: 5px;
	position:relative;
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
}





.speedbar-2 a{
display: none;
}


.speedbar-2{
margin: 0px 17px; 
}

.speedbar-1{
    width: 100%;
    background: #1D2534;
    color:#ffff;
    margin-bottom: 15px;
    padding: 14px 0px;
    border-radius: 5px;
    overflow: hidden;
    position:relative;
    font-size: 16px;
    font-family: font-1;
    letter-spacing: 0.3px;
}


.center-size-3{
margin: 0px 7.5px; 
}


.navigation1 a:hover {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 span  {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 a, .navigation1 span  {
    color: #ffffff;
    padding: 0 12px;
    display: inline-block;
    border: 2px solid rgb(90 90 90 / 0%);
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    font-weight: 700;
    transition: .2s ease;
    font-family: font-3;
    border-radius: 4px;

}

.navigation1{
    border-radius: 5px;
    padding: 5px 0px 20px 0px;
    width: 100%;
    floaT: left;
    text-align: center;
}
}	
	


@media(min-width:1005px) and (max-width:1205px){
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 15px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

	
			.form-group.combo:after { clear: both; display: table; content: ""; }
			.form-group.combo > .combo_field { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
			
			.form-group.combo > .combo_field:last-child { padding-left: 7.5px !important; }
			.form-group.combo > .combo_field:first-child { padding-right: 7.5px !important; }
		
		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid #efefef; }

.filter-slider#xf_year {
        position: relative;
        margin: 30px 0px 20px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
#xf_imdb { 
	width: 100%;
	margin: 20px 0px 0px 0px !important;
	float: left;
}


    .div-filtri-3 {
        width: 100%;
        font-size: 16px;
        floaT: left;
        font-family: font-1
    }
    .div-filtri-2 {
        margin: 2% 3% 1% 3%
    }
    .div-filtri-1 {
        color: #fff;
        width: 100%;
        margin: 0% 0% 15px 0%;
        line-height: 25px;
        background-color: #0c0f15;
        floaT: left;
        position: relative;
        font-size: 15px;
        letter-spacing: 0.5px;
        border-radius: 5px;
    }


   .clr.infoblock .title {
       color: #0066FF;
       padding: 0px 0px 4px 0px;
       width: 100%;
       floaT: left;
       font-family: font-3;
    }
    .clr.infoblock b {
        color: #fff;
        padding: 0px 0px 0px 0px;
        width: 100%;
        floaT: left
    }
    .clr.infoblock {
    	width: 100%;
    	floaT: left;
    	position:relative;
        color: #fff;
        margin: 20px 0px 40px 0px;
        text-align: center;
    }
    #navigation {
        width: 100%;
        floaT: left
    }
    #navigation .navigation-button {
        display: block !important
    }
    .navigation-button {
        display: none !important
    }


   
    .filter {
        padding: 0px 6px 0px 6px !important;
    }
    .no-select {
        color: #8c8b8e;
        position: relative;
        z-indeX: 99999;
        padding: 0px 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .sector {
        padding: 30px 0
    }
    .sector.nobottom {
        padding: 0px 0 0
    }
    .sector_title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px
    }
    .filmslist .sector_title {
        margin-left: 15px;
        margin-right: 15px
    }
    .sector_title .button {
        font-size: 13px;
        color: #333;
        line-height: 20px
    }
    .filmslist .filter {
        margin: 0 -15px
    }
    .filter .title {
        color: #666;
        font-size: 15px
    }
    .filter .title .fa {
        margin-right: 3px
    }
    #xf_imdb.filter-slider.ui-widget-content {
        position: relative;
        margin: 10px 0px 40px 0px !important
    }
   .filter-slider.ui-widget-content {
        position: relative;
        margin: 20px 0px 0px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .filter-slider .steps span {
    	font-family: font-3;
        position: absolute;
        top: 10px;
        font-size: 0px;
        color: #8d8d8d;
        text-align: center;
        width: 26px;
        text-align: center
    }
    .filter-slider .steps span:before {
        content: '';
        display: block;
        width: 1px;
        margin: 0 auto;
        height: 7px;
        background: #2a3140;
    }
    .filter-slider .steps .s1 {
        left: 0;
        margin-left: 0
    }
    .filter-slider .steps .s2 {
        left: 25%;
        margin-left: 1px
    }
    .filter-slider .steps .s3 {
        left: 50%;
        margin-left: -12px
    }
    .filter-slider .steps .s4 {
        left: 75%;
        margin-left: 1px
    }
    .filter-slider .steps .s5 {
        left: 100%;
        margin-left: -24px
    }
    .filter-value {
        width: 25px;
        text-align: center;
        color: #fff;
        font-size: 10px;
        height: 22px;
        line-height: 22px;
        text-shadow: none;
        padding: 0 5px;
        border-radius: 4px;
        font-size: 11px;
        position: absolute;
        top: -27px;
        margin-left: -18px !important
    }
    #xf_year .filter-value {
        margin-left: -25px
    }
    #xf_imdb .filter-value {
        margin-left: -21px
    }
    .ui-slider {
        position: relative;
        text-align: left
    }
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 16px;
        height: 16px;
        margin-left: -7px;
        top: -5.4px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        -ms-touch-action: none;
        touch-action: none;
        cursor: pointer;
        text-align: center;
        background-color: #1d1c21
    }
    .ui-slider .ui-slider-handle:before {
        content: '';
        margin-top: 5px;
        width: 5px;
        height: 5px;
        display: inline-block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px
    }
    .ui-slider .ui-slider-handle.ui-state-active:before {
        display: none
    }
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-color: #2d384c;
        background: #2d384c;
        top: -0px;
        height: 100%;
    }
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }
    .filter .ui-state-default {
        background: #3b4962;
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button span {
        display: none
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin: 0px 0
    }
    .navigation-button span {
        display: none
    }
    .navigation-button a {
        display: inline-block;
        background: #ffbb04;
        color: #333;
        font-weight: normal;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: 0px solid #ffbb04;
        padding: 12px 22px 10px 22px;
        font-family: font-1;
        white-space: nowrap;
        -webkit-transition: background 0.2s ease-out;
        -moz-transition: background 0.2s ease-out;
        -o-transition: background 0.2s ease-out;
        transition: background 0.2s ease-out
    }
    .navigation-button a:hover {
        text-decoration: none;
        background: #FFD862;
        cursor: pointer
    }


    

.butt {
	width: 12% !important;
	floaT: left;
	margin: 20px 0px 0px 0px !important;
}


.filt-col {
	width: 40.3% !important;
	floaT: right !important;
	margin: 20px 0px 0px 20px !important;
}

.sidebar-div-5 {
	width: 100%;
	floaT: left;
	font-size: 0px;
	margin: 10px 0px 0px 0px;
}



.sidebar-div-4{
	width: 100%;
	floaT: left;
	position:relative;
	/* overflow:hidden; */
}



.sidebar-div-3{
	color:#fff;
	width: 100%;
	floaT: left;
	border-radius: 0px;
	position:relative;
	font-size: 15px;
	font-family: font-1;
	margin-bottom: 10px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px #232228 solid;
}



.sidebar-div-2{
	padding: 0px 20px;
}


.sidebar-div-1{
	z-index: 9;
	width: 100%;
	floaT: left;
	background: #1D2534;
	border-radius: 5px;
	position:relative;
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
}





.speedbar-2 a{
display: none;
}


.speedbar-2{
margin: 0px 17px; 
}

.speedbar-1{
    width: 100%;
    background: #1D2534;
    color:#ffff;
    margin-bottom: 15px;
    padding: 14px 0px;
    border-radius: 5px;
    overflow: hidden;
    position:relative;
    font-size: 16px;
    font-family: font-1;
    letter-spacing: 0.3px;
}


.center-size-3{
margin: 0px 7.5px; 
}


.navigation1 a:hover {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 span  {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 a, .navigation1 span  {
    color: #ffffff;
    padding: 0 12px;
    display: inline-block;
    border: 2px solid rgb(90 90 90 / 0%);
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    font-weight: 700;
    transition: .2s ease;
    font-family: font-3;
    border-radius: 4px;

}

.navigation1{
    border-radius: 5px;
    padding: 5px 0px 20px 0px;
    width: 100%;
    floaT: left;
    text-align: center;
}
}



@media(min-width:1205px) and (max-width:90000000px){
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 15px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

	
			.form-group.combo:after { clear: both; display: table; content: ""; }
			.form-group.combo > .combo_field { width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
			
			.form-group.combo > .combo_field:last-child { padding-left: 7.5px !important; }
			.form-group.combo > .combo_field:first-child { padding-right: 7.5px !important; }
		
		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid #efefef; }

.filter-slider#xf_year {
        position: relative;
        margin: 30px 0px 20px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
#xf_imdb { 
	width: 100%;
	margin: 20px 0px 0px 0px !important;
	float: left;
}


    .div-filtri-3 {
        width: 100%;
        font-size: 16px;
        floaT: left;
        font-family: font-1
    }
    .div-filtri-2 {
        margin: 2% 3% 1% 3%
    }
    .div-filtri-1 {
        color: #fff;
        width: 100%;
        margin: 0% 0% 15px 0%;
        line-height: 25px;
        background-color: #0c0f15;
        floaT: left;
        position: relative;
        font-size: 15px;
        letter-spacing: 0.5px;
        border-radius: 5px;
    }


   .clr.infoblock .title {
       color: #0066FF;
       padding: 0px 0px 4px 0px;
       width: 100%;
       floaT: left;
       font-family: font-3;
    }
    .clr.infoblock b {
        color: #fff;
        padding: 0px 0px 0px 0px;
        width: 100%;
        floaT: left
    }
    .clr.infoblock {
    	width: 100%;
    	floaT: left;
    	position:relative;
        color: #fff;
        margin: 20px 0px 40px 0px;
        text-align: center;
    }
    #navigation {
        width: 100%;
        floaT: left
    }
    #navigation .navigation-button {
        display: block !important
    }
    .navigation-button {
        display: none !important
    }


   
    .filter {
        padding: 0px 6px 0px 6px !important;
    }
    .no-select {
        color: #8c8b8e;
        position: relative;
        z-indeX: 99999;
        padding: 0px 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .sector {
        padding: 30px 0
    }
    .sector.nobottom {
        padding: 0px 0 0
    }
    .sector_title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px
    }
    .filmslist .sector_title {
        margin-left: 15px;
        margin-right: 15px
    }
    .sector_title .button {
        font-size: 13px;
        color: #333;
        line-height: 20px
    }
    .filmslist .filter {
        margin: 0 -15px
    }
    .filter .title {
        color: #666;
        font-size: 15px
    }
    .filter .title .fa {
        margin-right: 3px
    }
    #xf_imdb.filter-slider.ui-widget-content {
        position: relative;
        margin: 10px 0px 40px 0px !important
    }
   .filter-slider.ui-widget-content {
        position: relative;
        margin: 20px 0px 0px 0px;
        background: #151d2a;
        height: 6px;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .filter-slider .steps span {
    	font-family: font-3;
        position: absolute;
        top: 10px;
        font-size: 0px;
        color: #8d8d8d;
        text-align: center;
        width: 26px;
        text-align: center
    }
    .filter-slider .steps span:before {
        content: '';
        display: block;
        width: 1px;
        margin: 0 auto;
        height: 7px;
        background: #2a3140;
    }
    .filter-slider .steps .s1 {
        left: 0;
        margin-left: 0
    }
    .filter-slider .steps .s2 {
        left: 25%;
        margin-left: 1px
    }
    .filter-slider .steps .s3 {
        left: 50%;
        margin-left: -12px
    }
    .filter-slider .steps .s4 {
        left: 75%;
        margin-left: 1px
    }
    .filter-slider .steps .s5 {
        left: 100%;
        margin-left: -24px
    }
    .filter-value {
        width: 25px;
        text-align: center;
        color: #fff;
        font-size: 10px;
        height: 22px;
        line-height: 22px;
        text-shadow: none;
        padding: 0 5px;
        border-radius: 4px;
        font-size: 11px;
        position: absolute;
        top: -27px;
        margin-left: -18px !important
    }
    #xf_year .filter-value {
        margin-left: -25px
    }
    #xf_imdb .filter-value {
        margin-left: -21px
    }
    .ui-slider {
        position: relative;
        text-align: left
    }
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 16px;
        height: 16px;
        margin-left: -7px;
        top: -5.4px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        -ms-touch-action: none;
        touch-action: none;
        cursor: pointer;
        text-align: center;
        background-color: #1d1c21
    }
    .ui-slider .ui-slider-handle:before {
        content: '';
        margin-top: 5px;
        width: 5px;
        height: 5px;
        display: inline-block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px
    }
    .ui-slider .ui-slider-handle.ui-state-active:before {
        display: none
    }
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-color: #2d384c;
        background: #2d384c;
        top: -0px;
        height: 100%;
    }
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }
    .filter .ui-state-default {
        background: #3b4962;
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button span {
        display: none
    }
    .navigation-button {
        text-align: center
    }
    .navigation-button a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin: 0px 0
    }
    .navigation-button span {
        display: none
    }
    .navigation-button a {
        display: inline-block;
        background: #ffbb04;
        color: #333;
        font-weight: normal;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: 0px solid #ffbb04;
        padding: 12px 22px 10px 22px;
        font-family: font-1;
        white-space: nowrap;
        -webkit-transition: background 0.2s ease-out;
        -moz-transition: background 0.2s ease-out;
        -o-transition: background 0.2s ease-out;
        transition: background 0.2s ease-out
    }
    .navigation-button a:hover {
        text-decoration: none;
        background: #FFD862;
        cursor: pointer
    }


    

.butt {
	width: 12% !important;
	floaT: left;
	margin: 20px 0px 0px 0px !important;
}


.filt-col {
	width: 42% !important;
	floaT: right !important;
	margin: 20px 0px 0px 20px !important;
}

.sidebar-div-5 {
	width: 100%;
	floaT: left;
	font-size: 0px;
	margin: 10px 0px 0px 0px;
}



.sidebar-div-4{
	width: 100%;
	floaT: left;
	position:relative;
	/* overflow:hidden; */
}



.sidebar-div-3{
	color:#fff;
	width: 100%;
	floaT: left;
	border-radius: 0px;
	position:relative;
	font-size: 15px;
	font-family: font-1;
	margin-bottom: 10px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px #232228 solid;
}



.sidebar-div-2{
	padding: 0px 20px;
}


.sidebar-div-1{
	z-index: 9;
	width: 100%;
	floaT: left;
	background: #1D2534;
	border-radius: 5px;
	position:relative;
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
}





.speedbar-2 a{
display: none;
}


.speedbar-2{
margin: 0px 17px; 
}

.speedbar-1{
    width: 100%;
    background: #1D2534;
    color:#ffff;
    margin-bottom: 15px;
    padding: 14px 0px;
    border-radius: 5px;
    overflow: hidden;
    position:relative;
    font-size: 16px;
    font-family: font-1;
    letter-spacing: 0.3px;
}


.center-size-3{
margin: 0px 7.5px; 
}


.navigation1 a:hover {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 span  {
    border: 2px solid #0066FF !important;
    background: #0066FF;
    color:#fff !important;
}

.navigation1 a, .navigation1 span  {
    color: #ffffff;
    padding: 0 12px;
    display: inline-block;
    border: 2px solid rgb(90 90 90 / 0%);
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    font-weight: 700;
    transition: .2s ease;
    font-family: font-3;
    border-radius: 4px;

}

.navigation1{
    border-radius: 5px;
    padding: 5px 0px 20px 0px;
    width: 100%;
    floaT: left;
    text-align: center;
}
}