body { margin: 0; padding: 0; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; background: #fff url(images/bg.jpg) no-repeat; background-position: center 191px; 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: #900; }

.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 auto; max-width: 1260px;  }
.block .content { margin: 0 20px; overflow: hidden; background: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }

div.block.first { margin-top: 450px; }
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 { height: 191px; }
.Top .content { margin: 0 auto; max-width: 1220px; overflow: hidden; }
.Top .content > a { float: left; padding: 13px 0 25px 12px; }
.Top img { display: block; }
.Top .menuicon { float: right; margin: 14px; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; font-family: Fontawesome; font-size: 16px; cursor: pointer; }
.Top .menuicon:hover { background: #888; }

.Top .icons { float: right; margin: 12px 12px 0 0; }
.Top .icons a { float: left; width: 32px; height: 32px; line-height: 32px; text-align: center; background: #900; font-family: Fontawesome; font-size: 18px; color: #fff; }
.Top .icons a:not(:first-child) { border-left: 1px solid #fff; }
.Top .icons a:hover { background: #700; }

.Top { position: relative; overflow: visible; }
.Top .menu { border-bottom: 1px solid #fff; padding: 0 10px; background: #999; height: 80px; line-height: 80px; font-family: 'Roboto Condensed'; font-size: 16px; }
.Top .menu .items { margin: 0 auto; max-width: 1220px; text-align: right; }
.Top .menu .items > div { float: left; }
.Top .menu a { position: relative; float: left; margin: 0; padding: 0 15px; color: #fff; text-transform: uppercase; }
.Top .menu a:hover { background: #888; }
.Top .menu a.active:after { content: ' '; box-sizing: border-box; position: absolute; left: 0; bottom: -1px; border: 1px #fff; border-style: solid solid none solid; background: #900; width: 100%; height: 11px; }
.Top .menu .home { font-family: Fontawesome; font-size: 20px; }
.Top .menu.visible { display: block; }

.Tablet .Top .menu a { padding: 0 8px; font-size: 15px; }
.Mobile .Top, .Mobile2 .Top { height: 60px; background: #999; }
.Mobile .Top .content > a, .Mobile2 .Top .content > a { padding: 7px 0 0 10px; }
.Mobile .Top img, .Mobile2 .Top img {}

.Mobile .Top .menu, .Mobile2 .Top .menu { position: absolute; left: 0; top: 61px; margin: 0; border-top: 1px solid #e4e4e4; border-left: 1px solid #fff; padding: 0; background: #818285; width: 100%; height: auto; line-height: 32px; z-index: 1; }

.Mobile .Top .menu .items, .Mobile2 .Top .menu .items { margin: 0; max-width: initial; text-align: left; }
.Mobile .Top .menu .items > div, .Mobile2 .Top .menu .items > div { float: none; }

.Mobile .Top .menu .icons, .Mobile2 .Top .menu .icons { margin: 0; }
.Mobile .Top .menu a, .Mobile2 .Top .menu a { margin: 0 -1px -1px 0; border: 1px solid #fff; background: none; }
.Mobile .Top .menu a:not(.home):not(.icon), .Mobile2 .Top .menu a:not(.home):not(.icon) { clear: both; width: initial; float: none; display: block; padding: 0 10px; text-align: left; }
.Mobile .Top .menu a:hover, .Mobile2 .Top .menu a:hover { background: #555; }
.Mobile .Top .menu a.active, .Mobile2 .Top .menu a.active { background: #900; }
.Mobile .Top .menu a.active:after, .Mobile2 .Top .menu a.active:after { display: none; }
.Mobile .Top .menu .home, .Mobile .Top .menu .icon, .Mobile2 .Top .menu .home, .Mobile2 .Top .menu .icon { border-top: none; width: 32px; padding: 0; text-align: center; }
.Mobile .Top .menu:after, .Mobile2 .Top .menu:after { content: ' '; display: block; border: 1px solid #fff; width: 100%; height: 9px; background: #ccc; }

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

.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: #666; }
.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: 70px; }
.Footer a { color: #fff; }
.Footer .icon { float: left; margin-right: 5px; width: 18px; text-align: center; font-family: Fontawesome; font-size: 16px; }
.Footer .decoration { border-top: 1px solid #fff; height: 138px; background: #999; }

.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: #900; 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 10px 50px; }
.List > div > div { border: 4px solid #fff; background: #f3f3f3; }
.List .image { position: relative; padding: 9px; }
.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: #31a32d; }
.List .image .splash .current { background: #ba000a; }
.List .image .splash .oneowner { background: #31a32d; }
.List .title { margin: 7px 10px; height: 20px; line-height: 20px; font-family: 'Roboto Condensed'; font-size: 17px; font-weight: bold; color: #58585a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.List .property { overflow: hidden; padding: 0 10px; }
.List .property label { float: left; color: #666; }
.List .property span { float: right; color: #333; }
.List .price { margin: 9px; background: #333; height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size: 18px; }
.List .price span { color: #fff; }
.List .price .normal { color: #ccc; }
.List .price .current { margin-right: 5px; color: #f11; }
.List .price .deductable { margin-right: 5px; font-size: 12px; font-weight: normal; }
.List .open { margin: 9px; background: #900; height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size: 18px; }
.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 .property, .Mobile2 .List .property { padding: 0 5px; font-size: 13px; }
.Mobile .List .property span, .Mobile2 .List .property span { font-weight: normal; }
.Mobile .List .price, .Mobile2 .List .price { margin: 5px; 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.Checkbox { margin: 3px 0; line-height: 20px; }
.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; }

.Checkbox { float: left; vertical-align: middle; border: 1px solid #999; background: #fff; width: 20px; height: 20px; text-align: center; cursor: pointer; }
.Checkbox span { visibility: hidden; font-family: Fontawesome; font-size: 14px; }
.Checkbox.checked span { visibility: visible; }

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

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

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

.ColButton.radio .text { float: left; padding-left: 10px; text-transform: uppercase; font-size: 14px; }
.ColButton.radio .icon { display: none; float: right; padding-right: 10px; font-family: FontAwesome; font-size: 30px; }
.ColButton.radio.active .icon { display: block; }

.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: #900; }
.Slider .button { background: #900; 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; color: #d41920; }
.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 .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: #ed1c24; 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: #ed1c24; 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; }
.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 .finance {}
.Item .finance.header { margin: -11px -11px 10px; 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 .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: #ed1c24; 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: 99px; }
.Item .thumbs .list .listcontent { width: 10000px; }
.Item .thumb { float: left; margin: 0 5px; cursor: pointer; }
.Item .thumb.active { border-bottom: 4px solid #ed1c24; }
.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 -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: #31a32d; 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: #31a32d; font-weight: bold; }
.Item .Col .buttons { margin: 0 -10px; }

.Maplock { position: relative; margin-bottom: -400px; 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: #900; 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 img { display: block; margin: 0 auto; max-width: 100%; max-height: 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: #c7081b; cursor: pointer; opacity: 0; transition-property: opacity, right; transition-duration: 0.2s; }
.Zoom:hover .close { opacity: 1; right: 20px; }