@font-face
{
 font-family:'vendito';
 font-weight:normal;
 src:url('https://cdn.vendito.co.uk/cogs/vendito.woff') format('woff');
}
@font-face
{
 font-family:'vendito';
 font-weight:bold;
 src:url('https://cdn.vendito.co.uk/cogs/bold.woff') format('woff');
}
@font-face
{
 font-family:'icons';
 src:url('https://cdn.vendito.co.uk/cogs/icons.woff') format('woff');
}
*
{
 margin:0;
 outline:none;
 color:#ffffff;
 font-family:vendito,verdana,arial,helvetica,sans-serif;
}
html,body
{
 height:100%;
 margin:0;
}
body
{ 
 overflow-y:scroll;
}
body > .bum
{
 position:-webkit-sticky;
 position:sticky;
 top:calc(100vh - 40vw);
}
a
{
 font-size:4.8vw;
}
::placeholder
{
 color:#333333;
 opacity:1;
}
::-ms-input-placeholder
{
 color:#333333;
}
.bak
{
 position:fixed;
 width:100vw;
 height:100vh;
 background-color:#000000;
 background-image:url('http://api.vendito.co.uk/media/background');
/* background-image:url('https://localhost:7197/media/background');*/
 background-size:cover;
 background-repeat:no-repeat; 
 z-index:-1;
}
.desk
{
 color:#000000;
}
.watch
{
 color:#000000;
}
.nav input[type=checkbox]
{
 display:none;
 -webkit-appearance:none;
}
.nav input[type=checkbox]:checked ~ .mnu
{
 display:block;
}
.kil
{
 display:none;
}
.mnu ul
{
 list-style-type:none;
}
.mnu li
{
 display:inline-block;
 cursor:pointer;
}
.mnu li a
{
 font-size:12vw;
 text-decoration:none;
 cursor:pointer;
}
.head .ctrl
{
 position:relative;
 float:right;
 margin-right:1.4vw;
 font-family:'icons';
}
.head .ctrl a
{
 color:#ffffff;
 font-size:6vw;
 font-family:icons;
 text-decoration:none;
}
.head .ctrl .count
{
 position:absolute;
 width:4.8vw;
 height:4.8vw;
 left:10.4vw;
 top:-1.2vw;
 color:#ffffff;
 font-size:3.4vw;
 font-weight:bold;
 line-height:4.8vw;
 text-align:center;
 background:#0000ff;
 border:0.6vw #ffffff solid;
 border-radius:2.4vw;
}
.head .search
{
 width:98%;
 height:8vw;
 margin-top:12.8vw;
 padding-left:1vw;
 border:1px #ffffff solid;
 border-radius:1.2vw;
}
.head .search .txt
{
 width:52.8vw;
 height:8vw;
 margin:0;
 color:#ffffff;
 background-color:transparent;
 border:0;
 border-radius:1.2vw;
}
.head .search .txt::placeholder
{
 color:#cccccc;
 opacity:1; 
}
.head .search .txt::-ms-input-placeholder
{
 color:#cccccc;
}
.head .search .mag
{
 float:right;
 height:6vw;
 padding:1vw 1vw;
 color:#ffffff;
 background:#0000ff;
 font-family:icons;
 font-size:5.6vw;
 border:0;
 border-radius:1.2vw;
 cursor:pointer;
}
.bum
{
 height:40vw;
 color:#ffffff;
 background-color:#000000;
}
.watch
{
 display:none;
}
.desk
{
 display:none;
}
.item
{
 width:99.5vw;
 margin-left:-0.5vw;
 padding:4vw 4vw 20vw 4vw;
 text-align:center;
 box-sizing:border-box;
 background:rgba(0,0,0,0.6);
 clear:both;
}
.item .name
{
 font-size:6.8vw;
 font-weight:bold;
}
.item .photo
{
 margin:1.6vw;
 width:88vw;
 height:88vw;
 background:#333333;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 border:2px #ffffff solid;
}
.item .price
{
 float:right;
 margin:2vw;
 padding:2.8vw;
 background:#000000;
 border:1px #ffffff solid;
}
.form
{
 width:99.5vw;
 margin-left:-0.5vw;
 padding:4vw 4vw 20vw 4vw;
 box-sizing:border-box;
 background:rgba(0,0,0,0.6);
 clear:both;
}
.top
{
 float:left;
 color:#ffffff;
 background:rgba(0,0,0,0.6);
 text-align:right;
 box-sizing:content-box;
}
.title
{
 float:right;
 width:26vw;
 text-align:center;
 text-transform:capitalize;
}
.title a
{
 color:#ffffff;
 text-decoration:none;
}

