.taw-filter {
border: 1px solid #d8d8d8;
padding:15px;
}
.taw-filter form{
margin:0;
}
.taw-filter .section {
border-top: 1px solid #d8d8d8;
padding:10px 2px 15px 2px;
}
.taw-filter .section-top {
border-top: 0;
padding-top: 0;
}
.taw-filter .title
{
font-weight:bold;
text-transform:uppercase;
color: #333;
font-size: 18px;
margin-bottom: 10px;
}
.taw-filter select
{
font-weight:bold;
color: #333;
font-size: 16px;
padding: 5px 10px;
width:100%;
}
.taw-filter .taw-brand-list
{
max-height: 300px;
overflow: auto;
}
.taw-filter .elem
{
margin-bottom: 10px;
}
.taw-filter input[type="checkbox"] {
display:none!important;
}
.taw-filter label{
font-size:16px;
}
.taw-filter input[type="checkbox"]+label::before {
width: 16px;
height: 16px;
border-radius: 4px;
border: 2px solid #999;
background-color: #fff;
display: block;
content: "";
float: left;
margin-right: 7px;
}
.taw-filter input[type="checkbox"]+label {
margin-left:2px;
display: flex;
align-items: center;
}
.taw-filter input[type="checkbox"]+label i {
margin-right:0.5em;
}
.taw-filter input[type="checkbox"]:checked+label::before {
box-shadow: inset 0px 0px 0px 2px #fff;
background-color: #555;
border-color:#555;
}
.taw-filter input[type="checkbox"]:disabled+label{
color:#ccc;
}
.taw-filter input[type="checkbox"]:disabled+label::before{
border-color:#ccc;
}
.taw-buttons{
display: flex;
justify-content: space-around;
margin-bottom: 10px;
}
.tf-garage .title a {
float:right;
}
.twf-garage a.button {
text-transform: uppercase;
font-size: 0.8em;
}
.twf-garage .tf-garage-axles a.button {
text-transform: uppercase;
font-size: 1em;
}
.twf-garage .tf-garage-axles {
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:0.5em;
}
.twf-garage .tf-garage-axles .axle {
text-transform:uppercase;
font-size:0.7em;
}
.css-wpfp-spokes .section-filters
{
column-count: 2;
}
.css-wpfp-brands .elem
{
width: 95%;
}
.wf-theme-white .rear-selector
{
margin-bottom: 1em;
}
.wf-theme-white .section h5
{
font-size:0.8em;
text-transform:uppercase;
padding-bottom: 0;
margin-bottom: 0.5em;
}
.wf-theme-white .css-compact
{
display:flex;
}
.wf-theme-white .r-options button.button {
display:block;
margin-bottom:0.2em;
}.tc-brands{
overflow:hidden;
}
.tc-brands a
{
cursor: pointer;
float: left;
border: 1px solid rgb(235, 235, 235);
padding: 10px;
margin: 0px 6px 6px 1px;
text-align: center;
}
.tc-brands a:hover
{
color: #ed490e;
border-color: rgb(35, 82, 124);
} .tc-theme-standard
{
display:flex;
justify-content:space-between;
}
.tc-theme-standard a img
{
max-width:none;
} .tc-letter{
border-bottom:1px solid #ed490e;
margin-bottom: 0.5em;
padding-bottom:4px;
}
.tc-letter span{
border-bottom:5px solid #ed490e;
padding:0 1em 0 0.1em;
}
.tc-brands-names {
columns: 150px 4;
}
.tc-brands-names a
{
color: #a4a19a;
}
.tc-brands-names a:hover
{
color: #000;
} .tc-brands-bm .bm-brand {
float:left;
margin:0 10px 10px 0;
overflow:hidden;
}
.tc-brands-bm .bm-photo {
overflow:hidden;
}
.tc-brands-bm .bm-bottom
{
background: #16171c;
color:#fff;
font-weight:bold;
padding:10px;
text-align:center;
overflow:hidden;
}
.tc-brands-bm .bm-bottom .bm-line {
width: 35px;
height: 2px;
display: block;
background: #d85240;
margin: 10px auto 10px;
}
.tc-brands-bm a:hover .bm-bottom .bm-line {
width: 45px;
background: #fe5d16;
transition: all .2s ease-in;
}
.tc-brands-bm a img{
max-height:100%;
}
.tc-brands-bm a:hover img{
transform: scale(1.2);
transition: all .2s ease-in;
}.tfw-modal-iz {
padding: 1em 2em;
}
.tfw-modal-iz h4, .tfw-modal-iz h3 {
clear: none;
}
.twf-finder-tabs {
padding: 0;
margin: 0;
overflow: hidden;
display:flex;
justify-content: space-between;
align-items:flex-end;
background-color: rgba(128,128,128,0.5);
}
.twf-finder-tabs a {
background-color: #d5d5d5;
padding: 12px 15px;
cursor: pointer;
float: left;
text-transform: uppercase;
color: #000;
text-decoration:none!important;
margin-right:1px;
min-width: 143px;
font-size: 12px;
text-align:left;
transition: color .3s ease-out;
border-top: 4px solid transparent;
background-color: rgba(50,50,50,.5);
color:white !important;
}
.twf-finder-tabs span{
color:#fff;
font-size: 18px;
font-weight:bold;
text-transform:uppercase;
display:block;
margin-left:20px;
margin-top: 12px;
margin-bottom: 12px;
}
.twf-finder-tabs a:hover,
.twf-finder-tabs a.active {
background-color: #eeeeee;
}
.twf-finder-tabs div{
display:flex;
}
.twf-finder-block {
float: left;
width: 100%;
text-align: right;
font-size: 14px;
padding: 40px 20px;
background-color: #eeeeee;
overflow:hidden;
}
.twf-finder-block .finder-compact-form {
margin: 0 auto;
padding: 0;
width: 100%;
display:flex;
align-items:center;
}
.twf-finder-block .finder-compact-form-block {
margin: 0 auto;
padding: 0;
width: 100%;
display:block;
color:white;
text-align:left;
}
.twf-finder-block .finder-compact-form select {
color: #000;
background-color: #fff;
padding-left: 15px;
margin-right: 10px;
margin-bottom: 10px;
width: 100%;
height: 45px;
border: 0;
font-family: inherit;
border-radius: 0;
font-size: 15px;
line-height: 17px;
display: block;
outline:none;
}
.twf-finder-block .finder-compact-form select:disabled {
color: #999;
opacity:1;
}
.twf-finder-block .finder-compact-form button { 
min-width: 40%;
height: 45px;
color: #fff;
font-weight: 500;
background-color: #e94141;
text-transform: uppercase;
border: 0;
transition: background-color .3s ease-out,color .3s ease-out;
}
.twf-finder-block .finder-compact-form button:hover { 
background-color: #d23b3b;
}
.twf-finder-block .finder-compact-form button:disabled,
.twf-finder-block .finder-compact-form button:disabled:hover { 
background-color: #ee5656;
}
.tyre-details a {
display: inline-block;
border: 1px solid;
padding: 5px;
border-radius: 3px;
}
.wh-tyre-find button {
width: 100%;
margin-bottom: 5px;
}
@media (max-width: 768px) {
.twf-finder-block ul {
display:block;
}
.twf-finder-block ul li {
width: 100%;
display:block;
}
.twf-finder-block button {
width: 100%;
display:block;
}
.twf-finder-tabs a {
width: 50%;
}
}
@media (max-width: 420px) {
.twf-finder-tabs a {
width: 100%;
text-align: center;
}
} .twf-finder-block {
float:none;
} .tfw-wheel-sizes .wheel-common {
margin-bottom:0.5em;
}
.tfw-tyre-sizes{
background-color: #fff;
padding: 20px 0;
overflow: hidden;
display:none;
}
.tfw-tyre-size{
color:#000;
display:flex;
align-items:center;
justify-content: space-between;
margin-bottom:10px;
border:1px solid #6088af;
border-radius:4px;
}
.tfw-tyre-size .r{
background-color:#4b80e2;
color:#fff;
padding: 15px;
font-size:22px;
font-weight:bold;
white-space: nowrap;
}
.tfw-tyre-size .info{
padding: 10px 30px;
font-size:13px;
}
.tfw-tyre-size .info b{
display:block;
margin-bottom:-5px;
font-size:18px;
}
.tfw-tyre-size .size-btn{
display: flex;
align-items: center;
justify-content: space-around;
}
.tfw-tyre-size .size{
padding: 5px 10px;
}
.tfw-tyre-size .size span{
display:block;
font-size:14px;
}
.tfw-tyre-size .size span b{
font-size:16px;
}
.tfw-tyre-size .btns{
padding:10px; 
}
.tfw-tyre-size .r-type {
display:flex;
}
.tfw-tyre-size a {
color: #000;
background: #0000;
border: 1px solid #4b80e2;
text-decoration:none;
padding:3px 10px;
font-size:14px;
margin: 0;
display:block;
width:130px;
}
.tf-b-left { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important;  }
.tf-b-right { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important;  }
.twf-finder-chromium-br .twf-finder-tabs a:hover,
.twf-finder-chromium-br .twf-finder-tabs a.active{
background-color: rgba(50,50,50,1);
border-top: 4px solid #e94141;
color:white;
}
.twf-finder-chromium-br .twf-finder-tabs a:hover{
color: #e94141 !important;
}
.twf-finder-chromium-br .twf-finder-block {
background-color: rgba(50,50,50,1);
}
@media (max-width: 767px) {
.twf-finder-block .finder-form { display:block; width:100%; }
.twf-finder-block .finder-form select,
.twf-finder-block .finder-form button { display:block; width:100%; margin-bottom: 1em; }
.twf-finder-tabs { display:block; }
.twf-finder-tabs a { float:none; width:100%; padding: 0.5em 2em;}
.tfw-tyre-size .size{ padding: 5px 1px; }
.tfw-tyre-size {display:block;}
.tfw-tyre-size .size-btn {border-top: 1px solid #bbb;}
.twf-finder-block .finder-compact-form { display:block; }
}
.twf-finder-chromium-br .rear-selector
{
margin-bottom: 1.4em;
}
.twf-finder-chromium-br .rear-selector a
{
color:white;
}
.twf-finder-chromium-br h5
{
color: white;
text-transform: uppercase;
font-size: 0.8em;
text-align: left;
margin-bottom: 0.8em;
padding-bottom: 0;
margin-top: 0.9em;
}  @-webkit-keyframes load-opacity-pulse {
0% {opacity: 0.5;}
50% {opacity: 1.0;}
100% {opacity: 0.5;}
}
.twf-finder .load
{
animation: load-opacity-pulse 1.5s ease-out;
animation-iteration-count: infinite; 
}