.center{display:flex;flex-direction:column}.result{display:grid;grid-template-columns:repeat(auto-fill,minmax(390px,1fr))}.search-bar{display:inline-flex;width:80%;height:50px;margin-bottom:40px;background-color:#E7E7E7;border-radius:10px}#search-field{width:calc(100% - 30px);height:100%;padding-left:20px;background-color:transparent;border:none;outline:none}#search-field:focus{border:2px solid #006EAA;border-right:none;border-radius:10px 0 0 10px}#search-field:focus~div{border:2px solid #006EAA;border-left:none;border-radius:0 10px 10px 0}.logo-search{display:inline-flex;height:50px;width:45px;align-self:center;cursor:pointer}.logo-search div{align-self:center;height:32px;width:32px;-webkit-filter:invert(87%) sepia(0%) saturate(0%) hue-rotate(168deg) brightness(98%) contrast(76%);filter:invert(87%) sepia(0%) saturate(0%) hue-rotate(168deg) brightness(98%) contrast(76%);transition:transform 0.3s ease-in-out}.logo-search div:hover{transform:scale(1.25)}.filter{position:relative;width:80%;margin-bottom:40px}.filter select{cursor:pointer;margin-right:20px;max-width:140px;border:1px solid #006EAA;border-radius:5px;padding:8px 0 8px 5px}.filter .cross-line{height:1px;width:100%;background:black;border:1px black;position:absolute;transition:transform ease-out 0.5s,width ease-in-out 0.5s}#line-1{transform:rotate(45deg) translateX(0px)}#line-2{transform:rotate(-45deg) translateX(0px)}.filter button:hover span{opacity:1}.filter button:hover .cross-line{width:50%}.filter button:hover #line-1{transform:rotate(-25deg) translate(-2px,2px)}.filter button:hover #line-2{transform:rotate(25deg) translate(-2px,-2px)}.filter button span{position:absolute;display:inline;top:4px;padding-left:5px;letter-spacing:1px;opacity:0;transition:opacity ease-in 0.5s}.filter button{position:absolute;cursor:pointer;height:24px;width:24px;top:5px;border:none;background:transparent}.video-card{height:280px;width:382px;margin-bottom:20px;cursor:pointer;transition:transform 0.3s ease-in-out}.video-card:hover{transform:scale(1.05)}.thumbnail{overflow:hidden;position:relative;height:70%;width:100%;border-radius:5px 5px 0 0}.thumbnail img{width:100%;height:100%;transition:transform 0.3s ease-in-out}.title{height:30%;max-width:100%;background-color:#14437C;border-radius:0 0 5px 5px;padding:15px}.big-title{font-size:17px;color:white;padding-bottom:0.5rem}.little-title{font-size:14px;color:#FFE30F}.duration{display:inline-flex;justify-content:center;align-items:center;position:absolute;width:50px;height:20px;bottom:15px;right:15px;font-size:13px;color:#FFFFFF;background-color:#AB6000;border-radius:5px}.btn{background-color:#FFFFFF;border:2px solid #006EAA;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:bold}.btn-more{margin-top:60px;width:80px;height:35px}.end-area{display:flex;flex-direction:column;align-items:center}hr{width:40px;margin:auto}@media only screen and (max-width:1210px){.result{justify-items:center;width:100%}.search-bar,.filter{align-self:center;width:100%}}@media only screen and (max-width:550px){.filter{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.filter select{margin-right:10px;margin-bottom:20px}}@media only screen and (max-width:450px){.result{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.video-card{height:unset;width:unset}}.et_pb_row_0.et_pb_row{padding-right:20px!important;padding-left:20px!important;padding-right:20px;padding-left:20px}.et_pb_row_0,body #page-container .et-db #et-boc .et-l .et_pb_row_0.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0.et_pb_row{width:100%;max-width:1300px}.et_pb_button_0{display:none!important}.et_pb_button_0,.et_pb_button_0:after{transition:all 300ms ease 0ms}