.transfersPage .transferForms { display: inline-block; float: right; width: 100%; margin-bottom: 20px; position: relative; z-index: 9; }
.transfersPage .transferForms h1 { display: inline-block; float: right; width: 100%;   font-size: 24px; color: #fff; margin-bottom: 10px }

.cd-filter-block input[type='search'], .cd-filter-block input[type='text'], .cd-filter-block select { width: 100%; padding: 10px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
.cd-filter-block select, .cd-filter-block .dropdown-menu.open { cursor: pointer; font-size: 14px; background: #000; color: #fff; border: 1px solid #fff;   min-height: 48px !important; }
.transfersPage .transferForms .cd-select { position: relative; display: inline-block; float: right; width: 270px; height: 48px; z-index: 1 }
.transfersPage .transferForms input::-webkit-input-placeholder { color: #CDCDCD; opacity: 1; font-weight: normal; font-size: 14px }
.transfersPage .transferForms input:hover,
.transfersPage .transferForms input:focus,
.transfersPage .transferForms input:active,
.transfersPage .transferForms input:valid { opacity: 1 }
.transfersPage .transferForms input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px black inset !important; -webkit-text-fill-color: #cdcdcd !important;   font-size: 14px; opacity: 0.5; }
.transfersPage .transferForms input:-webkit-autofill:hover,
.transfersPage .transferForms input:-webkit-autofill:focus,
.transfersPage .transferForms input:-webkit-autofill:active,
.transfersPage .transferForms input:-webkit-autofill::first-line,
.transfersPage .transferForms input:-webkit-autofill:valid { -webkit-box-shadow: 0 0 0 30px black inset !important; -webkit-text-fill-color: #cdcdcd !important;   font-size: 14px; opacity: 1 }
.transfersPage .cd-filter-block select { display: none !important }
.transfersPage .cd-filter-block .cd-select select option { background: #000; display: none }
.transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle { display: inline-block; float: right; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1;   font-size: 14px; text-align: right; padding: 10px; background: #1d1d1d; font-family: droidLight, arial;color: #fff; opacity: 1 }
.transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle:before { content: 'F'; position: absolute; z-index: 1; left: 10px; font-size: 14px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; color: #4BC2FF; pointer-events: none; }
.transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle.bs-placeholder { background: #1d1d1d }
.transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle.bs-placeholder:hover { background: #242424 }
.cd-filter-block div.dropdown-menu { display: inline-block; float: right; width: 100%; position: relative; opacity: 0; visibility: hidden; max-height: 300px; box-shadow: 0px -1px 4px #333; background: #1d1d1d; z-index: 9; }
.cd-filter-block div.dropdown-menu.show { opacity: 1; visibility: visible; }
.cd-filter-block div.dropdown-menu ul { display: inline-block; float: right; width: 100%; top: 100%; right: 0; border-top: none; max-height: 300px; background: #1d1d1d; }
.cd-filter-block div.dropdown-menu ul li { color: #fff;   font-size: 14px; display: inline-block; float: right; width: 100%; border-bottom: 1px solid #333; }
.cd-filter-block div.dropdown-menu ul li:last-child { border-bottom: 0 }
.cd-filter-block div.dropdown-menu ul li a { width: 100%; display: inline-block; float: right; padding: 10px; color: #fff; padding: 8px }
.transfersPage .transferForms .cd-filter-block { margin-bottom: 30px; display: inline-block; float: right; width: 100%; }
.transfersPage .transferForms .cd-filter-block div.dropdown-menu ul { }
.transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li { font-size: 13px }
.transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li a { padding: 10px }
.transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li a:hover, .transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li.selected a { background: #4BC2FF; color: #fff; }
:focus { outline: none }
.transfersPage .transferForms .transferMenu { display: inline-block; float: right; width: 100% }
.transfersPage .transferForms .transferMenu li { display: inline-block; float: right; margin: 0 60px }
.transfersPage .transferForms .transferMenu li:first-child { margin-right: 0 }
.transfersPage .transferForms .transferMenu li:last-child { margin-left: 0 }
.transfersPage .transferForms .transferMenu li a { display: inline-block; float: right; width: auto; height: 30px; line-height: 30px; color: #E1E1E1; font-size: 14px;   }
.transfersPage .transferForms .transferMenu li:hover a, .transfersPage .transferForms .transferMenu li.select a { color: #4BC2FF; box-shadow: inset 0 -1px 0 #4BC2FF }
.transfersPage .cd-filter-block div.dropdown-menu { top: 48px !important; transform: none !important }


@media screen and (min-width: 320px) and (max-width: 767px) {
    .transfersPage .transferForms .cd-select { width: 100% }
    .transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle { font-size: 12px }
    .transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle:before { font-size: 12px }
    .transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li { font-size: 11px }
    .transfersPage .transferForms .transferMenu li { margin: 0 26px; }
    .transfersPage .transferForms .transferMenu li a { font-size: 13px }
    .transfersPage .transferForms h1 { font-size: 20px }
   
}