.home .top
{
 text-align:left;
}
.cars .filters,.car .filters
{
 position:absolute;
 top:-32px;
 left:0;
 width:100vw;
 height:100vh;
 margin:20px 0;
 padding:40px 0 600px 0;
 background:#000000;
 z-index:1;
 text-align:center;
}
#results
{
 list-style-type:none;
 padding:0;
}
#results .filter
{
 position:absolute;
 margin-top:2vw;
 margin-left:68vw;
 font-family:icons;
 color:#ffffff;
 font-size:6vw;
 cursor:pointer;
}
#results .filters
{
 position:absolute;
 display:none;
}
#results li
{
 width:100vw;
 padding:4vw;
 box-sizing:border-box;
 background:-moz-linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 background:-webkit-linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 background:linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 border:0.4vw #000000 solid;
}
#results .item
{
 background-color:rgba(255,255,255,0.4);
 font-size:4.8vw;
 font-weight:bold;
}
#results .price
{
 margin-right:2vw;
 font-size:4.8vw;
 font-weight:bold;
}
#results .img
{
 float:left;
 width:36vw;
 height:36vw;
 margin-top:0.4vw;
 background-image:url('../img/img.webp');
 background-position:center center;
 background-size:cover;
 border:0.6vw #333333 solid;
 border-right:0;
 border-top-left-radius:4vw;
 border-bottom-left-radius:4vw;
 box-sizing:border-box;
}
#results .description
{
 float:left;
 width:55vw;
 height:36vw;
 margin-top:0.4vw;
 padding:1.2vw;
 background:#eeeeee;
 border:0.6vw #333333 solid;
 border-left:0;
 border-top-right-radius:4vw;
 border-bottom-right-radius:4vw;
 box-sizing:border-box;
 overflow:hidden;
}
.details
{
 width:100vw;
 padding:4vw;
 box-sizing:border-box;
 background:-moz-linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 background:-webkit-linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 background:linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 border:0.4vw #000000 solid;
}
.details .item
{
 padding:0 4vw;
 color:#000000;
 font-size:4.8vw;
 font-weight:bold;
}
.details .carousel
{
 width:100%;
 border:0.4vw #000000 solid;
 border-radius:4vw;
 box-sizing:border-box;
 cursor:pointer;
}
.details .caption
{
 margin:0.6vw 0;
 padding:0.8vw;
 background-color:#ffffff;
 text-align:center;
 font-size:4vw;
 border:1px #000000 solid;
 border-radius:4vw;
 box-sizing:border-box;
}
.details .description
{
 margin:2vw;
 padding:2vw;
 font-weight:bold;
 background:-moz-linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 background:-webkit-linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 background:linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
}
.details .details
{
 width:100%;
 margin-top:1.8vw;
}
.icons
{
 background:-moz-linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 background:-webkit-linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 background:linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.8) 60%);
 border:0.2vw #000000 solid;
 box-sizing:border-box;
 text-align:center;
 font-weight:bold;
 text-transform:uppercase;
}
.icons a
{
 display:inline-block;
 width:100%;
 height:100%;
 color:#333333;
 font-size:3.6vw;
 text-decoration:none;
}
.icons .ico
{
 padding-top:8vw;
 color:#333333;
}
.sqr
{
 height:32vw;
 width:33vw;
 font-weight:bold;
}
.sub
{
 font-weight:bold;
}
.ind
{
 width:99vw;
 height:32vw;
}
.progress
{
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:0%;
 background-color:rgba(60,60,60,0.4);
 transition:width 0.1s linear;
 z-index:1;
}
.reg
{
 position:relative;
 overflow:hidden;
 border:none;
 cursor:pointer;
}
.reg:active .progress
{
 transition:width 0.1s linear;
}
.hid
{
 visibility:hidden;
}
.banner .top
{
 float:left;
 width:100vw;
 height:8vw;
 margin-top:-16vw;
 padding:4vw 4vw 4vw 4vw;
 color:#ffffff;
 background:rgba(0,0,0,0.6);
 box-sizing:content-box;
}
.banner .title
{
 float:right;
 width:44vw;
 margin-top:-12vw;
 color:#ffffff;
 text-align:center;
}
.field
{
 border-bottom:2px #ffffff solid;
 height:14vw;
}
.btn
{
 float:right;
 height:10vw;
 margin:8vw 0;
 padding:1vw 6vw;
 color:#ffffff;
 background:#336600;
 font-size:4.8vw;
 border:1px #ffffff solid;
 border-radius:1.4vw;
}
.select
{
 width:100%;
 height:8vw;
 margin-top:6vw;
 box-shadow:0 1px 0 1px rgba(0,0,0,.04);
 box-sizing:border-box;
 -moz-appearance:none;
 -webkit-appearance:none;
 appearance:none;
 background-color:transparent;
 background-image:url('http://cdn.vendito.co.uk/img/dwn.svg');
 background-repeat:no-repeat,repeat;
 background-position:right .7em top 50%,0 0;
 background-size:.80em auto,100%;
 border-bottom:2px #ffffff solid;
}
.slc
{
 width:100%;
 border:0;
 background:transparent;
 -webkit-appearance:none;
 -moz-appearance:none;
}
.opt
{
 color:#ffffff;
 background:#000000;
}
.txt
{
 width:100%;
 height:14vw;
 margin-top:2vw;
 padding:1vw;
 color:#ffffff;
 background-color:transparent;
 border:0;
 font-size:3.8vw;
 box-sizing:border-box;
}
.txt::placeholder
{
 color:#999999;
 opacity:1; 
}
.txt::-ms-input-placeholder
{
 color:#999999;
}
.txta
{
 height:40vw;
 padding-top:4vw;
 border-bottom:2px #ffffff solid;
}
.ico
{
 margin-bottom:1.2vw;
 font-size:6vw;
 font-family:'icons';
}
.clr
{
 clear:both;
}
.wide
{
 width:100%;
}
.left
{
 float:left;
}
.rite
{
 float:right;
}
.hide
{
 display:none;
}
.show
{
 display:inline-block;
}