body { font-family: 'Roboto', sans-serif; overflow-y: scroll; } ul { list-style: none; } .jumbotron { margin-bottom: 0; padding-bottom: 0!important; padding-top: 0!important; } #container_wrapper { position: absolute; top: 45%; left: 50%; right: auto; bottom: auto; margin-right: -50%; transform: translate(-50%, -50%); z-index: 4; } .btn-wrap { position: relative; display: inline-block; top: 50px; } .btn-wrap a{ border-radius: 0!important; padding:20px; } :focus { outline: none; } .domainGroupWrapper { margin-top: 20px; width:100%; box-shadow: 0px 1px 5px #cdcdcd; } .domainUlItem { margin: 0px; padding: 0px; display: inline-block; width: 100%; } .domainListItem { margin:0px; display: inline-block; width:100%; background-color: white; border-bottom: 1px solid lightgray; font-size: 20px; color: #5b5b5b; padding: 10px 5px 10px 10px; height:50px; -webkit-transition: all 0.1s ease-out 0.3s; -moz-transition: all 0.1s ease-out 0.3s; -o-transition: all 0.1s ease-out 0.3s; transition: all 0.1s ease-in-out; } .domainListItem:hover { /*transform: scale(1.05);*/ background-color: #eefff8; /*box-shadow: 0px 0px 8px #b3b3b3;*/ cursor: pointer; } .domainListItem:hover .domainListItemVisitors { color: #2ea3f2; } .domainGroupHeader { height: 40px; width: 100%; font-size: 24px; text-align: center; color: white; padding-top: 3px; } .domainListItemTextWrapper { width: 80%; float: left; overflow: hidden; white-space: nowrap; } .domainListItem:hover .domainListItemTextWrapper { overflow-x: auto; } .domainListItemVisitors { font-size: 10px; position: relative; display: block; float: right; height: 50px; width: 20%; margin: 0px; padding: 0px; margin-top: -10px; padding-top: 17px; text-align: center; } .visitors-count, .visitors-icon { display: none; } .domain-stat-info-wrapper { color: white; border: 1px solid #4a4a4a; background: rgba(45, 45, 45, 0.4); border-top: none; display: none; font-size: 16px; padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 0.1s ease-out 0.3s; -moz-transition: all 0.1s ease-out 0.3s; -o-transition: all 0.1s ease-out 0.3s; transition: all 0.1s ease-in-out; } .domain-stat-info-wrapper:hover { } .show-hide-filters-btn { background: none; font-size: 18px; border: none; margin-top: 15px; margin-bottom: 20px; -webkit-transition: all 0.1s ease-out 0.3s; -moz-transition: all 0.1s ease-out 0.3s; -o-transition: all 0.1s ease-out 0.3s; transition: all 0.1s ease-in-out; } .show-hide-filters-btn p { font-weight: bolder; } .show-hide-filters-btn:hover { transform: scale(1.1, 1.1); } #filter-wrapper { background: rgba(0, 0, 0, 0.55); position: relative; width: 100%; max-width: 1170px; margin: 0 auto; height: 100%; padding: 10px; /*display: none;*/ -webkit-transition: all 0.3s ease-out 0.3s; -moz-transition: all 0.3s ease-out 0.3s; -o-transition: all 0.3s ease-out 0.3s; transition: all 0.3s ease-in-out; } .filter-row { min-height: 24px; width:100%; } .filter-l-col { text-align: right; width:140px; } .filter-r-col { text-align: left; } #zone-btn { display: inline-block; } .ui-group-label { color: white; font-size:16px; } .ui-group-label span { font-weight: bolder; color: #a0a0a0; text-shadow: 1px 1px 0 #060606; } .filter-zone-button-group { /*float: left;*/ } .custom-btn { color:white; background: none; border: none; border-left: 1px solid white; border-rigth: 1px solid white; } .custom-btn:hover, .custom-btn:active, .is-checked { color: #4ab7e3; } .filter-button-group :first-child { border-left: 0; } .filter-button-group :last-child { border-right: 0; } .sort-by-button-group :first-child { border-left: 0; } .sort-by-button-group :last-child { border-right: 0; } .filter-zone-button-group :first-child { border-left: 0; } .filter-zone-button-group :last-child { border-right: 0; } .filter-type-button-group :first-child { border-left: 0; } .filter-type-button-group :last-child { border-right: 0; } .contact-btn { background-color: #578e5b; border-color: #1a5825; position: relative; display: inline-block; z-index: 3; } .contact-btn:hover { background-color: #39693c; border-color: #184423; } .contact-btn:focus { background-color: #39693c; border-color: #184423; } .contact-btn:active { background-color: #39693c!important; border-color: #184423!important; } .filter-btn-wrapper { position: relative; z-index: 3; width:100% } .filter-btn-wrapper button { background-color: rgba(33, 33, 33, 0.34); border: 3px solid white; } @media (min-width: 450px ) and ( max-width: 767px) { .col-custom { width: 50%; } } #search-field-clear-btn { float: right; margin-top: -10px; color: #a7a7a7; position: absolute; right: 24px; bottom: 1px; font-size: 22px; cursor: pointer; display: none; } #search-field-btn { height:60px; width: 60px; float: right; color: white; position: absolute; /*cursor: pointer;*/ background-color: rgb(85, 85, 85); text-align: center; font-size: 46px; bottom: 0px; right: 15px; padding-top: 5px; } #quicksearch { border: 2px solid #dce1d9; border-radius: 0; font-size:24px; height:60px; color: rgb(85, 85, 85); } #quicksearch::-webkit-input-placeholder { text-align: center; color: rgb(85, 85, 85); } #quicksearch:-moz-placeholder { /* Firefox 18- */ text-align: center; color: rgb(85, 85, 85); } #quicksearch::-moz-placeholder { /* Firefox 19+ */ text-align: center; color: rgb(85, 85, 85); } #quicksearchs:-ms-input-placeholder { text-align: center; } .hiddenDomainListItems { display: none; } .domain-zone-group { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .ShowAllItemsLength .hiddenDomainListItems { display: inline-block!important; } .ShowAllItemsLength .showAllListItems { display: none!important; } .ShowAllItemsZone .hiddenDomainListItems { display: inline-block!important; } .ShowAllItemsZone .showAllListItems { display: none!important; } .ShowAllItemsType .hiddenDomainListItems { display: inline-block!important; } .ShowAllItemsType .showAllListItems { display: none!important; } .ShowAllItemsText .hiddenDomainListItems { display: inline-block!important; } .ShowAllItemsText .showAllListItems { display: none!important; } .domain-zone-group .ZoneFilterHide { display: none!important; } .domain-zone-group .LengthFilterHide { display: none!important; } .domain-zone-group .TextFilterHide { display: none!important; } .domain-zone-group .TypeFilterHide { display: none!important; } .preloader { position: absolute; left: 13px; top: 14px; opacity: 1; z-index: 6; width: 22px; height: 22px; overflow: visible; background: #fff url(//cdnjs.cloudflare.com/ajax/libs/file-uploader/3.7.0/processing.gif) no-repeat center center; } /*.ListItemsShow {*/ /*display: inline-block;*/ /*}*/ /*.ListItemsHide {*/ /*display: none;*/ /*}*/ /*.hiddenDLI {*/ /*display: inline-block;*/ /*}*/ /*.hiddenDomainListItems {*/ /*display: none;*/ /*}*/ /*.filterShowCollapsedItems {*/ /*display: inline-block;*/ /*}*/ .domainListItemTextWrapperCollapseBtn { text-transform: none!important; } input { text-align: center; } @media (min-width: 992px) { .ui-group-label { text-align: right; } .button-group button { float:left; } .col-xs-12 .custom-row-block, .col-sm-6 .custom-row-block, .col-md-6 .custom-row-block { padding: 0px; } } @media (min-width: 768px) { .ui-group-label { text-align: right; } .button-group button { float:left; } .col-xs-12 .custom-row-block, .col-sm-6 .custom-row-block, .col-md-6 .custom-row-block { padding: 0px; } } @media (max-width: 768px) { #quicksearch { font-size: 16px; } } @media (max-width: 748px) { #middle-ad-wrapper { display: none; } .domain-stats-item { padding: 5px; width:100%; } #filter-media-wrapper { position: absolute; bottom: 0; width: 100%; z-index: 5; max-height: 200px; overflow-y: auto; overflow-x: hidden; } } @media (max-width: 540px) { #quicksearch { font-size: 14px; } } .WCP_Powered_by_row { background-color: #373737 !important; margin-top: 60px; } .WCP_Powered_by_row a{ color:white!important; } .WCP_Powered_by_a span{ color:white!important; }