@font-face{font-family:Cairo;src:url(https://fonts.googleapis.com/css2?display=swap&family=Cairo%3Awght%40200%3B300%3B400%3B500%3B600%3B700%3B800%3B900) format("truetype")}.filter-background-transparent{background:linear-gradient(180deg,#000,rgba(26,26,26,0))}.filter-background-dark{background:linear-gradient(90deg,#1d1d1d,#1a1a1a)}.filter{height:75px;position:fixed;width:100%;z-index:9;top:60px}.filter .container{height:100%;padding:.6rem .9rem}.filter .container .filter-content{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.filter .container .filter-content .filter-select{display:flex}.filter .container .filter-content .filter-select .breadcrum{color:rgba(239,239,244,.5);font-family:Open Sans,sans-serif,Cairo;font-size:1.3rem;font-weight:700;letter-spacing:0;line-height:29px;padding-right:.4rem;cursor:pointer}.filter .container .filter-content .filter-select .breadcrum:hover{color:#c1c1c1}.filter .container .filter-content .filter-select .breadcrum:last-child{color:#efeff4}.filter .container .filter-content .filter-select span{color:rgba(239,239,244,.5)}.filter .container .filter-content ul{display:flex}.filter .container .filter-content ul li{margin-right:15px;position:relative}.filter .container .filter-content ul li .drop-layout{padding-right:2.4rem;border:1px solid rgba(239,239,244,.2);border-radius:3px;color:#fff;font-size:16px;font-family:Open Sans,sans-serif,Cairo;background:url(../img/down_arrow.ebfb0de4.svg) no-repeat;-webkit-appearance:none;background-size:12px;background-position-y:44%;line-height:1.1rem}.filter .container .filter-content ul li .drop-layout option{color:#000}.filter .container .filter-content ul li .genre-box{background-position-x:94%}.filter .container .filter-content ul li .lang-box{background-position-x:92%}.filter .container .filter-content ul li .year-box{background-position-x:89%}.filter .container .filter-content ul li .down-arrow{position:absolute}@media only screen and (min-width:320px){.filter .container .filter-content ul{display:none}.filter .container .filter-content .filter-images{display:flex}.filter .container .filter-content .filter-select .breadcrum{font-size:.9rem;padding-right:0}}@media only screen and (min-width:480px){.filter .container .filter-content .filter-select .breadcrum{font-size:1rem;padding-right:.1rem}}@media only screen and (min-width:777px){.filter .container .filter-content ul{display:flex}.filter .container .filter-content .filter-images{display:none}.filter .container .filter-content .filter-select .breadcrum{font-size:1.3rem;padding-right:.4rem}}