@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
button:focus, select:focus, :focus { outline:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
a { text-decoration:none; }
a img { border:none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input { -webkit-appearance: none; }

html { font-size:62.5%; -webkit-text-size-adjust:100%; }
body { background:url(../images/body-bck.jpg) repeat-x #fff fixed; font-family:'open sans', Helvetica, sans-serif; color:#666; }

h1 { float:left; width:100%; text-transform:uppercase; font-family: 'open sans', Helvetica, sans-serif; font-weight: bold; font-size: 2.2rem; margin: 0 0 10px; line-height: 2.8rem; }
h2 { font-family:'open sans', Helvetica, sans-serif; font-weight:bold; float:left; width:100%; text-transform:uppercase; }
h2.side { float:left; width:100%; text-transform:uppercase; font-family: 'open sans', Helvetica, sans-serif; font-weight: bold; font-size: 1.8rem; margin: 0 0 10px; line-height: 2.8rem; text-align: center; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; }
h3 { float:left; width:100%; }

h2 a { color:#666; }

section { width:100%; }
.inner { margin: 0 auto; 
text-align: center;
max-width: 960px;
width: 100%; }

#top { height:155px; top: 0;width:100%; z-index:9999; border-bottom:1px solid #fff; box-shadow:0px -5px 20px #333; -moz-box-shadow:0px -5px 20px #333; -webkit-box-shadow:0px -5px 20px #333; background-color: #fff; }
#top .inner { position:relative; }
#topblock { height:0; }

#logo { display: inline-block;margin: 8px 0 0 0; }
#logo a { float:left; }
#logo img { float:left; }

#nissan { position:absolute; top:0; right:0; }
#nissan img { float:left; height:100%; }

nav { float:right; width:100%; margin-top: 10px;}
nav ul { display:inline-block; padding:0 0 1px; }
nav li { float:left; margin:0 15px; position:relative; }
nav li:before { position:absolute; height:20px; background:#d0d0d1; width:1px; content:""; top:3px; left:-15px; }
nav li:first-child { margin-left:0; }
nav li:first-child:before { display:none; }
nav li a { letter-spacing:0.4px; float:left; text-transform:uppercase; border-bottom:4px solid #fff; font-size:1.2rem; font-weight:500; color:#666; line-height:26px; }
nav li a:hover, nav .active { border-color:#87A377; }
.mnav { display:none; }

nav ul li:hover > ul { display: block; }
nav ul ul { display: none; background: #fff; position: absolute; top: 100%; margin-top: 0px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); }
nav ul ul li { float: none; position: relative; background: rgba(238,213,183,1);}
nav ul ul li a { padding: 5px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); width: 150px;}

.navbtn span:before, .navbtn span:after { position:absolute; content:""; }
.navbtn { display: none; position: absolute; width: 50px; cursor: pointer; right: 20px; top: 0px; height: 80px; padding: 40px 0px 40px 10px; }
.navbtn span, .navbtn span:before, .navbtn span:after { width:30px; height:2px; background:#87A377; display:block; }
.navbtn span:before { margin:-7px 0 0; }
.navbtn span:after { margin:7px 0 0; }

.toptext{width: 800px; max-width: 800px; text-align: center; color: #fff;}
.inner .ct1 a{color: #fff; font-size: 1.3rem;}

.ctop { width: 100%; padding: 10px 0; color:#fff; font-size:1.2rem; font-weight:bold; background-color: #87A377; text-align: center;}
.ct1 .fa { margin:0 7px; }
.ct1, .ct2 { display:block; }
.ct2 { float:right; margin:10px 0 0; }
.ct1 span {  margin:0 10px 0 0; }
.ct1 a { color:#666; }
.ct1 a:hover { color:#ccc; }

.soca { float:right; text-align:center; color:#fff; width:40px; height:40px; margin:0 0 0 1px; line-height:40px; }
.soca .fa { font-size: 2rem; float: left; line-height: 40px; width: 100%; }
.soca.fb { background:#3B5998; }
.soca.tw { background:#55ACEE; }
.soca.fb:hover { background:#5E7CBB; }
.soca.tw:hover { background:#78CFFF; }

.navbtn span { -moz-transition-duration:0s; -moz-transition-delay:.2s; transition-duration:0s; transition-delay:.2s; -o-transition-duration:0s; -o-transition-delay:.2s; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; }
.navbtn.open span { background-color: rgba(0,0,0,0.0); -o-transition-delay:.2s; -moz-transition-delay:.2s; transition-delay:.2s; -webkit-transition-delay: .2s; }
.navbtn span:before { -webkit-transition-property: margin, -webkit-transform; -moz-transition-property:margin, -moz-transform; transition-property:margin, transform; -o-transition-property:margin, -o-transform; -o-transition-duration:.2s; transition-duration:.2s; -moz-transition-duration:.2s; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; -o-transition-delay:.2s, 0; -moz-transition-delay:.2s, 0; transition-delay:.2s, 0; }
.navbtn.open span:before { margin-top: 0; -webkit-transform: rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transition-delay: 0, .2s; -o-transition-delay:0, .2s; -moz-transition-delay:0, .2s; transition-delay:0, .2s; }
.navbtn span:after { -webkit-transition-property: margin, -webkit-transform; -moz-transition-property:margin, -moz-transform; transition-property:margin, transform; -o-transition-property:margin, -o-transform; -webkit-transition-duration: .2s; -moz-transition-duration:.2s; transition-duration:.2s; -o-transition-duration:.2s; -webkit-transition-delay: .2s, 0; -o-transition-delay:.2s, 0; -moz-transition-delay:.2s, 0; transition-delay:.2s, 0; }
.navbtn.open span:after { margin-top: 0; -webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transition-delay: 0, .2s; -o-transition-delay:0, .2s; -moz-transition-delay:0, .2s; transition-delay:0, .2s; }


#home-slider { position:relative; }
#home-search { background:#fff; float:left; position:absolute; z-index:500; width:300px; top:50px; height:370px; padding:10px 24px; }
.inner-search { width:100%; }
#search-title { text-transform:uppercase; font-family: 'open sans', Helvetica, sans-serif; font-size:1.6rem; float:left; width:100%; text-align:center; margin:10px 0 0; font-weight:bold; }
#home-search form { float:left; width:100%; position:relative; margin:8px 0 0; }
.search .c-5 { width:100%; margin:10px 0 0; }
.search .selbox { width:100%; position:relative; }
.search .selbox .fa { position:absolute; right:20px; top:11px; z-index:1; font-size:1.8rem; color:#87A377; }
.search select { position:relative; z-index:2; background:none; border: 1px solid #d0d0d1; cursor:pointer; -moz-appearance:none; -webkit-appearance:none; appearance:none; width:100%; padding:0 50px 0 20px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; cursor:pointer; height:40px; text-transform:uppercase; color:#666; font-size:1.4rem; }
.search select:hover, .search select:focus { border-color:#87A377; }
.search select:disabled { color:#ccc; font-style:italic; cursor:default; }
.search select:disabled:hover { border-color:#d0d0d1; }
.search select:disabled + .fa { color:#ccc; }
.search-count { font-weight:bold; float:left; width:100%; width:100%; font-family:'open sans', Helvetica, sans-serif; font-size:1.6rem; text-align:center; text-transform:uppercase; line-height:2.6rem; margin:12px 0 0; }
.search-count span { color:#87A377; }
.search button { height:50px; }

button { font-weight:bold; font-size:1.8rem; float:left; border:none; cursor:pointer; background:#87A377; text-align:center; color:#fff; width:100%; text-transform:uppercase; }
button .fa { margin:0 0 0 15px; color:#fff; position:relative; left:0; }
button:hover { background:#87A377; }
button:hover .fa { left:10px; }

.c-25 #home-search { position:relative; top:0; width: 100%; height: auto; padding: 10px 20px 20px; }

.motabtn { float:left; text-transform:uppercase; font-size:1.6rem; color:#fff; padding:0 20px; height:45px; line-height:45px; text-decoration:none; background:#87A377; transition:all .6s ease; font-weight:bold; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; }
.motabtn:hover { background:#87A377; }

#used-search { background:#fff; padding:10px 0 20px; position:relative; }
#used-search form { float:left; width:100%; position:relative; margin:8px 0 0; }
#used-search select { font-size:1.1rem; padding:0 32px 0 10px; }
#used-search .selbox .fa { right:12px; }
#used-search .w50 { width:50%; }


.home-btn { overflow:hidden; float:left; height:180px; width:100%; position:relative; }
.hb-lhs { color:#fff; text-transform:uppercase; position:absolute; top:0; left:0; width:45%; padding:30px; height:100%; background:#87A377; }
.hb-title { float:left; line-height:2.2rem; width:100%; font-size:2rem; font-weight:bold; }
.hb-text { float:left; width:100%; font-size:1rem; margin:14px 0 18px; letter-spacing:0.2px; line-height:1.5rem; }
.hb-link { float:left; width:100%; font-size:2rem; font-weight:bold; }
.hb-link .fa { margin:0 0 0 10px; position:relative; left:0; }
.hb-rhs { float:right; width:55%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.home-btn:hover .hb-lhs { background:#87A377; width:50%; padding:30px 60px 30px 30px }
.home-btn:hover .fa { left:10px; }

.feat-art h2 { font-size:2.2rem; margin:30px 0 20px; text-align:center;color: #87A377;letter-spacing: 1.78px; }
.feat-art .c-4 { display:inline-block; vertical-align:top; float:left; *display:inline; zoom:1; margin-top: 15px;}
.feat-art .f-img { float:left; width:100%; overflow:hidden; height: 170px; background-color: #fff; border: 1px solid #eee; border-bottom:0; }
/*.feat-art .f-img img { float:left; width:100%; height: 100%; } */
.feat-art .f-img img { height: 100%; }
.feat-art .f-img:hover img { /*-moz-transform:scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);*/ }
.feat-art .f-info { float:left; width:100%; background:#fff; text-align:center; padding:20px; border: 1px solid #eee;}
.feat-art .f-info h3 { text-transform:uppercase; font-weight:bold; font-size:1.4rem; color:#666; height: 60px;}
.feat-art .f-price { float:left; width:100%; color:#000; font-family:'open sans', Helvetica, sans-serif; margin:15px 0 10px; font-size:1.8rem; }
.feat-art .f-btn { height:45px; line-height:4.5rem; font-size:1.6rem; font-weight:bold; color:#fff; float:left; text-align:center; width:100%; text-transform:uppercase; background:#87A377; }
.feat-art .f-btn .fa { margin:0 0 0 10px; position:relative; left:0; }
.feat-art .f-btn:hover { background:#87A377; }
.feat-art .f-btn:hover .fa { left:10px; }

h1.artisttitle { font-family: "open sans",Helvetica,sans-serif; letter-spacing: 1.78px; color: #444; font-size: 24px; font-weight: 400; padding-top: 10px; text-transform: uppercase; text-align: left; }

.pagetext { float:left; width:100%; padding:0 0 0 6px; }
.pagetextnp { padding:0; }
.webtext.c-75 { width:74.3%!important; }
.webtext.c-100 { width:100%!important; }
.pagetext .webtext { float:left; background:#fff; padding:30px 50px; }
.home-text h1 { font-family:'open sans', Helvetica, sans-serif; font-weight:bold; font-size:2.2rem; margin:0 0 20px; line-height:2.8rem; }
.webtext2 { float:left; width:100%; font-size:1.3rem; line-height:2.4rem; text-align:left; }
.webtext2 strong { font-weight: 700; }

a.menubtn { background: #87A377; color: #fff; text-transform: uppercase; font-size: 1.4rem; letter-spacing: 0.05rem; padding: 13px 20px; float: left; margin-top: 10px; width: 100%; }


.rhscon { float:left; word-break: break-all; width:100%; background:#333; color:#fff; padding:25px 15px; }
.rhscon span { float:left; width:100%; text-align:center; text-transform:uppercase; }
.rctitle { font-size:1.4rem; }
.rcph { font-size:3rem; font-weight:bold; line-height: 6rem; }
.rcadd { font-size:1.2rem; line-height: 1.8rem; margin: 15px 0 0; }
.rcemail a { color:#87A377; font-size:1.6rem; font-weight:bold; }
.rcemail a:hover { color:#87A377; }

.taxbox { background:#ededed; color:#666; font-size:3rem; font-weight:bold; float:left; margin:0 5%; width:90%; text-align:center; padding:20px 0 12px; border-bottom:1px solid #ccc; }
.taxbox span { display:inline-block; *display:inline; zoom:1; height:40px; vertical-align:middle; line-height:40px; }
.txic { margin:0 10px 0 0; }
.txsm { font-size:1.6rem; vertical-align:baseline!important; }

.usedleft { padding:0!important; }
.usedlist { padding:0 0 0 12px!important; }
#used { float:left; width:100%; }
#used li { float:left; margin:15px 0 0; position:relative; width:100%; }
#used li a { background:#fff; float:left; width:100%; }
#used li a:hover { background:#fafafa; }
#used .u-img { padding:15px 15px 20px; float:left; width:36%; }
#used .u-img img { float:left; width:100%; }
#used .u-rhs { float:right; padding:20px; width:64%; }
#used h2 { color:#666; font-size:2rem; font-weight:bold; line-height: 2.6rem; font-family:'open sans', Helvetica, sans-serif; }
#used .u-price { float: left; width: 100%; font-size:2.2rem; margin: 15px 0 0; font-weight:bold; font-family: 'open sans', Helvetica, sans-serif; color: #87A377; }
#used .u-info2 { float:left; margin:20px 0 0; width:100%; }
#used .u-info2 ul { float:left; width:100%; }
#used .u-info2 li { float: left; margin: 0 2px 2px 0; text-transform: uppercase; background: #ededed; color: #333; padding: 4px 10px; width: auto!important; font-size: 1.4rem; font-weight: bold; }
#used .u-btn { float:left; color: #fff; text-transform: uppercase; background: #87A377; line-height: 40px; font-size: 1.4rem; font-weight: bold; padding: 0 30px; margin: 20px 0 0; }
#used .u-btn .fa { margin:0 0 0 10px; left:0; position:relative; }
#used .u-btn:hover { background:#87A377; }
#used .u-btn:hover .fa { left:10px; }
.mh-btn { cursor:pointer; float: left; text-align: center; text-transform: uppercase; color: #87A377; width: 100%; line-height: 14px; margin: 10px 0 0; font-weight: bold; font-size: 1.0rem; display:none; }
.mobhide.open { display:block!important; }


.rhsul { float:left; width:100%; background-color: #fff;}
.rhsul li { float:left; margin:0; width:100%; }
.rhsul li:first-child { margin:0; }
.rhsul{color: #666;}
.rhsul li { float: left; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; padding: 0 10px 10px !important; }
.rhsul li:last-child{padding: 0 10px 30px!important; border-bottom: 1px solid #eee;}
.rhsboxtitle { font-weight: bold;
font-size: 2.2rem;
display: block;
margin-top: 30px;
text-transform: uppercase; }
.newsitem .rhsdiv { top:0; left:0; z-index:1; width: 100%; height: 100%;padding: 0 30px; color: #666; }
.newsitem{border-top: 1px solid #eee; margin-top: 20px;
}
.newsitem .rhsnewsdate{display: block;width:100%; margin:15px 0 0; font-size:1rem; line-height:1.5rem; font-weight: bold;color: #87a377; }
.newsitem .rhsnewstitle{display: block; width:100%; margin:15px 0 0; font-size:1.5rem; line-height:1.8rem; font-weight: bold;}
.newsitem .rhstext { display: block; width:100%; margin:15px 0 0; font-size:1.2rem; line-height:2rem; }
.rhsbtn .rhslink { width: 90%;
background: #87A377;
font-weight: bold;
text-align: center;
padding: 15px 10px;
font-size: 1.2em;
margin-top: 10px;
display: inline-block; color: #fff;}
.rhsbtn .fa { margin:0 0 0 10px; position:relative; left:0; }
.rhsbtn:hover .fa { left:10px; }
.rhsbtn:hover .rhsbtn { background:#87A377; }

form .btn { background:#87A377; color: #fff; cursor: pointer; float: left; font-size: 18px; font-weight: bold; line-height: 50px; text-align: center; width: 100%; text-transform:uppercase; }
form .btn .fa { position:relative; left:0; margin:0 0 0 10px; }
form .btn:hover { background:#87A377; }
form .btn:hover .fa { left:10px; }

#bread ul { float:left; margin:16px 0 12px; }
#bread li { float:left; line-height:1.6rem; font-weight:bold; text-transform:uppercase; }
#bread .fa { margin:0 10px; }
#bread a { text-transform:uppercase; font-size:1.0rem; font-weight:bold; color:#87A377; border-bottom:1px dotted transparent; }
#bread a:hover { color:#87A377; border-color:#87A377; }
#bread h1 { font-weight:bold; }

.pages { background:#fff; padding:10px; float:left; width:100%; position:relative; }
.pages ul { float:right; }
.pages li { float:left; margin:0 0 0 2px; }
.pages li a { float: left; background: #87A377; color: #fff; width: 30px; text-align: center; line-height:2.8rem; height: 30px; font-weight: bold; font-size: 1.4rem; padding: 2px 0 0; }
.pages li .active { background:#d0d0d1; color:#333; cursor:default; }
.pages li a:hover { background:#87A377; }
.pages li .active:hover { background:#d0d0d1; }
.pages .selbox { float:left; position:relative; }
.pages .selbox .fa { position:absolute; right:15px; top:6px; z-index:1; font-size:1.8rem; color:#87A377; }
.pages select { position:relative; z-index:2; background:none; border: 1px solid #d0d0d1; cursor:pointer; -moz-appearance:none; -webkit-appearance:none; appearance:none; width:100%; padding:0 40px 0 10px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; cursor:pointer; height:30px; text-transform:uppercase; color:#666; font-size:1.2rem; }
.pages select:hover, .pages select:focus { border-color:#87A377; }
.pages .p-show { float:left; text-transform:uppercase; line-height:3.0rem; padding:0 15px; font-size:1.2rem; font-weight:bold; }


.detleft { padding:0!important; }
.detright { padding:0 0 0 12px!important; }
.d-info { float:left; padding:20px; background:#fff; width:100%; }
.d-title { font-size:2.6rem; float: left; width: 100%; line-height: 3.4rem; letter-spacing: 0.4px; color: #666; font-weight:bold; }
.d-price { float:left; margin: 20px 0 0; width: 100%; color: #87A377; font-weight: bold; font-size: 3.2rem; }
.d-icons { float:left; width:100%; margin:25px 0 0; }
.d-icons li { float:left; margin:5px 0 0; position:relative; padding: 50px 0px 0 0; width:33.3%; }
.di-cir { line-height:48px; position: absolute; left: 50%; top: 0; width: 50px; height: 50px; margin: 0 auto; background: #d0d0d1; margin: 0 0 0 -25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.di-cir img { width:54%; margin:0 23%; display:inline; vertical-align:middle; }
.di-text { height:34px; word-wrap: break-word; float: left; width: 100%; text-align: center; text-transform: uppercase; font-size: 1.2rem; font-weight: bold; margin: 10px 0 0; }

.detbox { background:#fff; padding:20px!important; }
.detbox h2, .detbox h1 { text-align:center; font-size:1.8rem; }
.detover { float: left; width: 100%; padding: 0 9px; margin: 20px 0 0;}
.detover li { float: left; width: 100%; padding: 11px 10px 9px; font-size: 1.6rem; background-color: #ededed; border-bottom: 1px solid #ccc; }
.detover li:nth-child(2n) { background:#fff; }
.dol { float: left; width: 50%; color: #666; font-size: 1.4rem; font-weight: bold; }
.dor { float: right; width: 50%; text-align: right; font-weight: bold; color: #333; }
.dfeats { margin:20px 0 0; float:left; width:100%; padding:0 20px 15px; }
.dfeats li { display:inline-block; *display:inline; zoom:1; width:25%; position:relative; font-size: 1.6rem; padding: 10px 20px 10px 20px; line-height: 2.2rem; vertical-align: top; }
.dfeats li .fa { position:absolute; color:#87A377; left:0; top:12px; }
.feattext { line-height:2rem; float:left; margin:20px 0 5px; font-size:1.2rem; color:#999; width:100%; text-align:center; }

.d-formbox { float:left; width:100%; margin:10px 0 0; }
.d-formbox a { cursor:pointer; background:#87A377; float:left; width:100%; text-align:center; text-transform:uppercase; color:#fff; font-weight:bold; height:40px; line-height:40px; font-size:1.6rem; }
.d-formbox a .fa { margin:0 0 0 10px; position:relative; left:0; }
.d-formbox a:hover { background:#87A377; }
.d-formbox a:hover .fa { left:10px; }
.d-text { float:left; width:100%; }
.d-text2 { font-style:italic; text-align:center; font-size:1.2rem; }
.d-textl { display:none; }
.d-text2 span { color:#87A377; }
.d-text3 { font-size:1.4rem; line-height:2.2rem; }
.d-text4 { font-size:1.4rem; line-height:2.2rem; color:#87A377; }
.d-form { display:none; float:left; width:100%; border:1px solid #87A377; padding:20px; margin:0 0 5px 0; }
.d-form form { float:left; width:100%; }
.d-form label { float: left; width: 100%; text-transform: uppercase; font-size: 1rem; font-weight: bold; padding: 5px; margin: 10px 0 0; }
.d-form label span { color:#87A377; font-size:1.6rem; }
.d-form input { border:1px solid #ccc; float: left; width: 100%; height: 36px; font-size: 1.4rem; padding: 0 10px; color: #666; }
.d-form textarea { color:#666; font-family:'open sans', Helvetica, sans-serif; font-size:1.4rem; height:80px; padding:10px; line-height:2rem; border:1px solid #ccc; float:left; width:100%; resize:vertical; }
.d-form input:hover, .d-form input:focus, .d-form textarea:hover, .d-form textarea:focus { border-color:#87A377; }
.d-form .sum { margin:10px 0 0; float:left; width:100%; }
.d-form .sumt { line-height:36px; font-weight:bold; font-size:1.8rem; padding:0 5px; float:left; width:60%; }
.d-form .sumt span { color:#87A377; font-size:1.6rem; }
.d-form .sum input { width:40%; float:right; padding:0 10px; }
.d-form button { height: 40px; margin: 10px 0 0; font-size: 1.4rem; background: #d0d0d1; color: #666; }
.d-form button .fa { color:#666; }
.d-form button:hover { background:#87A377; color:#fff; }
.d-form button:hover .fa { color:#fff; }

.bxscon .d-formbox { margin:0; background:#fff; }
.bxscon h2 { float:left; text-align:center; margin:15px 0 0; font-size:1.6rem; line-height:2rem; padding:0 20px; }
.bxscon .d-form { display:block; border:none; margin:0; }
.offerimg { float:left; max-width:100%; margin:0 0 30px; }

.pagetext table { float:left; width:100%!important; }

.quoteform { float:left; width:100%; }
.quotetitle { float:left; margin:40px 0 0px; width:100%; text-transform:uppercase; font-weight:bold; font-size:1.4rem; }
.form-half { float:left; width:50%; padding:0 10px 0 0; }
.form-half.nm { padding:0 0 0 10px; }
.form-half label { float: left; width: 100%; text-transform: uppercase; font-size: 1rem; font-weight: bold; padding:5px; margin: 10px 0 0; }
.formp { float: left; width: 100%; margin: 20px 0 10px; font-size: 1.2rem; }
.form-half label span { color:#87A377; font-size:1.6rem; }
.quoteform #randnum { float:left; width:100%; }
.pagetext input { float:left; width:100%; border:1px solid #ccc; height:36px; font-size:1.4rem; padding:0 10px; color:#666; }
.pagetext input:hover, .pagetext input:focus, .pagetext textarea:hover, .pagetext textarea:focus { border-color:#87A377; }
.pagetext .randnums { float:left; width:40%; line-height:36px; font-size:1.8rem; font-weight:bold; }
.pagetext .randans { width:60%; }

.quoteform .selbox { float:left; width:100%; position:relative; }
.quoteform .selbox .fa { position:absolute; right:20px; top:11px; z-index:1; font-size:1.8rem; color:#87A377; }
.quoteform select { position:relative; z-index:2; background:none; border: 1px solid #d0d0d1; cursor:pointer; -moz-appearance:none; -webkit-appearance:none; appearance:none; width:100%; padding:0 50px 0 20px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; cursor:pointer; height:40px; text-transform:uppercase; color:#666; font-size:1.4rem; }
.quoteform select:hover, .search select:focus { border-color:#87A377; }
.quoteform select:disabled { color:#ccc; font-style:italic; cursor:default; }
.quoteform select:disabled:hover { border-color:#d0d0d1; }
.quoteform select:disabled + .fa { color:#ccc; }
.quoteform textarea { color:#666; font-family:'open sans', Helvetica, sans-serif; font-size:1.4rem; height:100px; padding:10px; line-height:2rem; border:1px solid #ccc; float:left; width:100%; resize:vertical; }
.pagetext .message { float: left; width: 100%; line-height: 2rem; font-size: 1.2rem; }

.fh-date { float:left; width:100%; padding:0; }
.fh-date .selday { width:20%; }
.fh-date .selmonth { width:30%; margin:0 10px; }
.fh-date .selyear { width:30%; }
.bkform { float:left; width:100%; margin:40px 0 0; }

.hideform { display:none; }
.showfbtn { float: left; width: 100%; color: #87A377; text-transform: capitalize; text-align: center; cursor: pointer; background: #fff; font-weight: normal; font-size: 1.4rem; margin: 20px 0 5px; line-height: normal; height: auto; }
.showfbtn:hover { background:#fff; }

.conbox h1 { font-family:'open sans', Helvetica, sans-serif; font-weight:bold; }
.conbox .c-2.f-c { padding:0 10px 0 0!important; }
.conbox .c-2.l-c { padding:0 0 0 10px!important; }
.conbox .detbox { float:left; width:100%; }
.conbox .d-text { margin:20px 0; }
.conbox form { float:left; width:100%; }
.conbox .cfbox { float: left; width: 50%; padding: 0 10px; }
.conbox .cfboxf { width:100%; }
.conbox label { float: left; width: 100%; text-transform: uppercase; font-size: 1rem; font-weight: bold; padding: 5px; margin: 10px 0 0; }
.conbox label span { color:#87A377; }
.conbox input { border:1px solid #ccc; float: left; width: 100%; height: 36px; font-size: 1.4rem; padding: 0 10px; color: #666; }
.conbox textarea { color:#666; font-family:'open sans', Helvetica, sans-serif; font-size:1.4rem; height:80px; padding:10px; line-height:2rem; border:1px solid #ccc; float:left; width:100%; resize:vertical; }
.conbox input:hover, .conbox input:focus, .conbox textarea:hover, .conbox textarea:focus { border-color:#87A377; }
.conbox .selbox { float:left; width:100%; position:relative; }
.conbox .selbox .fa { position:absolute; right:20px; top:8px; z-index:1; font-size:1.8rem; color:#87A377; }
.conbox select { position:relative; z-index:2; background:none; border: 1px solid #d0d0d1; cursor:pointer; -moz-appearance:none; -webkit-appearance:none; appearance:none; width:100%; padding:0 40px 0 10px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; cursor:pointer; height:35px; color:#666; font-size:1.4rem; }
.conbox select:hover, .conbox select:focus { border-color:#87A377; }
.conbox .sum { margin:10px 0 0; padding:0 10px; float:left; width:100%; }
.conbox .sumt { line-height:36px; font-weight:bold; font-size:1.8rem; padding:0 5px; float:left; width:60%; }
.conbox .sumt span { color:#87A377; font-size:1.6rem; }
.conbox .sum input { width:40%; float:right; padding:0 10px; }
.conbox button { height: 40px; margin: 10px 0 0; font-size: 1.4rem; background: #87A377; color: #fff; }
.conbox button:hover { background:#87A377; }

.cfboxph { font-size: 1.6rem; line-height: 3rem; }
.cfboxph .phone { float:left; width:100%; }
.cfboxadd { font-size:1.4rem; line-height:2.2rem; }
.cfboxph a { float:left; color:#87A377; border-bottom:1px dotted transparent; }
.cfboxph a:hover { border-color:#87A377; }
.contbl { margin:20px 0 0; text-align:center; float:left; width:100%; }
.contbl td { padding:8px 0; font-size:1.4rem; background:#ededed; }
.contbl tr:nth-child(2n + 1) td { background:#fff; }
.contbl .spc { background:#fff!important; }
.cttitle { font-weight:bold; text-transform:uppercase; font-size:1.4rem; }
.cttitle2 { text-transform:uppercase; }

.newc-h2 { text-align:center; font-size: 2.8rem; margin: 10px 0 0; }
.newcars { float:left; width:100%; margin:20px 0 0; }
.newcars li { display:inline-block; vertical-align:top; zoom:1; *display:inline; width:25%; padding:0 10px; }
.newcars a { position:relative; float:left; width:100%; }
.newcars .n-img { float:left; width:100%; position:relative; }
.newcars .n-img img { float:left; width:90%; margin:0 5%; }
.newcars h3 { font-family:'open sans', Helvetica, sans-serif; float: left; text-transform: uppercase; font-weight: bold; color: #333; font-size:1.8rem; line-height:2rem; text-align: center; }
.newcars .n-from { float: left; text-align: center; text-transform: uppercase; width: 100%; color: #666; margin: 8px 0 0; font-weight: bold; font-size: 1.2rem; }
.newcars .n-btn { position:absolute; width:100%; text-align:center; color: #87A377; text-transform: uppercase; margin: 10px 0 0; font-weight: bold; font-family:'open sans', Helvetica, sans-serif; font-size: 1.2rem; bottom:15px; left: 0; opacity:0; }
.newcars a:hover .n-btn { opacity:1; bottom:5px; }
.newcars .n-btn .fa { margin:0 0 0 5px; position:relative; left:0; }
.newcars .n-btn:hover { color:#87A377; }
.newcars .n-btn:hover .fa { left:10px; }

.arttitle{ border-bottom: 1px solid #ddd; float: left; padding: 10px 0 12px; position: relative; width: 100%; text-align: left; }
.arttitle h1{ color: #444; float: left; font-size: 2.4rem; font-weight: 400; padding-top: 10px; text-transform: uppercase; }
.arttitle h2{ font-size: 1.4rem; margin: 0; padding-top: 10px; padding-bottom: 10px;  text-transform: uppercase; width: 70%; }

a.moreinfo{ text-align: center; margin: 1px 4px; display: inline-block; padding: 1.3em 2.2em; border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; color: #87A377; width: 80%; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5em; text-decoration: none; font-weight: 600; transition: 0.3s ease; border: 2px solid #87A377; }

.info{ float: left; list-style: none; /*margin:12px 0 0;*/ width: 100%; }
.info li{ float: left; margin: 0 0 8px; width: 100%; }
.info .it{ color: #87A377; float: left; font-size: 1.2rem; line-height: 22px; text-transform: uppercase; width: 30%; text-align: left; padding-left: 20px; }
.info .ii{ float: left; font-size: 1.2rem; line-height: 22px;  width: 70%;}


#tabs { float:left; width:100%; }
#tabs ul { margin:0 0 20px; float:left; width:100%; height:auto; }
#tabs li { float:left; border-bottom:1px solid #000; border-right:1px solid #000; }
#tabs li a { color: #fff; float: left; font-size: 1.2rem; font-weight:bold; height: 45px; letter-spacing: 1px; position: relative; line-height: 44px; padding: 0 15px; text-decoration: none; text-transform: uppercase; }

.ui-tabs .ui-tabs-panel { width:100%!important; }
.offera { float:left; width:25%; padding:0 12px; }
.offerpic { float:left; height:180px; width:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }
.offera h2 { text-align: center; color: #666; font-size: 1.6rem; margin: 10px 0 0; line-height: 1.8rem; }
.offera h3 { text-align: center; text-transform: uppercase; margin: 8px 0 0; font-weight: bold; color: #333; font-size: 1.4rem; }
.offera span { float: left; text-align: center; background: #87A377; text-transform: uppercase; font-weight: bold; width: 100%; height: 40px; line-height: 4rem; color: #fff; font-size: 1.6rem; margin: 15px 0 0; }
.offera span:hover { background:#87A377; }

#offers-wrap { float:left;margin:20px 7px 10px 0;border:1px solid #444; }
.offer-wrap { background:#231f20; display:inline-block; vertical-align:top; padding:0 0 10px; margin:20px 7px 10px 0 !important; position:relative; width:402px; *display:inline; zoom:1;border:1px solid #444; }
#tabs .nmr { margin:0 0 10px 0; }
.offer-wrap:hover { background:#2a2526; }
.offer-wrap h2 a { color:#fff; float:left; font-size:14px; font-weight:600; letter-spacing:1px; line-height:1.4em; padding:0 10px; text-align:left; text-decoration:none; text-transform:uppercase; width:475px; margin:10px 0 0; }
.offer-wrap h2 a:hover { color:#C81444; }
.offer-wrap h3 { color:#999; font-size:14px; float:left; font-weight:400; letter-spacing:1px; padding:5px 10px 0; text-transform:uppercase; width:465px; }
.offer-wrap span.price { color:#999; float:left; font-weight:400; letter-spacing:0.5px; padding:5px 10px 0; width:465px;}

.ofbtn { background:#C81444; color:#fff; float:left; font-size:14px; height:30px; letter-spacing:1px; line-height:29px; margin:10px 0 0 10px; padding:0 20px; text-decoration:none; text-transform:uppercase; }
.ofbtn:hover { background:#C81444; }

.offer-wrap-nomargin { background: url(../images/bg-offer.jpg) no-repeat scroll 0 0 transparent;float: left;margin: 0 0 10px 0;overflow: hidden;padding: 10px 13px;width: 190px;height: 222px;position: relative;}
.offer-wrap-nomargin img {border:1px solid #444;}
.offer-wrap-nomargin h2 { color: #444;}
.offer-wrap-nomargin h3 {margin: 6px 0; color: #444;}
.offer-wrap-nomargin span.price {color: #444; width:150px; display: block;}

/* news */

.exhibition { width: 100%; float: left; padding-bottom: 30px; text-align: left; border-bottom: 1px solid #eee; }
.exhibition h2 { font-size: 1.6rem; margin: 30px 0 20px; text-align: left; letter-spacing: 0.1rem; }
.exhibition h2 a { color: #87A377; }
.exhibition h2 a:hover { border-bottom: 1px solid #87A377; }
.exhibition p, .text-container .webtext { float: left; width: 100%; font-size: 1.3rem; line-height: 2.4rem;  }
.last { margin: 0; }
.exhibition_text { padding-right: 20px; }
.exhibition_image { padding: 15px!important; border: 0px solid #dfdfdf;}
.exhibition_image:hover { border: 0px solid #87A377; }
.exhibition_image img { border: none; max-width:100%; }
.newsdate { font-size: 1.3rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05rem;}
.exhibition_text a.link { background: #87A377; color: #fff; text-transform: uppercase; font-size: 1.2rem; letter-spacing: 0.05rem; padding: 10px 20px; float: left; margin-top: 10px;}

/* news display */

.text-container { text-align: left; }
.text-container .webtext { padding-right: 30px; }

ul.photogal { float: left; width: 100%; margin-top: 20px; } 
ul.photogal li { width: 25%; float:left; padding: 7px; border: 1px solid #e2e2e2; margin: 10px 20px 20px 0px;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
ul.photogal li:hover { border: 1px solid #87A377; }
ul.photogal li span { float: left; width: 100%; overflow: hidden;}
ul.photogal li span img { width: 100%; }
 
.news-side { border-left: 1px solid #eee; padding-left: 30px!important; }
.news-side h2 { font-size: 1.6rem; margin: 30px 0 40px; text-align: left; letter-spacing: 0.1rem; text-transform: uppercase; }
.news-side li { float:left; margin:15px 0 15px; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.news-side h4 a { float: left; width: 100%; font-size:1.4rem; color: #87A377; text-transform: uppercase; margin-bottom: 10px;}
.news-side .newsdatelist { font-size: 1.1rem; margin:4px 0 0; font-weight: 600; text-transform:uppercase; }
.news-side .newslisttext { float:left; margin:5px 0 0; font-size: 1.2rem; line-height: 1.6em; }
.news-side .readmore { text-decoration:underline; color: #87A377; }

/* login */

.login {float:left;}
.loginbox { background:#fff; border:1px solid #d6d6d6; padding:40px 60px; float:left; width:100%; text-align: left; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.1rem; line-height: 2em; }
.loginbox strong { font-weight: 700; float: left; width: 100%; margin-bottom: 10px; }
.loginbox2 { padding: 40px 20px; }
.no-brd {  border:none; }
.loginbox h2 { font-size: 1.8rem; }
.loginbox h3 {     font-size: 1.4rem; font-weight: 600; line-height: 1.5em; }
.loginbox label { padding:0 0 0 5px; float:left; width:100%; font-size:1.1rem; letter-spacing:0.4px; color:#666; margin:20px 0 8px; text-align: left; }
.loginbox input[type=text], .loginbox input[type=email], .loginbox input[type=password], .loginbox input[type=number]{ float:left; width:100%; padding:10px 10px; border:1px solid #d6d6d6; font-size:1.4rem; letter-spacing:0.4px; }
.loginbox textarea{ float:left; max-width: 100%; width:100%; height: 90px; padding:10px 10px; border:1px solid #d6d6d6; font-size:1.4rem; letter-spacing:0.4px; }
.loginbox .button { cursor:pointer; float: left; margin:20px 0 0; border:none; color:#fff; text-transform: uppercase; background:#87a377; line-height:48px; padding:0 15px; font-weight:300; font-size:1.4rem; letter-spacing:0.6px; }
.loginbox .button:hover { background: #87a377; }

.loginbox.enquiry { border: none; padding: 10px; }
.loginbox.enquiry label { margin: 8px 0 8px; }

.loginbox .loginerr { float:left; width:100%; line-height:2.4rem; font-size:1.4rem; color:#DA2129; }
.loginbox .loginerr a { color:#333; text-decoration:none; }
.loginbox .loginerr a:hover { text-decoration:underline; }
.loginbox .loginerr span { color:#333!important; } 
.loginbox .loginerr span a { color:#DA2129!important; text-decoration:none; }
.loginbox .loginerr span a:hover { text-decoration:underline; }
.loginbox .forgot { float:left; line-height:4.8rem; margin:20px 0 0; }
.loginbox .forgot a { float:right; text-decoration:none; color:#DA2129; letter-spacing:0.4px; font-size:1.2rem; }
.loginbox .forgot a:hover { text-decoration:underline; }
.loginbox .logtxt { float:left; width:100%; line-height:2.0rem; font-size:1.4rem; }
.newuser { float:left;  }
.newuser h2 { float:left; width:100%; text-align:center; padding:10px 10px 8px; background:#87a377; font-size:1.4rem; letter-spacing:0.4px; color: #fff; }
.newuser .nbtn { cursor:pointer; float: none; display: inline-block; margin:20px 0 0; border:none; color:#fff; background:#666; line-height:3.8rem; padding:0 15px; font-weight:300; font-size:1.4rem; letter-spacing:0.6px; }
.newuser .logtxt { float:left; width:100%; line-height:2.2rem; font-size:1.3rem; margin:20px 0 0; letter-spacing: 0.04rem; padding: 0 20px; }
.login.rem { margin:40px 30% 0; }

.cformuser { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; float: left; font-size: 1.4rem; padding: 10px;  width: 100%; border-bottom: 1px solid #dfdfdf; font-weight: 600; color: #444; }
.cfin .loader { float:left; text-align:center; width:100%; display:none; }
.cfin label span { color: #cc0000; font-weight: normal; }
.cfin .csub { float: left; margin-top: 20px; }
.cfin .csub span span { color: #cc0000; float: none; font-style: normal; }
.cformin span.res { color: #d54700; font-size: 1.4rem; text-align: left; float: left; line-height: 1.5em; margin-top: 20px; }

.formerror {color:#444;float:left;width:100%; font-size: 1.2rem; }
.formerror span b { font-weight: 700; }
.formerror .button { background: #dfdfdf; border: none; color: #696969; display: block; font-size: 11px; font-weight: 600; margin: 15px 0 0; padding: 4px 8px; text-transform: uppercase; cursor:pointer; }
.formerror .button:hover { background:#252525; color:#dfdfdf; }
.res { color: #d54700; }


a.fancybox img { border: none;  /*z-index: 999999999999;*/ -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a.fancybox:hover img { position: relative; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03); }



/* wishlist */

.wlul { float:left; width:100%; padding:0 0 8px; background:#fff; border-bottom:1px solid #d6d6d6;  }
.wlul li { float: none; margin: 0 4px 5px 0; display: inline-block; }
.wlul li a { background: #eee; color: #666; float: left; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.05rem; padding: 10px 15px; text-transform: uppercase; }
.wlul li a:hover { background:#87a377; color:#fff; text-decoration:none; }
.wlul li a.active { color:#fff; background:#87a377; } 
.wlul .fr { margin:0 0 5px 0; } 

.wlleft h2, .wlright h2  { text-align: left; font-size: 1.6rem; margin: 30px 0 20px;  letter-spacing: 0.1rem; }
.wl p { float: left; width: 100%; font-size: 1.3rem; line-height: 2.4rem; text-align: left; }

.wlul2 { float:left; width:100%; }
.wlul2 li { border-left: 2px solid #87a377; float: left; margin: 12px 0 0; padding: 0 0 0 15px; width: 100%; }
.wlul2 li span { color: #444; font-size: 1.2rem; float: left; font-weight: 600; line-height: 20px; margin: 0 20px 0 0; }
.wlul2 li a { background: #666; color: #fff; float: left; font-size: 1.1rem; font-weight: 600; height: 20px; letter-spacing: 0.05rem; line-height: 2em; padding: 0 8px; text-transform: uppercase; }
.wlul2 li a:hover { background:#87a377; color:#fff; text-decoration:none; cursor: pointer; }

.wlul3 { float:left; width:100%; padding:0 0 8px; background:#fff; border-bottom:1px solid #d6d6d6;  }
.wlul3 li { float: left; margin: 0 4px 5px 0; display: inline-block; }
.wlul3 li:last-child { float: right; }
.wlul3 li a { background: #eee; color: #666; float: left; font-size: 1rem; font-weight: 600; letter-spacing: 0.05rem; padding: 10px 10px; text-transform: uppercase; }
.wlul3 li a:hover { background:#87a377; color:#fff; text-decoration:none; }
.wlul3 li a.active { color:#fff; background:#87a377; } 
.wlul3 .fr { margin:0 0 5px 0; }
.wlul3 li span { float: left; padding: 8px 10px; background: #87a377; font-size: 1.4rem; color: #fff; }

.addform { float:left; width:100%; margin-top: 10px;  }  
.addform select { cursor:pointer; border: 1px solid #eee; float: left; font-size: 1.2rem; padding: 8px; height: 32px; width: 87%;  }
.addform select:hover { border-color:#ccc; }
.addform select:focus { border-color:#999; }
.addbtn { background:#87a377; border: none; color: #fff; cursor: pointer; float: left; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.05rem; margin: 10px 0 0; padding: 10px 15px; text-transform: uppercase; }
.addbtn:hover { text-decoration:underline; }

.detchange { background: #b7ee98; color: #444; float: left; font-weight: 600; font-size: 1.4rem; height: 30px; line-height: 30px; margin: 10px 0 0px; text-align: center; width: 100%; }

a.bckbtn { float: right; width: auto; background: #eee; color: #666; font-size: 1rem; font-weight: 600; letter-spacing: 0.05rem; padding: 10px 10px;text-transform: uppercase; }
a.bckbtn:hover { background: #87A377; color: #fff; }

.cright {  float:left; text-align: left; margin:20px 0 0 3%; padding:15px 30px; width:97%; background: #f0f0f0; border-top: 5px solid #87a377; }
.crtown { color:#666; float:left; font-size:2.6rem; line-height:1.8em; width: 100%; letter-spacing: 0.1rem; text-transform: uppercase; }
.cradd { color:#666; float:left; font-size:1.5rem; line-height:1.6em; width: 100%; letter-spacing: 0.07rem; }
.crph { color:#666; float:left; font-size:1.5rem; line-height:1.6em; width: 100%; margin-top: 10px; letter-spacing: 0.07rem; }
.crem a { color:#87a377; float:left; font-size:1.5rem; line-height:1.6em; width: 100%; margin-top: 10px; letter-spacing: 0.07rem; }
.crlink { float:right; text-align:right; width:100%; }
.crlink a { color:#fff; float:right; font-size:1.4rem; margin:5px 0 0; text-decoration:none; background: #87A377; padding: 10px 20px; }


footer { padding:30px 0 10px; margin:50px 0 0; color:#666; background-color: #fff; border-top: 2px solid #87A377; }
#f-map { float:left; width:100%; position:relative; margin: 20px 0px; padding-top: 20px; border-top: 1px solid #eee; }
.f-title { float:left; margin:0 0 30px; width:100%; text-transform:uppercase; font-size:1.8rem; font-family:'open sans', Helvetica, sans-serif; }
.f-info { font-size:1.2rem; float:left; width:100%; text-transform:uppercase; line-height:2rem; }
.f-info a { color: #87a377; }

.ft-links { float: left; text-align: left; }
.ft-links .title { font-size: 1.8rem; margin: 0px 0 20px; text-align: left; color: #87A377; text-transform: uppercase; letter-spacing: 0.05rem; }
.ft-links .add { float: left; width: 100%; font-size: 1.2rem; line-height: 2.4rem; text-transform: uppercase; } 
.ft-links .mapbtn { background: #87A377; color: #fff; text-transform: uppercase; font-size: 1.2rem; letter-spacing: 0.05rem; padding: 10px 20px; float: left; margin-top: 10px;  }

.ft-list { float: left; width: 100%; list-style: none;  }
.ft-list li { float: left; width: 100%; }
.ft-list.artist li  { float: left; width: 50%; }
.ft-list li a { color: #666; float: left; font-size: 1.2rem; letter-spacing: 0.1rem; line-height: 2.4em; text-transform: uppercase; border-bottom: 2px solid #fff; }
.ft-list li a:hover { border-bottom: 2px solid #87A377; }

.bxs { box-shadow:0px 5px 20px -10px #333; -moz-box-shadow:0px 5px 20px -10px #333; -webkit-box-shadow:0px 5px 20px -10px #333; }

.tr-all { transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; }

.mt5 { margin-top:5px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }

.p0 { padding:0!important; }
.pl12 { padding-left:12px!important; }

.fl { float:left; }

/* Clearfix */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

.strike-side { text-decoration:line-through !important;}

/* Lemonade */
*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
[class*='c-'] { float: left; padding:0 10px; }
/*[class*='c-']:last-of-type, .l-c { float: right; }*/

.c-1 { width: 100%; }
.c-2 { width: 50%; }
.c-3 { width: 33.33%; }
.c-4 { width: 25%; }
.c-5 { width: 20%; }
.c-6 { width: 16.6666666667%; }
.c-7 { width: 14.2857142857%; }
.c-8 { width: 12.5%; }
.c-9 { width: 11.1111111111%; }
.c-10 { width: 10%; }
.c-11 { width: 9.09090909091%; }
.c-12 { width: 8.33%; }

.c-20 { width:20%; }
.c-25 { width:25%; }
.c-30 { width:30%; }
.c-40 { width:40%; }
.c-60 { width:60%; }
.c-70 { width:70%; }
.c-75 { width:75%; }
.c-80 { width:80%; }


/* Responive */
@media (max-width: 1200px) {
nav li { margin:0 6px; }
nav li:before { left:-7px; }
}

@media (min-width: 800px) and (max-width: 1120px) {
.c-7 { width: 100%; }
.c-2, .c-8, .c-10, .c-12 { width: 50%; }
.c-4 { width:25%; }

#home-search { top:15px; }

.c-5.w50 { width:100%!important; }

.conbox .cfbox { width:100%; }
}

@media (max-width: 1080px) {
nav li { margin:0 5px; }
nav li:before { left:-5.5px; }
nav li a { font-size:1.1rem; }

.offera { width:33.33%; }
}

@media (max-width: 980px) {
.search .c-5 { width:50%; }
.search .l-c { width:100%; }

nav ul { display:none; }
nav .open { display:block; }

#top { height:auto; position:relative; }
#topblock { display:none; }
#nissan { height:80px; }

#logo a { padding:15px 0 15px; height:80px; }
#logo img { height:100%; }

nav, nav ul, nav li { width:100%; }
nav ul { border-top:1px solid #fff; }
nav li { margin:0; }
nav li:before { display:none; }
nav li a { width:100%; border:none; text-align:center; line-height:36px; }
nav li a.active, nav li a:hover { background:#87A377; color:#fff; }
.navbtn { display:block; }
.mnav { display:block; float:left; width:100%; border-top:1px solid #d0d0d1; }
.mnav a { text-indent:-10px; }
.mnav .fa { margin:0 10px 0 0; }

.ctop { display:none; }

.webtext.c-75 { width:74.2%!important; }

.inner-slider { width:100%; max-width:none; }
#home-search { position:inherit; width:100%; padding:12px 12px 30px; height:auto; }
#search-title { width:auto; margin:15px 0 0; }
.search-count { position: absolute; top:-29px; margin:0; right:6px; width:auto; }

.qinfo { margin:15px 0 0; }
.qinfo li { width:100%; margin:15px 0 0; }
.qinfo .li2, .qinfo .li3 { text-align:left; width:100%; }
.fmap { right:25px; }
footer .c-40, footer .c-60 { width:50%; }

.usedlist { width:100%; padding:0!important; }
.usedleft { width:100%; }
#used-search .c-5, #used-search .c-5.w50 { width:25%!important; }
#used-search .c-5.l-c { width:100%!important; }

.pages { margin:15px 0 0; }

.detleft { width:100%; }
.detright { width:100%; margin:15px 0 0; padding:0!important; }

.d-icons li { width:16.6%; }

.detover { padding:0; }
.dfeats li { width:33%; }

.c-25 #home-search { padding:10px 10px 20px; }
.c-25 #home-search .c-5 { width:100%; }
.c-25 #home-search .search-count { position: relative; top: 6px; right: 0; width: 100%; }
}

@media (max-width: 900px) {
.detbox .c-3 { padding:0!important; }
.dor { font-size:1.4rem; }
#tabs li a:after { display:none; }

.offera { width:50%; }
}

@media (max-width: 800px) {
.c-4, .c-6, .c-8, .c-10, .c-12 { width: 50%; }
.c-1, .c-2, .c-3, .c-5, .c-7, .c-9, .c-11, .c-60, .c-40, .c-70, .c-30 { width: 100%; }

.c-25 { width:100%; }
.c-75 { width:100%; }

#fancybox-overlay  {z-index: 9999!important;}
#fancybox-wrap {z-index: 9999!important;}

.news-side { border-left: none; border-top: 1px solid #eee; padding-top: 15px; }
.cright { text-align: center; }
.crlink { float: none; display: inline-block; width: initial; padding-top: 10px; }

.ft-links { margin-top: 20px; }

.pagetext { padding:0 6px; }
.webtext.c-75 { width:100%!important; }
.h25 { padding:0; }

.rhsul { margin:20px 0 0; }

#logo{display: block; margin-left: 10px;}

#home-btns div:first-child + div { margin-top:20px; }
.feat-art div:first-child + div + div + div, .feat-art div:first-child + div + div + div + div { margin-top:20px; }

.exhibition_text { margin-bottom: 20px; }
.exhibition_image, .exhibition_image:hover { border: none!important; }

footer .c-40, footer .c-60 { width:100%; }
footer .c-60 { margin:40px 0 0; }
footer .qinfo { width:50%; }

#used-search .c-5, #used-search .c-5.w50 { width:50%!important; }
#used h2 { font-size:1.6rem; line-height:2rem; }
#used .u-price { font-size:1.8rem; }
#used .u-img { width:40%; }
#used .u-rhs { width:60%; }
#used .u-btn { width:100%; text-align:center; }

.pages .selbox { width:100%; }
.pages .p-show { margin:10px 0 0; padding:0 11px; }
.pages ul { margin:10px 0 0; }

.detover { margin:0!important; }
.detover1 { margin:20px 0 0!important; }
.dor { font-size:1.6rem; }

.dfeats li { width:50%; }

.conbox .c-2.l-c, .conbox .c-2.f-c { padding: 0!important; }

.newcars { width:99%; margin:20px 0.5% 0; }
.newcars li { width:33%; }

.c-25 #home-search { margin:20px 0 0; }

.bxscon { margin:20px 0 0; }
}

@media (max-width: 640px) {
.d-icons li { width:33.3%; }

.conbox .cfbox { width:100%; }
.cfboxph, .cfboxadd { width:50%!important; }

.newcars { width:100%; margin:20px 0 0; }
.newcars li { width:50%; }

.form-half { width:100%; padding:0; }
.form-half.nm { padding:0; }

.fh-date .selday, .fh-date .selmonth, .fh-date .selyear { width:100%; }
.fh-date .selmonth { margin:5px 0; }

.offera { width:100%; }
.offerpic { height:250px; }
}

@media (max-width: 480px) {
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { width: 100%; }

#nissan { height:60px; }

#logo a { padding:10px 0 15px; height:60px; }

.navbtn { height: 50px; padding: 30px 0px 30px 10px; }

#search-title, .search-count { font-size:1.3rem; }
.search .c-5 { width:100%; }

#home-btns .hb-link { display:none; }

.feat-art div:first-child + div + div { margin-top:20px; }
footer .qinfo { width:100%; }

.pagetext .webtext { float:left; background:#fff; padding:40px 30px; }

#used-search .c-5, #used-search .c-5.w50 { width:100%!important; }
#used-search .mobhide { display:none; }
.mh-btn { display:block; }

.mobhide { height:0; }
.mobhide.open { height:auto; }

#used .u-img { width:100%; padding:15px; }
#used .u-rhs { width:100%; padding:0 15px 15px; } 
#used h2, #used .u-price, #used .u-info2 { text-align:center; }
#used .u-info2 li { float:none; display:inline-block; *display:inline; zoom:1; }

.pages .p-show { width:100%; text-align:center; }
.pages ul { width:100%; text-align:center; }
.pages li { float:none; display:inline-block; *display:inline; zoom:1; }

.dfeats { padding:0 10px; }
.dfeats li { width:100%; }

.cfboxph, .cfboxadd { width:100%!important; }

#tabs li { width:100%; border-right:none; }
#tabs li a { width:100%; text-align:center; }
.offerpic { height:200px; }

.ft-links { padding-bottom: 20px!important; border-bottom: 1px solid #eee; text-align: center; }
.ft-links .title { text-align: center; }
.ft-links .mapbtn { float: none; display: inline-block; }
.ft-list li a { width: 100%; }


}