.bp-element-search-courses.layout-1 .title{margin:2px}.bp-element-search-courses.layout-1 .search-button{font-size:18px}.bp-element-search-courses.layout-1 .search-button::before{content:"";font-family:Ionicons}.bp-element-search-courses.layout-1 .search-form{position:fixed;top:0;right:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .5s;z-index:99;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;flex-direction:column}.bp-element-search-courses.layout-1 .search-form.open{opacity:1;visibility:visible}.bp-element-search-courses.layout-1 .search-form.open .form-search .search-field{opacity:1;visibility:visible;transform:scale3d(1, 1, 1);transition-duration:1s}.bp-element-search-courses.layout-1 .search-form.loading .form-search:after{content:"";font-family:Ionicons;font-size:40px;position:absolute;right:0;top:20px;color:#fff;display:inline-block;width:60px;height:60px;line-height:60px;animation:spin 2s linear infinite;transition:all .5s}.bp-element-search-courses.layout-1 .close-form{position:absolute;right:50px;top:100px;color:#f0f0f0;cursor:pointer;transition:all .5s}.bp-element-search-courses.layout-1 .close-form::before{content:"";font-size:20px;font-family:Ionicons}.bp-element-search-courses.layout-1 .close-form:hover{color:red}.bp-element-search-courses.layout-1 .form-search{width:80%;position:relative}.bp-element-search-courses.layout-1 .form-search:after{display:none}.bp-element-search-courses.layout-1 .form-search .search-field{width:100%;height:100px;padding:20px 0;background:rgba(0,0,0,0);font-size:60px;border:0;visibility:hidden;opacity:0;color:#fff;border-bottom:4px solid #2575fc;transform:scale3d(0, 1, 1);transition:all .3s;transform-origin:0 50% center}.bp-element-search-courses.layout-1 .form-search .search-notice{display:inline-block;float:right;margin-top:5px;color:#f0f0f0}.bp-element-search-courses.layout-1 .list-search{padding-left:0;list-style:none;display:inline-block;width:80%;margin:0 auto;transition:all .5s}.bp-element-search-courses.layout-1 .list-search li{padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.1);font-size:20px;display:block;letter-spacing:.05em}.bp-element-search-courses.layout-1 .list-search li a{color:hsla(0,0%,100%,.6);transition:all .3s}.bp-element-search-courses.layout-1 .list-search li a:hover{color:#fff}