/* PINK #FF3980; */
/* BLUE #397BFF */
/* MAIN TEXT GREY #BBBABA; */
/* DARK GREY */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
html {
    margin:0px;
    padding:0px;
}
body {
    font-family: 'Open Sans', sans-serif;
    background:#E0E7EA;
    color: #000;
    font-size: 20px;
    width:100%;
    padding:0px;
    margin:0px;
    overflow:hidden;
}
* {
    box-sizing:border-box;
}
a {
    outline: 0;
}
a:link, a:visited, a:active {
    color:#397bff;
    font-weight:600;
}
.pink {
    color:#FF3980;
}
h4 {
    font-size: 16px;
    padding-bottom: 10px;
}
strong {
    font-weight:600;
}
.infobox {
    background:#397bff;
    padding:20px;
    border-radius: 5px;
    display:block;
    font-size:14px;
    line-height:22px;
    color:#fff;
}
.ts-nav {
    background:#1B1C26;
    width:280px;
    float:left;
    position:relative;
}
.ts-nav-scroll {
    overflow-y:auto;
}
.navpadd {
    padding:25px;
}
.mainbody {
    width:calc(100% - 280px);
    float:right;
    overflow-y:auto;
    overflow-x:hidden;
    /* padding:25px;
    */
    padding:20px;
}
.inlinesearchform {
    background-color:#171820;
}
.inlinesearchform select{
    background-color:#25262D;
    border:1px solid rgba(255,255,255,0.1);
    border-radius: 5px;
    padding:8px;
    width:100%;
    margin-bottom:6px;
    color:white;
    padding-right: 30px;
    background-image: url(/images/arrow-down-white.svg);
    background-size: 8px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.search-overlay-submit {
    background-color:#397BFF;
    background-image:url('/images/search-white.svg');
    background-size:auto 35%;
    background-repeat: no-repeat;
    background-position: right 15px center!important;
}
.bg-pink {
    background-color:#FF3980;
}
.nav-browseby .nav-title {
    color:white;
    text-transform: uppercase;
    font-weight:600;
    font-size:16px;
    line-height:18px;
    margin-bottom:20px;
}
.nav-browseby li a:link, .nav-browseby li a:visited, .nav-browseby li a:active {
    font-size:14px;
    line-height:16px;
    padding:5px 0px;
    color:white;
    display:block;
    margin-bottom:6px;
    text-decoration: none;
    background-size:auto 80%;
    background-repeat: no-repeat;
    background-position: right center;
}
.nav-search-list {
    background-image:url('/images/checklist-white.svg');
    background-position: right 3px center!important;
}
.nav-search-popular {
    background-image:url('/images/star-white.svg');
}
.nav-search-tyreman {
    background-image:url('/images/tyre-white.svg');
}
.nav-search-rimman {
    background-image:url('/images/rim-white.svg');
}
.nav-search-latest {
    background-image:url('/images/time.svg');
}
.nav-search-menu {
    background-image:url('/images/menu-white.svg');
}
.nav-search-search {
    background-image:url('/images/search.svg');
}
.nav-search-home {
    background-image:url('/images/hom-white.svg');
}
.nav-search-stats {
    background-image:url('/images/pie-chart.svg');
}
.nav-foot {
    background-color:#171820;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    color:white;
    font-size:12px;
    line-height:14px;
}
.nav-foot-sm {
    text-align:center;
    padding:8px;
    font-style: italic;
}
.nav-foot-cp {
    background:rgba(0,0,0,0.2);
    padding:10px;
}
.nav-foot-cp a:link, .nav-foot-cp a:visited {
    color:white;
    font-weight:normal;
}
.nav-foot-cp-left {
    float:left;
}
.nav-foot-cp-right {
    float:right;
}
.nav-foot-sm img {
    margin-right:5px;
}
.nav-foot img {
    height:14px;
    vertical-align: middle;
}
.ts-nav .main-logo-full {
    width:calc(100%);
    height:auto;
}
.section-tile-cont-home {
    padding-top:0px;
    margin-top: 0px;
    position: relative;
    z-index: 11;
}
.navstats {
    font-size:15px;
    color:white;
    line-height:18px;
    text-align: center;
    margin:15px 0px 25px 0px;
}
a.button, a:link.button, a:visited.button, a:active.button, input[type="submit"].button {
    display:block;
    text-align: center;
    color:white!important;
    text-decoration: none!important;
    border:0px;
    width:100%;
    text-transform:uppercase;
    font-weight:600;
    font-size:18px;
    line-height:20px;
    padding:12px;
    border-radius: 5px;
}
.moreimages a.button:link {
    display:inline-block;
    width:300px;
    margin:20px 0px 40px 0px;
    margin-left:calc(50% - 150px);
}
.closemobfilter {display:none;}
.mobpopfilter {display:block;}
/* FILTRIFY OVERRIDES */
ul.ft-menu > li.ft-field {    
    margin-right: 0px;   
}
.ft-selected {margin-top:0px!important;}
.ft-tags {margin-top:0px!important;}

.tile-item:hover {
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.35);
    background-size:155%;
    transition: all 0.2s 
}
.tile-item {
    float:left;
    width:23.0%;
    margin:0px 1% 25px 1%;
    border-radius: 5px;
    display:block;
    height:300px;
    background-size:150%;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
    transition: all 0.2s 
}
/*
.tile-item:nth-child(3n) {
margin-right:0!important;
}
*/
.tile-item .tile-item-info {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    /*background:rgba(23, 24, 32, 0.78);*/
    background:rgba(27, 28, 38, 0.57);
    background:radial-gradient(circle, rgba(27, 28, 38, 0.57) 20%, rgb(23, 24, 32) 100%);
    text-align: center;
    border-radius: 5px;
    transition: all 0.3s 
}
.tile-item .tile-item-info-holder {
    display:block;
}
.tile-item-info-tyreman {
    height:80px;
    width:80px;
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;
    display:inline-block;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity:1;
    transition: all 0.3s;
    filter: brightness(0) invert(1);
}
.tile-item-info-tyreman.UNKNOWN {
    display:none!important;
}
.tile-item:hover .tile-item-info {
    background:rgba(0,0,0,0);
    transition: all 0.3s;
    background:radial-gradient(circle, rgba(27, 28, 38, 0.27) 20%, rgba(23, 24, 32, 0) 100%);
}
.tile-item:hover .tile-item-info-man, .tile-item:hover .tile-item-info-size, .tile-item:hover .tile-item-info-views, .tile-item:hover .tile-item-info-tyreman{
    opacity:0;
    transition: all 0.3s;
}
.tile-item:link .tile-item-info, .tile-item:visited .tile-item-info, .tile-item:active .tile-item-info {
    color:white;
    text-decoration: none;
}
.tile-item-info-man {
    font-size:18px;
    line-height:21px;
    font-weight:800;
    display:block;
    opacity:1;
    transition: all 0.3s;
    position:absolute;
    bottom:22px;
    left:10px;
}
.tile-item-info-size {
    font-size:11px;
    line-height:13px;
    font-weight:400;
    display:block;
    opacity:1;
    transition: all 0.3s;
    position:absolute;
    bottom:10px;
    left:10px;
}
.tile-item-info-views {
    font-size:22px;
    line-height:15px;
    font-weight:600;
    display:none;
    opacity:1;
    transition: all 0.3s;
}
/*.tile-item-info-rimman {
position:absolute;
right:10px;
bottom:10px;
}
*/
/*.middle {
width:1150px;
margin: 0 auto;
}
*/
.middleinner {
    line-height:25px;
}
.ts-nav .main-logo {
    height:20px;
    margin-top:20px;
}
/*.ts-nav ul {
float:right;
}
*/
input[type="text"], input[type="submit"], select {
    font-family: 'Open Sans', sans-serif;
}
input[type="submit"]:hover {
    cursor:pointer;
}
.mobonly {
    display:none;
}
.question {
    margin:10px 0px 10px 0px;
    background:#d6dadc;
    padding:20px;
    border-radius: 10px;
    color:#575b5d;
}
.italic {
    font-style:italic;
}
h1 {
    font-size:28px;
    line-height:30px;
}
h4 {
}
h4.sectiontitle {
    color:#000;
    display:block;
    text-align:left;
    padding:40px 0px;
    font-size:18px;
    font-weight:800;
    /* text-transform:uppercase;
    */
}
.sectiontitle a:link, .sectiontitle a:visited, .sectiontitle a:active {
    color:#000;
    font-size:18px;
    font-weight:800;
    text-transform:uppercase;
}
.section-tile-cont {
    padding-top:0px;
    margin-top: 0px;
    position: relative;
    z-index: 11;
}
.results h1 {
    padding-bottom:15px;
}
.footbar {
    color:#BBBABA;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    width:100%;
    text-align:center;
    margin:30px 0px;
}
.footbar a:link, .footbar a:visited, .footbar a:active {
    color:#BBBABA;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    text-decoration: underline;
}
.footbar a:hover {
    text-decoration: none;
}
.home-hero-holder {
    height:200px;
    background-size:cover;
    background-position: center;
    background-repeat:no-repeat;
    position:relative;
}
.search-overlay {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:20px 0px 225px 0px;
    background-color: rgba(255, 255, 255, 0.3);
}
.search-overlay-input {
    width:14%;
    float:left;
    margin-right:1%;
    display:inline-block;
    border:0px solid #BBBABA;
    border-radius: 3px;
    padding:10px;
}
.search-overlay select {
    width:14%;
    float:left;
    margin-right:1%;
    display:inline-block;
    border:0px solid #BBBABA;
    border-radius: 3px;
    padding:10px;
}
.search-overlay form {
    position:relative;
    z-index:15;
}
.internalhero.internalherointernal {
    margin-bottom:-70px;
}
.internalhero.internalherointernal .home-hero-holder-small {
    height:180px
}
.internalhero.internalherointernal .search-overlay {
    bottom: unset;
    top:100px;
}
.searchresults-count {
    float:left;
}
.pags {
    float:none;
    margin-top: 28px;
    display:block;
    width:100%;
    text-align:center;
}
.hidesearch {
    position:absolute;
    left:-90999px;
}
img.error-tire {
    width:300px;
    display:block;
    margin:40px auto;
    max-width:80%;
}
.generalholder.center {
    text-align:center;
}
div.tile-item:nth-of-type(4n) {
    margin-right:0;
}
.tile-item-top-info {
    padding:20px;
    color:#BBBABA;
    font-size:11px;
    font-weight:600;
}
.tile-item-top-info-man {
    color:#000;
    font-size:18px;
    margin:7px 0px;
}
.tile-pic-holder {
    overflow:hidden;
    background:#000;
}
.tile-item .tile-pic {
    height:180px;
    opacity:1;
    display:block;
    background-size:150%;
    background-position:center;
    transition: all 0.1s ease-in;
}
.tile-pic-holder:hover .tile-pic {
    background-size:160%;
    opacity:0.7;
    transition: all 0.1s ease-in;
}
.tile-item a:link, .tile-item a:visited, .tile-item a:active {
    text-decoration:none;
}
.tile-item-bottom-info {
    padding:20px;
}
.small-info {
    float:right;
    margin-top:2px;
}
.smallsizetyrelogo {
    height:30px;
    border-radius: 60px;
    float:left;
}
.smallsizetyrelogo a {
    display:inline-block;
    width:30px;
    height:30px;
    margin-right:8px;
    border-radius: 60px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.fullsizetyrelogo a {
    display:inline-block;
    padding:15px 40px 15px 0px!important;
    background-size:30px 30px;
    background-repeat:no-repeat;
    background-position:right 0px center;
}
.viewscount {
    font-size:14px;
    color:#BBBABA;
    background-image:url(/images/views.png);
    background-position: left center;
    background-size:17px 17px;
    padding-left:25px;
    background-repeat: no-repeat;
}
.unknownhider.UNKNOWN {
    display:none!important;
}
ul.manlist {
    margin-left:0!important;
}
.manlist li{
    list-style:none!important;
}
.manlist li a:link, .manlist li a:visited, .manlist li a:active {
    color:#FFF;
    font-size:14px;
    font-weight:600;
    line-height:18px;
    text-decoration:none;
    display:block;
    float:left;
    width:19%;
    margin-right:1%;
    background-size:60%;
    /* background-color:#1B1C26;
    */
    margin-bottom:15px;
    text-align:center;
    text-indent: -9999px;
}
.manlist li a:after {
    content:"";
    padding-bottom:100%;
}
.manlistlogo {
    padding:170px 40px 40px 40px!important;
    background-repeat:no-repeat;
    background-position:top 60px center;
    filter: brightness(0) invert(1);
}
.manlist .manlistlogo {
    filter: none;
    background-position: center;
    background-size:contain;
    padding:60px!important;
}
.generalholder {
    position: relative;
    background: #fff;
    border-radius: 5px;
    z-index: 10;
    padding: 30px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.08);
    font-size:16px;
    line-height:20px;
}
.generalholder ul {
    margin-left:20px;
}
.generalholder li {
    display:list-item;
    list-style: initial;
    font-weight:600;
    font-size:18px;
    line-height:26px;
    padding-bottom:10px;
}
.home-hero-holder-small {
    height:400px;
    overflow:hidden;
    position:relative;
    background:#000;
}
.home-hero-small-bg {
    position:absolute;
    opacity:0.7;
    bottom:0;
    left:0;
    right:0;
    top:0;
    background-size:130% auto;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    background-position: center;
    background-repeat:no-repeat;
}
.search-overlay-small {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:145px 0px;
    background-color: rgba(255, 255, 255, 0.7);
}
.home-hero-holder-small h1 {
    padding-top:40px;
    font-weight:600;
    color:white;
    float:left;
}
.home-hero-holder-small .middle {
    z-index:10;
    position:relative;
}
.photoholder {
    position:relative;
    background:#fff;
    border-radius: 5px;
    z-index:10;
    padding:20px 20px;
    /* margin-top:-205px;
    */
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.08);
}
.photoholder {
    margin-top:0px;
}
.photo {
    float:left;
    width:70%;
}
.photo img {
    width:100%;
}
.pic-info {
    float:right;
    width:30%;
    padding:0px 20px 20px 20px
}
.picinfotitle {
    color: #757575;
    display: block;
    padding: 5px 0px 5px 0px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.pic-info a:link, .pic-info a:visited, .pic-info a:active {
    color:#000;
    font-weight:600;
    text-decoration: none;
    font-size:20px;
    line-height:23px;
    margin-bottom:10px;
    display:block;
}
.largesizetyrelogo {
    height:50px;
    border-radius: 60px;
}
.largesizetyrelogo a {
    display:inline-block;
    width:100px;
    height:100px;
    margin-right:8px;
    border-radius: 0px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.pic-info .largesizetyrelogo {
    margin-bottom:15px;
}
.socialcounts .viewscount {
    font-size:16px;
    line-height:25px;
    color:#fff;
    background-image:url(/images/views-white.png);
    background-position: left center;
    background-size:20px 20px;
    padding:5px 0px;
    padding-left:35px;
    background-repeat: no-repeat;
}
.socialcounts .facebook:link, .socialcounts .facebook:visited {
    text-decoration:none;
    margin-right:30px;
    font-size:16px;
    line-height:25px;
    color:#fff;
    background-image:url(/images/fb-like.png);
    background-position: left center;
    background-size:20px 20px;
    padding:5px 0px;
    padding-left:35px;
    background-repeat: no-repeat;
}
.socialcounts {
    float:right;
    margin-top:40px;
}
.creditlinker.creditman {
    position:relative;
    display:block;
}
.creditlinker {
    /*display:none;
    */
}
.globe {
    height:15px;
    position:absolute;
    right:0;
    top:-0px;
}
.searchinputbig {
    border:1px solid #ccc;
    padding:30px;
    display:block;
    width:100%;
    border-radius:15px;
    font-size:30px;
    margin-bottom:20px;
}
.photoholder.searchholder {
    padding:40px;
    font-size:20px;
    line-height:25px;
}
.fullbackdir {
    height:17px;
    margin:0 10px 0px 0px;
}
.backdir {
    height:17px;
    margin:0 10px 0px 0px;
}
.home-list li a:link, .home-list li a:visited, .home-list li a:active {
    display:block;
    color:#666;
    float:left;
    width:24%;
    margin-right:1%;
    padding:10px;
    border-radius: 5px;
    background:#f5f5f5;
    text-align:center;
    text-decoration: none;
    margin-bottom: 1%;
}
.home-list li a:hover {
    color:#fff;
    background:#FD6CA3;
}
.upstep {
    text-align: center;
    font-size:16px;
    line-height:20px;
    background:#FD6CA3;
    box-sizing: border-box;
    color:white;
    padding:20px 20px 40px 20px;
    border-radius:10px;
    margin:20px 0.6%;
}
.upstepno {
    display:block;
    text-align:center;
    padding:30px;
    font-size:30px;
}
.uploadstep {
    width:32%;
    float:left;
}
.uploadsteptwo {
    width:32%;
    float:left;
    background:#e25f91
}
.uploadstepthree {
    width:32%;
    float:left;
    background:#d45585
}
.upstep a:link, .upstep a:visited, .upstep a:active {
    color:white;
    text-decoration:none;
}
.content-table {
    display: table;
    width:100%;
    margin:30px 0px;
    border-collapse: separate;
    border-spacing: 15px 0;
}
.content-row {
    display: table-row;
}
.column {
    display: table-cell;
    width:33%;
}
.brand-list li a:link, .brand-list li a:visited, .brand-list li a:active {
    /*background-image: url(../images/tsnew-logo.png);
    */
    display:block;
    color:#666;
    float:left;
    width:32%;
    margin:0.5%;
    padding:10px;
    border-radius: 5px;
    background-color:#f5f5f5;
    text-align:center;
    font-size:14px;
    text-decoration: none;
    margin-bottom: 1%;
}
.brand-list li a:hover {
    color:#fff;
    background-color:#FD6CA3;
}
.itemsholder {
    position: relative;
    border-radius: 5px;
    z-index: 10;
    padding: 0px 0px;
    margin-top: -205px;
}
.pags {
}
.pags .current {
    background:#FD6CA3;
    color:white;
    border-radius: 5px;
    display:inline-block;
    padding:5px 8px;
}
.pags .pagcount:link, .pags .pagcount:visited, .pags .pagcount:active {
    text-decoration: none;
    background:#BBBABA;
    color:#666;
    border-radius: 5px;
    display:inline-block;
    padding:5px 8px;
}
.pags .pagcount:hover {
    background:#666;
    color:#BBBABA;
    border-radius: 5px;
    display:inline-block;
    padding:5px 8px;
}
.searchbrowse {
    display:block;
    float:left;
    width:32%;
    margin:20px 0px 0px 0px;
    margin-right:1.5%;
    text-align:center;
    padding:60px;
    background-color:#FD6CA3;
    border-radius: 10px;
}
.searchbrowse:link, .searchbrowse:visited, .searchbrowse:active {
    text-decoration:none;
    color:#fff;
}
.searchbrowse:nth-child(4) {
    margin-right:0%;
    background:#d45585
}
.searchbrowse:nth-child(3) {
    background:#e25f91
}
.countbig {
    color:#FD6CA3;
    font-size:25px;
    font-weight:800;
    padding:10px 0px 30px 0px;
}
.countbig a:link, .countbig a:visited, .countbig a:active {
    color:#FD6CA3;
    font-size:25px;
    font-weight:800;
}
.countsmall {
    color:#000;
    font-weight:400;
    font-size:16px;
}

@media (max-width: 2000px){
    .tile-item {
        width: 31.3%;
        margin:0px 1% 25px 1%;
        height: 300px;
    }
    .tile-item-info-tyreman {
        height:80px;
        width:80px;
    }
}

@media (max-width: 1400px){
    .tile-item {
        width: 31.3%;
        margin:0px 1% 25px 1%;
        height: 200px;
    }
    .tile-item-info-tyreman {
        height:60px;
        width:60px;
    }
}
@media (max-width: 1200px){
    .tile-item {
        width: 48%;
        margin:0px 1% 25px 1%;        
        height: 200px;
    }
    .home-list li a:link, .home-list li a:visited, .home-list li a:active {
        width: 49%;
        margin-right: 1%;
        margin-bottom: 1%;
    }
}
@media (max-width: 1024px){
    .photo {
        width:100%;
    }
    .pic-info {
        width:100%;
        padding:20px;
        position:relative;
    }
}
/* DESKTOP ONLY */
@media (min-width: 769px) {
    .mobnav {
        display:none;
    }
}
/* SMARTPHONES */
@media (max-width: 768px){
    .home-list {
        padding:20px;
    }
    .home-list li a:link, .home-list li a:visited, .home-list li a:active {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 8px;
    }
    .tile-item {
        width: 100%;
        margin:0%;
        height: 250px;
        margin-bottom:0;
        border-radius: 0;
    }
    .tile-item:hover {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35);
        background-size:150%;
        transition: all 0s 
    }
    .tile-item:hover .tile-item-info {
        border-radius: 0px;
        background: rgba(27, 28, 38, 0.57);
        background: radial-gradient(circle, rgba(27, 28, 38, 0.37) 20%, rgb(23, 24, 32) 100%);
    }
    .tile-item:hover .tile-item-info-man, .tile-item:hover .tile-item-info-size, .tile-item:hover .tile-item-info-views, .tile-item:hover .tile-item-info-tyreman {
        opacity: 1;
        transition: all 0s;
    }
    .tile-item-info-man {
    font-size: 15px;
    line-height: 18px;    
}
    .backnav {
        position:absolute;
        z-index:91;
        display:block;
        top:9px;
        left:11px;
    }
    .backnav a:link, .backnav a:visited, .backnav a:active {
        color:white;
        text-decoration: none;
        font-size:14px;
        line-height:14px;
    }
    .backnav img {
        height:15px;
        vertical-align: middle;
        padding-bottom:2px;
    }
    .mob-top-nav {
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        background:#171820;
        z-index:90;
        height:40px;
        text-align: center;
    }
    .mob-top-nav img {
        height:30px;
    }
    .ts-nav{
        display:none;
        /* width:100%;
        height:auto!important;
        */
    }
    /* .ts-nav .navstats, .ts-nav .nav-upload, .ts-nav .ts-nav-scroll, .ts-nav .nav-foot {
    display:none!important;
}
    */
    .mainbody {
        width: calc(100% - 0px);
        padding:0;
        padding-bottom:70px;
    }
    .tile-item .tile-item-info {
        border-radius: 0px;        
        background: rgba(27, 28, 38, 0.57);
        background: radial-gradient(circle, rgba(27, 28, 38, 0.37) 20%, rgb(23, 24, 32) 100%);
    }
    .mobpopmenu {
        position:absolute;
        top:0;
        bottom:0;
        width:100%;
        left:-20px;
        background:#171820;
        z-index:99;
        padding:60px 20px 20px 20px;
        transition: all 0.2s;
        opacity:0;
    }
    .mobpopsearch {
        position:absolute;
        top:0;
        bottom:0;
        width:100%;
        left:-20px;
        background:#171820;
        z-index:99;
        padding:60px 20px 20px 20px;
        transition: all 0.2s;
        opacity:0;
    }
    .mobpopfilter {
        position:absolute;
        top:0;
        bottom:0;
        width:100%;
        left:-20px;
        background:#171820;
        z-index:99;
        padding:60px 20px 20px 20px;
        transition: all 0.2s;
        opacity:0;
    }
    .filtercont {position:absolute;right:10px;top:10px;z-index:98;display: block;}
    img.filter {height:20px;}
    #placeHolder {
        /*position:absolute;
        left:-9999px;*/
    }
    .closemobfilter {display:block;}

    .mobmenusearch {
        margin-top:10px;
    }
    .mobpop .inlinesearchform select {
        padding: 12px;
        margin-bottom: 10px;
    }
    .mobpop .closemobpop {
        height:30px;
        position:absolute;
        top:20px;
        right:20px;
    }
    .mobpop .nav-title {
        font-weight:600;
    }
    .mobnav {
        display:block;
        position:fixed;
        bottom:0;
        right:0;
        left:0;
        padding:15px 5px 8px 5px;
        /* height:50px;
        */
        z-index:98;
        background:#171820;
    }
    .mobnav li {
        display:inline-block;
        float:left;
        width:20%;
        text-align: center;
    }
    .mobnav li a, .mobnav li a:link, .mobnav li a:visited, .mobnav li a:active {
        background-repeat: no-repeat;
        background-position: top center!important;
        color:white;
        display:inline-block;
        text-decoration: none;
        font-size:12px;
        line-height:15px;
        padding:28px 0px 5px 0px;
        background-size:22px 22px;
    }
    .mobnav li a.nav-search-menu {
        background-size:25px auto;
        background-position:top 1px center!important;
    }
    .tile-item-info-tyreman {
        height: 60px;
        width: 60px;
    }
    .photoholder {
        border-radius: 0px;
        padding: 0px 0px;
        box-shadow: unset;
        padding-top:30px;
    }
    .photo {
        width:100%;
    }
    .pic-info {
        width:100%;
        padding:20px;
        position:relative;
    }
    .pic-info a:link, .pic-info a:visited, .pic-info a:active {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 5px;
        display: block;
    }
    .photo img {
        width: calc(100% + 6px);
        margin-left: -3px;
        margin-top: -8px;
    }
    .tyremantitle, .rimmantitle {
        display:none;
    }
    .picinfomanscont {
        position:absolute;
        top:20px;
        right:20px;
        width:70px;
    }
    .tyremanimg {
        display:inline-block;
    }
    .rimmanimg {
        display:inline-block;
    }
    .tyremanimg.largesizetyrelogo a, .rimmanimg.largesizetyrelogo a {
        width:70px;
        height:70px;
    }
    .globe {
        height: 15px;
        display: inline-block;
        position: relative;
        right: unset;
        top:unset;
    }
    .moreimages h4.sectiontitle {
        padding-left:20px;
        padding-bottom:0px;
    }
    .moreimages a.button:link, .moreimages a.button:visited {
        font-size:16px;
        line-height:18px;
    }
    .nav-browseby li a:link, .nav-browseby li a:visited, .nav-browseby li a:active {
        font-size: 16px;
        line-height: 18px;
        padding: 5px 0px;
        margin-bottom: 6px;
        background-size: auto 80%;
    }
    .nav-foot-cp {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        font-size:12px;
        line-height:15px;
        color:white;
    }
    .nav-foot-cp a:link, .nav-foot-cp a:visited {
        color:white;
        font-weight:normal;
        font-size:12px;
        line-height:15px;
    }
    .main-logo-full {
        position: absolute;
        top: 20px;
        left: 30px;
        width: 50%;
    }
    .manlist li a:link, .manlist li a:visited, .manlist li a:active {
        width:48%;
        margin-right:1%;
        background-size:60%;
    }
    .results h1 {
        position:absolute;
        z-index:100;
        color:white;
        left:12px;
        top:14px;
        font-size: 14px;
        line-height: 14px;
        font-weight:600;
    }
    .results .st-image-share-buttons {
        left:-9999px;
    }
    .generalholder {
        border-radius:0;
    }

    div#st-el-1 {display:none!important;}

    .tilefix, .tile-fix {padding-top:40px;}
    .mobpopfilter {display:none;}


    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags, ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected {    
        margin: 0px;
    }

    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
        display: block;
        width:100%;    
        padding: 18px;
        padding-left:75px;
        background-size: 50px;
    }
    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after {
        content: attr(data-count);
        font-size: 18px;    
        margin-top: -13px;
        padding: 4px 9px;
    }
    ul.ft-menu > li.ft-field {
        float: none;
        margin-right: 0px;
    }

    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li {

        width: 100%;
        margin: 0px 10px 0px 0px;
        padding: 18px;
        font-size: 14px;
    }

    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after {    
        font-size: 34px;
        position: absolute;
        right: 10px;
        top: 7px;
    }
    .homeonly {
        padding-top:40px;
    }
    .homeonly .mob-top-nav img {
        margin-top:5px;
    }
}

/*IPHONE X*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
        
        .mainlogo {display:none;}
        .iosx {display:inline-block;}
        .mob-top-nav {    
            text-align: left;
            padding-left:10px;
        }
        .mobpop .nav-browseby .main-logo-full {
            display:none;
        }  
}