body { margin: 0; padding: 0; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; background: #fff; color: #666; }
input, textarea, select { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; }

body.Mobile, body.Mobile2 { background-position: center 61px; }

a { text-decoration: none; color: #2ea73e; }

.Mobile .hideMobile, .Mobile2 .hideMobile2, .Tablet .hideTablet, .Desktop .hideDesktop, .HD .hideHD,
.HD .showDesktop, .HD .showTablet, .HD .showMobile, .HD .showMobile2,
.Desktop .showHD, .Desktop .showTablet, .Desktop .showMobile, .Desktop .showMobile2,
.Tablet .showHD, .Tablet .showDesktop .Tablet .showMobile, .Tablet .showMobile2,
.Mobile .showHD, .Mobile .showDesktop, .Mobile .showTablet, .Mobile .showMobile2,
.Mobile2 .showHD, .Mobile2 .showDesktop, .Mobile2 .showTablet, .Mobile2 .showMobile { display: none; }

.Col { overflow: hidden; }
.Col > div { float: left; }
.Col > div > div { margin: 7px; }
.Mobile .Col > div > div { margin: 5px; }
.Mobile2 .Col > div > div { margin: 5px; }

.Col1 > div { width: 100%; }
.Col2 > div { width: 50%; }
.Col3 > div { width: 33.333%; }
.Col4 > div { width: 25%; }
.Col5 > div { width: 20%; }
.Col6 > div { width: 16.666%; }
.Col8 > div { width: 12.5%; }

.HD .HDCol1 > div, .Desktop .DesktopCol1 > div, .Tablet .TabletCol1 > div, .Mobile .MobileCol1 > div, .Mobile2 .Mobile2Col1 > div { width: 100%; }
.HD .HDCol2 > div, .Desktop .DesktopCol2 > div, .Tablet .TabletCol2 > div, .Mobile .MobileCol2 > div, .Mobile2 .Mobile2Col2 > div { width: 50%; }
.HD .HDCol3 > div, .Desktop .DesktopCol3 > div, .Tablet .TabletCol3 > div, .Mobile .MobileCol3 > div, .Mobile2 .Mobile2Col3 > div { width: 33.333%; }
.HD .HDCol4 > div, .Desktop .DesktopCol4 > div, .Tablet .TabletCol4 > div, .Mobile .MobileCol4 > div, .Mobile2 .Mobile2Col4 > div { width: 25%; }

.Page {}

.block { position: relative; margin: 20px 0; }
.block .content { margin: 0 auto; max-width: 1260px; padding: 0 20px; overflow: hidden; }

div.block.first { margin-top: 730px; }
div.block.firstlower { margin-top: 230px; }
div.block.firstnobg { margin-top: 50px; }

.Mobile .block, .Mobile2 .block { margin: 10px 0 0; }
.Mobile .block .content, .Mobile2 .block .content { margin: 0; }

.Top .info { overflow: hidden; border-top: 3px solid #0e8036; background: #000; }
.Top .info > div { margin: 0 auto; max-width: 1200px; }
.Top .logo { padding: 0 0 0 10px; float: left; height: 126px; line-height: 126px; font-family: 'Roboto Condensed'; font-size: 45px; }
.Top .logo img { float: left; margin: 14px 15px 0 50px; }
.Top .logo span { color: #bebebe; }
.Top .menuicon { float: right; margin: 12px 12px 0 0; width: 32px; height: 32px; line-height: 32px; text-align: center; font-family: Fontawesome; font-size: 18px; color: #2ea73e; cursor: pointer; }
.Top .menuicon:hover { background: #444; }
.Top .info .trustpilot { float: left; margin: 54px 0 0 28px; width: 260px; }
.Top .icons { padding: 38px 10px 0 0; float: right; }
.Top .icons a { float: left; padding: 0 30px 0 5px; height: 50px; line-height: 50px; font-family: 'Roboto Condensed'; font-size: 16px; font-weight: bold; color: #ccc; text-transform: uppercase; }
.Top .icons a span { float: left; margin-right: 8px; font-family: Fontawesome; font-size: 25px; font-weight: normal; color: #2ea73e; text-transform: none; }
.Top .icons a:hover { background: #444; }
.Top .menu { border: 1px #131313; border-style: solid none; height: 50px; background: #191919; font-family: 'Roboto Condensed'; font-size: 16px; font-weight: bold; }
.Top .menu > div { margin: 0 auto; max-width: 1200px; padding: 0 10px; }
.Top .menu a { float: left; /*width: 10.2857%;*/ height: 50px; padding-left: 8px; line-height: 50px; text-align: center; color: #ccc; text-transform: uppercase; }
.Top .menu a:hover { background: #444; }
.Top .menu a.active { color: #2ea73e; }
.Top .menu a span { margin-right: 8px; font-family: Fontawesome; font-size: 16px; font-weight: normal; color: #2ea73e; }
.Top .menu a:after { float: right; margin-left: 8px; content: '|'; color: #444; background: #191919; }

.Top .menu.visible { display: block; }

.Tablet .Top .info, .Mobile .Top .info, .Mobile2 .Top .info { background: #191919; }
.Tablet .Top .info .trustpilot { margin-top: 18px; }
.Tablet .Top .logo, .Mobile .Top .logo, .Mobile2 .Top .logo { height: 57px; line-height: 57px; font-size: 16px; }
.Tablet .Top .logo img, .Mobile .Top .logo img, .Mobile2 .Top .logo img { height: 45px; margin: 6px 6px 0 15px; }
.Tablet .Top .icons, .Mobile .Top .icons, .Mobile2 .Top .icons { float: none; clear: both; overflow: hidden; background: #000; padding: 5px 10px; }
.Tablet .Top .icons a, .Mobile .Top .icons a, .Mobile2 .Top .icons a { height: 30px; line-height: 30px; padding: 0 10px 0 5px; }
.Tablet .Top .icons a { font-size: 14px; }
.Mobile .Top .icons a, .Mobile2 .Top .icons a { font-size: 11px; }
.Tablet .Top .icons a span { font-size: 17px; margin-right: 5px; }
.Mobile .Top .icons a span, .Mobile2 .Top .icons a span { font-size: 14px; margin-right: 5px; }

.Tablet .Top .menu, .Mobile .Top .menu, .Mobile2 .Top .menu { position: absolute; left: 0; top: 60px; margin: 0; border-top: 1px solid #444; border-left: 1px solid #fff; background: #333; width: 100%; height: auto; line-height: 30px; z-index: 1; }
.Tablet .Top .menu > div, .Mobile .Top .menu > div, .Mobile2 .Top .menu > div { padding: 0; }
.Tablet .Top .menu a, .Mobile .Top .menu a, .Mobile2 .Top .menu a { float: none; margin: 0 -1px -1px 0; background: none; width: initial; height: 40px; line-height: 40px; padding: 0 10px; display: block; text-align: left; }
.Tablet .Top .menu a:hover, .Mobile .Top .menu a:hover, .Mobile2 .Top .menu a:hover { background: #444; }
.Tablet .Top .menu a:after, .Mobile .Top .menu a:after, .Mobile2 .Top .menu a:after { display: none; }

.Mobile .Top .info .trustpilot { display: none; }
.Mobile2 .Top .info .trustpilot { display: none; }

.block h2 { margin: 0; padding: 35px 10px 25px; font-family: 'Roboto Condensed'; font-size: 30px; font-weight: bold; color: #333; text-align: center; }
.block p { margin: 5px 0 20px; font-family: 'Roboto Condensed'; }
.block .textblock { padding: 0 15px 30px; font-size: 16px; color: #666; }
.block img.wide { display: block; width: 100%; }

.block.gradient { background: url(images/gradient.png) repeat-x; }
.block.darkheader h2 { background: #6f6e6e; padding: 30px 10px; color: #fff; }

.Start { margin: 0; background: url(images/bg.jpg?v=3) no-repeat center 0; }
.Start .content { padding-top: 600px; }

.Mobile .Start, .Mobile2 .Start { margin: 0; background: url(images/mobile_bg.jpg?v=3) no-repeat center 0; background-size: auto 197px; }
.Mobile .Start .content, .Mobile2 .Start .content { padding: 197px 0 0; }
.Mobile .Start .Col > div > div, .Mobile2 .Start .Col > div > div { margin: 5px 5px 0; }

.block .startinfo { overflow: hidden; }
.block .startinfo img { display: block; width: 100%; }
.block .startinfo .panel { padding: 15px 15px 0; min-height: 75px; font-family: 'Roboto Condensed'; font-weight: bold; font-size: 18px; }
.block .startinfo.service { background: #191919; }
.block .startinfo.rental { background: #3e3e3e; }
.block .startinfo.carfax { background: #6f6e6e; }
.block .startinfo .label { color: #fff; }
.block .startinfo .info { color: #2ea73e; }

.Tablet .block .startinfo .panel { min-height: 85px; font-size: 16px; }
.Mobile .block .startinfo img, .Mobile2 .block .startinfo img { float: left; margin: 2px; width: 25%; }
.Mobile .block .startinfo .panel, .Mobile2 .block .startinfo .panel { margin-left: 25%; min-height: auto; font-size: 14px; }

.Partners { text-align: center; }
.Partners img { margin: 20px 50px; }
.Mobile2 .Partners img { margin: 20px 0; width: 90%; }

.block .message { margin: 20px; border: 2px solid #ddd; padding: 20px; font-size: 17px; text-align: center; }

.block .partner { height: 60px; margin-bottom: 25px; }
.block .partner.dnb { background: #027383 url(images/logo_dnb.png) 10px center no-repeat; }
.block .partner.santander { background: #fe0002 url(images/logo_santander.png) center no-repeat; }
.block .partner.wasa { background: #005ca9 url(images/logo_wasa.png) center no-repeat; }
.block .partner.svea { background: #002c4f url(images/logo_svea.png) 10px center no-repeat; }
.block .partner.solid { background: #08954d url(images/logo_solid.png) 10px center no-repeat; }

.Mobile .Main p, .Mobile2 .Main p { line-height: 15px; font-size: 13px; text-align: justify; }
.Mobile .Main .content > .Col, .Mobile2 .Main .content > .Col { margin: 0 10px; padding: 10px 0; }
.Mobile .Main h2.center, .Mobile2 .Main h2.center { font-size: 15px; margin: 0; }
.Mobile .Main h2.center span, .Mobile2 .Main h2.center span { padding: 0 20px; }

.Desktop .Main .puff span { font-size: 16px; }
.Mobile .Main .puff span { padding: 4px; height: 32px; line-height: 32px; font-size: 15px; }
.Mobile2 .Main .puff span { padding: 4px; height: 32px; line-height: 16px; font-size: 13px; }

.Footer { margin-bottom: 0; background: #191919; }
.Footer .content { margin: 0 auto; max-width: 1220px; padding: 0 20px 50px; font-size: 14px; color: #fff; }
.Footer h2 { margin: 0; padding: 20px 20px 5px; font-family: 'Roboto Condensed'; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.Footer p { margin: 0 20px 6px; overflow: hidden; }
.Footer label { float: left; width: 90px; }
.Footer a { color: #fff; }
.Footer .icon { float: left; margin-right: 5px; width: 18px; text-align: center; font-family: Fontawesome; font-size: 16px; color: #2ea73e; }
.Footer .decoration { height: 67px; background: #000; }

.Search { margin: 15px 0 0; overflow: hidden; background: #f9f9f9; }
.Search a { float: left; margin-left: 2px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: Fontawesome; font-size: 20px; color: #999; }
.Search input[type=text] { float: left; border: none; background: none; width: 214px; padding: 0 10px; height: 32px; }

.Mobile .Search a, .Mobile2 .Search a { height: 30px; line-height: 30px; width: 30px; }
.Mobile .Search input, .Mobile2 .Search input { width: 155px; height: 30px; }

.Sort { float: right; margin: 15px 0 0; overflow: hidden; }
.Sort a { float: left; height: 40px; line-height: 40px; border-left: 1px solid #eaeaea; background: #f9f9f9; padding: 0 15px; color: #333; }
.Sort a:nth-child(1) { border-left: none; }
.Sort a.active { border-left: none; background: #2ea73e; color: #fff; }
.Sort a span { display: none; float: right; padding: 0 0 0 5px; font-family: FontAwesome; font-size: 18px; color: #fff; }
.Sort a.active.up .up { display: block; }
.Sort a.active.down .down { display: block; }

.Mobile .Sort, .Mobile2 .Sort { font-size: 13px; }
.Mobile .Sort a, .Mobile2 .Sort a { height: 30px; line-height: 30px; }

.ListTools { overflow: hidden; margin: 20px 20px 10px; }
.ListTools .Search { float: left; }

.Mobile .ListTools, .Mobile2 .ListTools { margin: 5px 0 0; }

.List { position: relative; margin: 0 0 50px; }
.List > div > div {}
.List .image { position: relative; }
.List .image img { display: block; width: 100%; }
.List .image .splash { position: absolute; left: 0; top: 20px; }
.List .image .splash > div { margin-bottom: 2px; width: 120px; padding: 4px 0; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; }
.List .image .splash .new { background: #2ea73e; }
.List .image .splash .current { background: #ba000a; }
.List .image .splash .oneowner { background: #2ea73e; }
.List .image .splash .booked { background: #2ea73e; }
.List .image .splash .sold { background: #2ea73e; }
.List .title { margin: 7px 0; height: 20px; line-height: 20px; font-family: Roboto; font-size: 16px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.List .properties { font-family: Roboto; font-size: 14px; color: #333; }
.List .price { margin: 9px 0; background: #3e3e3e; height: 40px; line-height: 40px; text-align: center; font-family: 'Roboto Condensed'; font-weight: bold; font-size: 20px; }
.List .price span { color: #fff; }
.List .price .normal { color: #ccc; }
.List .price .current { margin-left: 5px; color: #f11; }
.List .price .deductable { margin-right: 5px; font-size: 12px; font-weight: normal; }
.List .open { margin: 9px 0; background: #2ea73e; height: 40px; line-height: 40px; text-align: center; font-family: 'Roboto Condensed'; font-weight: bold; font-size: 20px; color: #fff; }
.List.sorting > div { position: absolute; float: none; }

.Mobile .Main .List.Col, .Mobile2 .Main .List.Col { margin: 0; padding: 0; }
.Mobile .List .image { padding: 5px; }
.Mobile .List .title, .Mobile2 .List .title { padding: 5px; height: 15px; line-height: 15px; font-size: 14px; }
.Mobile .List .properties, .Mobile2 .List .properties { padding: 0 5px; font-size: 13px; }
.Mobile .List .price, .Mobile2 .List .price { margin: 5px 0; height: 30px; line-height: 30px; font-size: 14px; }
.Mobile .List .open, .Mobile2 .List .open { margin: 5px 0; height: 30px; line-height: 30px; font-size: 14px; }

.Persons { padding: 20px 0; }
.Persons > div > div { overflow: hidden; margin: 30px 7px; }
.Persons img { float: left; padding-right: 10px; width: 240px; height: 160px; }
.Persons .name { font-weight: bold; }
.Persons .title { margin-bottom: 10px; }
.Persons .email {}
.Persons .phone {}
.Persons .desc { margin-top: 10px; }

.Mobile .Persons img, .Mobile2 .Persons img { height: auto; padding-bottom: 10px; width: 100%; }

.Address { margin: 0 20px 50px; color: #666; }
.Address h4 { margin: 5px 0; font-weight: bold; font-weight: bold; font-family: 'Roboto Condensed'; }
.Address p { margin: 5px 0; }
.Address .icon { float: left; margin-right: 5px; width: 18px; text-align: center; font-family: Fontawesome; font-size: 16px; }

.Times { margin: 0 20px 50px; color: #666; }
.Times h2 { padding-left: 0; }
.Times .day { overflow: hidden; margin: 5px 0; max-width: 180px; }
.Times .day label { float: left; }
.Times .day span { float: right; }
.Times .day.today { font-weight: bold; }

.Proxy .item { }
.Proxy .item ::placeholder { color: #999; }
.Proxy .item ::-webkit-input-placeholder { color: #999; }
.Proxy .item ::-moz-placeholder { color: #999; }
.Proxy .item ::-ms-input-placeholder { color: #999; }
.Proxy .item :-moz-placeholder { color: #999; }
.Proxy .item > div { box-sizing: border-box; padding: 3px; } 
.Proxy .item input { box-sizing: border-box; border: 1px solid #999; width: 100%; height: 30px; padding: 0 5px; }
.Proxy .item.double { overflow: hidden; }
.Proxy .item.double > div { float: left; width: 50%; } 
.Proxy .item input.invalid { background: #ffc; }
.Proxy .item textarea { display: block; box-sizing: border-box; border: 1px solid #999; width: 100%; height: 170px; padding: 5px; }
.Proxy .checkitem { overflow: hidden; padding: 0 3px; }
.Proxy .checkitem label { float: left; overflow: hidden; }
.Proxy .checkitem label > span { float: left; margin: 0 20px 0 5px; line-height: 30px; }
.Proxy .separator { height: 15px; }
.Proxy .button { overflow: hidden; padding: 20px 0 5px; }
.Proxy .button a { float: right; background: #900; width: 50%; height: 40px; line-height: 40px; text-align: center; color: #fff; }
.Proxy .button a:hover { background: #800;  }
.Proxy .Message { background: #ffc; padding: 5px; text-align: center; font-size: 20px; font-weight: bold; }

.Booking ol { padding-left: 20px; }
.Booking.step1 li.step1, .Booking.step2 li.step2, .Booking.step3 li.step3, .Booking.step4 li.step4, .Booking.step5 li.step5 { font-weight: bold; }
.Booking li { margin: 15px 0; font-family: 'Roboto Condensed'; }
.Booking .step { display: none; font-size: 18px; margin-bottom: 20px; }
.Booking .firstTime { margin-bottom: 10px; }
.Booking form .Col > div > div { margin: 5px; }
.Booking form h4 { margin: 20px 5px 0; }
.Booking form h5 { margin: 5px; font-weight: bold; font-size: inherit; }
.Booking form p { margin: 0 5px 3px; }
.Booking form input[type=checkbox] { margin-right: 8px; }
.Booking .indicator { overflow: hidden; margin-bottom: 20px; }
.Booking .indicator div { float: left; margin-right: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; font-size: 30px; font-weight: bold; background: #ccc; color: #333; }
.Booking .item { position: relative; border: 1px solid; padding: 3px 5px; }
.Booking .item input { display: block; padding: 0; width: 100%; height: 23px; line-height: 23px; }
.Booking .item textarea { display: block; width: 100%; height: 138px; overflow: auto; }
.Booking .item select { display: block; width: 100%; height: 23px; }
.Booking .item .unit { position: absolute; right: 5px; top: 2px; height: 23px; line-height: 23px; font-size: 14px; }
.Booking .campaigns .campaignItem { overflow: hidden; margin: 10px 5px; }
.Booking .campaigns .campaignItem img { width: 23%; float: left; margin-right: 10px; }
.Booking .campaigns .campaignItem label { font-size: 18px; }
.Booking .campaigns .campaignItem .price span { font-weight: bold; }
.Booking .campaigns .campaignItem .desc { padding: 5px 0; }
.Booking .preview .services > div { overflow: hidden; margin: 3px 5px; }
.Booking .preview .services .service { float: left; }
.Booking .preview .services .price { float: right; }
.Booking .preview .campaigns > div { overflow: hidden; margin: 3px 5px; }
.Booking .preview .campaigns .campaign { float: left; }
.Booking .preview .campaigns .price { float: right; }

.Mobile2 .Booking .indicator div { margin-right: 10px; }

.Booking form .item { background: #fff; border-color: #eee; }
.Booking form input[type=text] { border: none; background: none; color: #666; }
.Booking form textarea { border: none; background: none; color: #666; }
.Booking form select { border: none; background: none; color: #666; }
.Booking form option { background: #fff; color: #666; }
.Booking form input:focus, .Booking form textarea:focus, .Booking form select:focus { outline: none; }
.Booking.step1 .indicator .step1, .Booking.step2 .indicator .step1, .Booking.step2 .indicator .step2, .Booking.step3 .indicator .step1, .Booking.step3 .indicator .step2, .Booking.step3 .indicator .step3, .Booking.step4 .indicator .step1, .Booking.step4 .indicator .step2, .Booking.step4 .indicator .step3, .Booking.step4 .indicator .step4, .Booking.step5 .indicator > div, .Booking.step6 .indicator > div { background: #2ea73e; }
.Booking .firstTime { color: #2ea73e; }
.Booking form .item.required {}
.Booking form .item.invalid { border-color: #2ea73e; }

.Checkbox { float: left; margin: 3px 0; vertical-align: middle; border: 1px solid #999; background: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; }
.Checkbox span { display: none; }
.Checkbox.checked span { display: inline; font-family: Fontawesome; font-size: 14px; }

.Contact h2 { padding: 20px 20px 10px; text-align: left; font-size: 16px; font-weight: bold; }

.Button { display: block; background: #2ea73e; height: 30px; line-height: 30px; text-align: center; color: #fff; outline: none; }

.ColButton { position: relative; display: block; margin: 5px; background: #2ea73e; height: 30px; line-height: 30px; text-align: center; color: #fff; outline: none; }

.ColButton.radio .text { /*float: left;*/ padding-left: 25px; text-transform: uppercase; font-size: 14px; }
.ColButton.radio .icon { display: none; position: absolute; left: 8px; top: 0; font-family: FontAwesome; font-size: 19px; }
.ColButton.radio.active .icon { display: block; }

/*.ColButton.radio { font-weight: normal; outline: none; background: none; color: #f60; }*/

.Slider { position: relative; margin: 50px 5px 30px; height: 10px; }
.Slider .bar { position: absolute; top: 0; width: 50px; height: 10px; }
.Slider .button { position: absolute; top: -10px; width: 100px; height: 30px; padding: 0 10px; line-height: 30px; text-align: center; cursor: pointer; }
.Slider span { font-family: Fontawesome; font-size: 28px; }
.Slider .left { float: left; }
.Slider .right { float: right; }
.Slider .button > div { position: absolute; left: 0; top: -30px; width: 120px; height: 30px; line-height: 30px; text-align: center; }
.Slider.disabled .button { background: #999; color: #ccc; }
.Slider.rest.disabled { display: none; }

.Slider { background: #ccc; }
.Slider .bar { background: #2ea73e; }
.Slider .button { background: #2ea73e; color: #fff; cursor: pointer; }
.Slider .button > div { color: #999; }

.Mobile .Slider { margin: 50px 5px 30px; }
.Mobile2 .Slider { margin: 50px 5px 30px; }

.finance .timetext { padding: 0 10px; }
.finance .Button { margin: 5px 0 5px 8px; padding: 5px; }
.finance .Button.active { background: #d8d8d8; }
.finance .disclaimer { padding: 0 10px; }

.Item { padding: 10px; }
.Item .top { padding: 0 10px; }
.Item .top .headline { float: left; line-height: 40px; font-size: 24px; font-weight: bold; color: #666; }
.Item .top .icons { float: right; overflow: hidden; }
.Item .top .icons a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: FontAwesome; font-size: 23px; }
.Item .top .icons a:hover { background: #f9f9f9; }
.Item .top .icons .back { display: none; }
.Item .box { margin: 0 0 14px; border: 1px solid #f9f9f9; padding: 10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.15); }
.Item .info { clear: both; }
.Item .info > div:nth-child(1) { width: 75%; }
.Item .info .trustpilot { padding: 10px 0; }
.Item .mainimage { position: relative; border: 1px solid #ddd; }
.Item .mainimage img { display: block; width: 100%; }
.Item .mainimage .oneowner { position: absolute; left: 20px; bottom: 20px; }
.Item .mainimage .arrow { position: absolute; top: 50%; margin-top: -20px; background: rgba(255,255,255,0.75); width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: Fontawesome; font-size: 24px; color: #2ea73e; cursor: pointer; opacity: 0; transition-property: opacity, left, right; transition-duration: 0.2s; }
.Item .mainimage .arrow.left { left: -10px; }
.Item .mainimage .arrow.right { right: -10px; }
.Item .mainimage .zoom { position: absolute; top: 10px; right: -10px; background: rgba(255,255,255,0.75); width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: Fontawesome; font-size: 24px; color: #2ea73e; cursor: pointer; opacity: 0; transition-property: opacity, right; transition-duration: 0.2s; }
.Item .mainimage:hover .arrow { opacity: 1; }
.Item .mainimage:hover .arrow.left { left: 10px; }
.Item .mainimage:hover .arrow.right { right: 10px; }
.Item .mainimage:hover .zoom { opacity: 1; right: 10px; }

.Mobile .Item .top .icons, .Mobile2 .Item .top .icons { float: none; margin: 0 -5px; text-align: right; }
.Mobile .Item .top .icons a, .Mobile2 .Item .top .icons a { width: 30px; height: 30px; line-height: 30px; font-size: 18px; }
.Mobile .Item .top .icons .back, .Mobile2 .Item .top .icons .back { float: left; display: block; }
.Mobile .Item .top h2, .Mobile2 .Item .top h2 { font-size: 18px; line-height: 20px; }
.Mobile .Item .box, .Mobile2 .Item .box { padding: 5px; }
.Mobile .Item .mainimage .zoom, .Mobile2 .Item .mainimage .zoom { display: none; }
.Tablet .Item .info > div, .Mobile .Item .info > div, .Mobile2 .Item .info > div { width: 100%; }
.Mobile .Item .mainimage .arrow, .Mobile2 .Item .mainimage .arrow { opacity: 1; }
.Mobile .Item .mainimage .arrow.left, .Mobile2 .Item .mainimage .arrow.left { left: 10px; }
.Mobile .Item .mainimage .arrow.right, .Mobile2 .Item .mainimage .arrow.right { right: 10px; }

.Item h3 { margin: 5px 5px 10px; font-size: 16px; font-weight: bold; color: #666; }
.Item .prop { margin: 0; }
.Item .prop > div { overflow: hidden; margin: 0 5px; height: 21px; }
.Item .prop label { float: left; color: #999; }
.Item .prop > div > span { float: right; color: #666; }
.Item .prop .separator { height: 15px; }

.Mobile2 .Item .prop { margin: 0; font-size: 13px; }
.Mobile2 .Item .prop > div { height: 18px; }

.Item .price { margin: 15px 5px; font-size: 22px; color: #666; overflow: hidden; }
.Item .price label {}
.Item .price > span { float: right; }
.Item .price .value { font-weight: bold; }
.Item .price .normal { float: none; padding: 0; color: #999; }
.Item .price .current { color: #f11; }

.Item div.carfax { position: relative; padding: 20px 0 10px; height: 30px; }
.Item .carfax .Button { background: #004179; padding: 0 15px; text-align: right; font-family: 'Roboto Condensed'; font-weight: bold; font-size: 16px; text-transform: uppercase; }
.Item .carfax img { position: absolute; left: 4px; top: -3px; }

.Item div.carinfo { position: relative; padding: 10px 0; height: 30px; }
.Item .carinfo .Button { background: #222; padding: 0 15px; text-align: right; font-family: 'Roboto Condensed'; font-weight: bold; font-size: 16px; text-transform: uppercase; }
.Item .carinfo img { position: absolute; left: 4px; top: 7px; width: 100px; }

.Item .finance {}
.Item .finance.header { margin: -11px -11px 10px; background: #0e8036; color: #fff; height: 50px; line-height: 50px; padding: 0 20px; font-size: 16px; }
.Item .finance.header.finance278 { background: #005ca9 url(images/finance_wasa.png) no-repeat right center; }
.Item .finance.header.finance483 { background: #75ae88 url(images/finance_ecster.png) no-repeat right center; }
.Item .finance .prop { margin: 0 7px 5px; }
.Item .finance .monthlycost { font-weight: bold; }

.Mobile .Item .finance.header, .Mobile2 .Item .finance.header { margin: -6px -6px 10px; height: 36px; line-height: 36px; background-size: contain; padding: 0 10px; font-size: 13px; }
.Item .thumbs { margin: 10px -5px 0; position: relative; }
.Item .thumbs .arrow { position: absolute; top: 50%; margin-top: -20px; background: rgba(255,255,255,0.75); width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: Fontawesome; font-size: 24px; color: #2ea73e; cursor: pointer; opacity: 0; transition-property: opacity, left, right; transition-duration: 0.2s; }
.Item .thumbs .arrow.left { left: -10px; }
.Item .thumbs .arrow.right { right: -10px; }
.Item .thumbs:hover .arrow { opacity: 1; }
.Item .thumbs:hover .arrow.left { left: 15px; }
.Item .thumbs:hover .arrow.right { right: 15px; }
.Item .thumbs .list { overflow: hidden; width: 100%; height: 124px; }
.Item .thumbs .list .listcontent { width: 10000px; }
.Item .thumb { float: left; margin: 0 5px; cursor: pointer; }
.Item .thumb.active { border-bottom: 4px solid #2ea73e; }
.Item .thumb img { display: block; }

.Mobile .Item .thumbs, .Mobile2 .Item .thumbs { margin-top: -19px; }
.Mobile .Item .thumbs .arrow, .Mobile2 .Item .thumbs .arrow { display: none; }
.Mobile .Item .thumbs .list, .Mobile2 .Item .thumbs .list { height: 19px; }
.Mobile .Item .thumbs .list .listcontent, .Mobile2 .Item .thumbs .list .listcontent { text-align: center; width: 100%; }
.Mobile .Item .thumb, .Mobile2 .Item .thumb { float: none; display: inline-block; background: #fff; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.Mobile .Item .thumb { margin: 0 4px; width: 11px; height: 11px; }
.Mobile2 .Item .thumb { margin: 0 2px; width: 10px; height: 10px; }
.Mobile .Item .thumb.active, .Mobile2 .Item .thumb.active { border: none; background: #f15e22; }
.Mobile .Item .thumb img, .Mobile2 .Item .thumb img { display: none; }

.Item .equipment { margin: 10px 5px; }
.Item .description { margin: 10px 5px; }
.Item .articles { margin: 0 0 10px; }
.Item .article { height: 265px; }
.Item .article .image { border: 1px solid #ddd; }
.Item .article img { display: block; width: 100%; }
.Item .article .header { margin-top: 10px; color: #2ea73e; font-size: 18px; font-weight: bold; }
.Item .article .text { margin-bottom: 10px; }
.Item .article .articleprice {}
.Item .article .articleprice label { float: left; padding-right: 5px; }
.Item .article .articleprice span { color: #2ea73e; font-weight: bold; }
.Item .Col .buttons { margin: 0 -10px; }

.Maplock { position: relative; height: 400px; }
.Maplock .map { width: 100%; height: 100%; }
.Maplock .lock { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.Maplock .lock > span { position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 4px; font-family: FontAwesome; font-size: 30px; background: #2ea73e; color: #fff; cursor: pointer; }

.SharePopup { clear: both; padding: 20px; }
.SharePopup iframe { border: none; width: 100%; height: 100%; }

.Zoom { position: fixed; left: 2%; top: 2%; width: 96%; height: 96%; border: 1px solid #ccc; background: #fff; padding: 10px; box-sizing: border-box; }
.Zoom .images { height: 100%; overflow: auto; }
.Zoom .images img { display: block; margin: 5px auto; max-width: 100%; }
.Zoom .close { position: absolute; top: 20px; right: -10px; background: rgba(255,255,255,0.75); width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: Fontawesome; font-size: 24px; color: #2ea73e; cursor: pointer; opacity: 0; transition-property: opacity, right; transition-duration: 0.2s; }
.Zoom:hover .close { opacity: 1; right: 20px; }