@charset "utf-8";

@font-face {
  font-family: 'Chunk Five';
  src: url('../fonts/chunkfive.woff2') format('woff2'),
       url('../fonts/chunkfive.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html, body {margin: 0; padding: 0; height:100%;}
body  {font-family:'Source Sans Pro', sans-serif; font-size:16px; font-weight:300; line-height:1.4; color:#666666; height:100%;}
a img {border:none;}

/* -------- Text ------------*/
h1 {font-family:'Chunk Five', 'Source Sans Pro', sans-serif; font-size:36px; line-height:1.2; font-weight:400; color:#00A7E2; margin:16px 0;}
h2 {font-family:'Chunk Five', 'Source Sans Pro', sans-serif; font-size:24px; line-height:1.3; font-weight:400; color:#333333; margin:16px 0;}
h3 {font-size:24px; line-height:1.4; font-weight:700; color:#333333; margin:16px 0; text-transform:uppercase;}
h4 {font-size:24px; line-height:1.4; font-weight:600; color:#666666; margin:16px 0; text-transform:uppercase;}
h5 {font-size:24px; line-height:1.4; font-weight:300; color:#333333; margin:16px 0;}
h6 {font-size:18px; line-height:1.4; font-weight:300; color:#333333; margin:16px 0;}
p {font-size:16px; line-height:1.4; font-weight:300; color:#666666; margin:16px 0;}

a  {color:#00A7E2; text-decoration:none;}
a:hover {text-decoration:underline;}
b, strong {font-weight:600;}
hr {border:none; border-top:1px solid #e2e2e2; margin:16px 0;}
.center, .align-center {text-align:center;}
.right, .align-right {text-align:right;}
.sml {font-size:14px;}

/* -------- Colors ------------*/
.black {color:#333333;}
.red {color:#D82B2B;}
.yellow {color:#FFFB6E;}
.blue {color:#00A7E2;}
 
/* -------- Icons ------------*/
.header-user span:before,
.close,
.login-box:before,
.btn-next:after, .btn-back:after, .btn-save:after, .btn-add:after, .btn-cancel:after,
.btn-image,
.checkbox input[type="checkbox"]:checked + label:before,
.radio input[type="radio"]:checked + label:before,
.btn-terms:after,
.btn.btn-payment:after,
.packages .radio input[type="radio"] + label:after,
.listing-buttons a, .listing-buttons button, .ad-buttons a, .ad-buttons button,
.status-pending:before, .status-approved:before,
.btn-filters, .btn-search,
.search button,
.user-menu a:after,
.search .fieldwrap_type_submit input[type="submit"],
.login-box > div > h6:before {background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}

/* -------- General Forms ------------*/ 
form {margin:0;}
.fieldwrap {position:relative; margin:16px 0; font-size:0;}
.fieldwrap_type_submit {text-align:center;}
label {display:block; font-family:'Source Sans Pro', sans-serif; font-size:16px; font-weight:300; line-height:26px; text-align:left; padding:10px;}
input[type="submit"]{display:inline-block; vertical-align:middle; width:auto; background-color:#00A7E2;  color:#ffffff; font-family:'Source Sans Pro', sans-serif; font-size:14px; font-weight:600; line-height:26px; text-align:center; text-decoration:none; text-transform:uppercase; padding:13px 50px; margin:16px 4px; transition:all 0.3s; transition:background-color 0.3s; white-space:normal; border:none; height:auto; border-radius:25px; letter-spacing:0.04em;min-width:164px; box-sizing:border-box;  cursor:pointer;-webkit-appearance:none; -moz-appearance:none;}
input[type="submit"]:hover {background-color:#009BD1; color:#ffffff; text-decoration:none; cursor:pointer;}
input, textarea, select, option {width:100%; font-family:'Source Sans Pro', sans-serif; font-size:16px; line-height:26px; font-weight:300; color:#666666; padding:9px; box-sizing:border-box; border:1px solid #CCCCCC; background-color:#ffffff;}
select, option {font-family:'Source Sans Pro', sans-serif; font-size:16px; line-height:26px; font-weight:300;}
select {padding:0 50px 0 9px; height:46px; line-height:44px;  -moz-appearance:none; -webkit-appearance:none; background-position:right center; background-repeat:no-repeat; background-image:url(../images/icon-select.png); background-image:url(../images/icon-select.svg), linear-gradient(transparent, transparent), none;}
select::-ms-expand {display:none;}
textarea {resize:vertical;}
input[type="checkbox"], input[type="radio"] {width:auto;}

.checkbox, .radio {position:relative;}
.checkbox input[type="checkbox"], .radio input[type="radio"] {position:absolute; top:0; left:0; opacity:0; width:34px; height:34px; margin:5px;}
.checkbox input[type="checkbox"] + label, .radio input[type="radio"] + label {display:block; position:relative; padding:10px 0 10px 48px; margin-right:8px;}
.checkbox input[type="checkbox"] + label:before, .radio input[type="radio"] + label:before {content:""; display:block; top:0; left:0; position:absolute; margin:5px; width:34px; height:34px; border:1px solid #cccccc; background:#ffffff; cursor:pointer;}
.radio input[type="radio"] + label:before {border-radius:18px; background:none;}
.checkbox input[type="checkbox"]:checked + label:before {content:""; background-position:-233px -333px;}
.radio input[type="radio"]:checked + label:before {content:""; background-position:-133px -433px;}
.fieldwrap_type_radio .radio {display:inline-block; vertical-align:top;}

.fieldwrap_type_input label, .fieldwrap_type_textarea label, .fieldwrap_type_date label, .fieldwrap_type_select label {position:absolute; cursor:text; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s; pointer-events:none;}
.fieldwrap_type_input input, .fieldwrap_type_textarea textarea, .fieldwrap_type_date input {padding:14px 9px 4px 9px;}
.fieldwrap_type_select label, .fieldwrap_type_select label.labelsml {padding-right:50px;}
.fieldwrap_type_select label + select {padding-top:5px;}
label.labelsml {font-size:11px; padding:5px 10px; line-height:1;}

.select2-container {display:block; width:auto !important;}
.select2-container--default .select2-selection--single {border:1px solid #CCCCCC; background-color:#ffffff; border-radius:0; background-position:right center; background-repeat:no-repeat; background-image:url(../images/icon-select.png); background-image:url(../images/icon-select.svg), linear-gradient(transparent, transparent), none;}
.select2-container .select2-selection--single {height:46px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {font-size:16px; line-height:26px; font-weight:300; color:#666666; padding:14px 50px 4px 9px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {display:none;}

#body {display:table; table-layout:fixed; width:100%; height:100%; min-height:100%; min-width:320px; position:relative; text-align:left;}

/* -------- User Menu ------------ */
.header-user {position:absolute; right:0; top:0; z-index:110;}
.header-user span {display:block; font-size:15px; line-height:24px; padding:13px; color:#7a8998; cursor:pointer;}
.header-user:hover span {background:#282828;}
.header-user span:before {content:""; display:inline-block; vertical-align:top; width:24px; height:24px; background-position:-238px -38px; margin-right:6px;}
.header-user span:after {content:""; display:inline-block; vertical-align:top; width:0; height:0; border:5px solid transparent; border-top-color:#7a8998; margin:10px 0 0 6px;}

.user-menu {position:absolute; right:0; top:100%; width:200px; background:#EBEBEB; max-height:0; overflow:hidden; opacity:0; transition:opacity 0.3s, background-color 0.3s;}
.header-user.user-open .user-menu, .header-user:hover .user-menu {opacity:1; max-height:800px; box-shadow:-2px 2px 4px rgba(0,0,0,0.5);}
.user-menu a {position:relative; display:block; line-height:26px; padding:17px 20px; color:#333333; border-top:1px solid #ffffff; transition:background 0.3s; text-align:right;}
.user-menu a:hover {background:#E0E0E0; text-decoration:none;}
.user-menu a.user-logout {padding:17px 60px 17px 10px;}
.user-menu a.user-logout:after {content:""; width:60px; height:60px; position:absolute; right:0; top:0; background-position:-120px -20px;}

/* -------- Header ------------*/
#header {display:table-row; position:relative; background-color:#333333; height:1px; font-family:'Oxygen', sans-serif;}
  #header .content-inner {/*max-width:1148px;*/max-width:1400px; padding:58px 0 30px 0;}
  #logo {display:block; position:relative; margin:0 20px 25px 20px;}
    #logo img {width:100%; height:auto; max-width:375px;}
  #phone {display:inline-block; margin-left:20px; height:52px; line-height:52px; padding-left:60px; background:url(../images/icon-phone.png) no-repeat left center; text-decoration:none; color:#ffffff; font-size:50px; font-weight:700;}
  #header-info {display:block; clear:both; float:right; text-align:right;  margin:0 20px 0 40px;}
    #button-finance {display:inline-block; border:1px solid #fffb6e; line-height:24px; font-size:16px; font-weight:300; padding:4px 16px; color:#ffffff; text-transform:uppercase; text-decoration:none;}
      #button-finance:hover {border:1px solid #fffb6e !important; background-color:rgba(255,251,110,0.06);}
    #header-info p {color:#666666; font-size:14px; line-height:21px; margin:10px 0;}
    #facebook {display:inline-block; vertical-align:top; margin:0 10px;}
    #facebook:hover {opacity:0.8;}

.button {-webkit-appearance:none; -moz-appearance:none; border-radius:0; border-style:solid; border-width:0; cursor:pointer; font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-weight:normal; line-height:normal; margin:0 0 1.25rem; position:relative; text-align:center; text-decoration:none; display:inline-block; padding:1rem 2rem 1.0625rem 2rem; font-size:1rem; background-color:#008CBA; border-color:#007095; color:#fff; transition:background-color 300ms ease-out;}    
.button:hover {background-color:#007095; text-decoration:none;}
#header-info .button-finance, #header-info .button-private {font-size:12px; padding:5px 10px 5px 36px; line-height:24px; margin:0 0 5px 10px; border-radius:18px; text-align:left;}
#header-info .button-finance i {font-size:16px; width:22px; height:22px; line-height:22px;}
#header-info .button-private i {font-size:23px; width:22px; height:22px; line-height:22px;}
.button-finance i, .button-private i {display:block; position:absolute; left:0; font-size:18px; margin:-2px 0 0 5px; line-height:24px; border:2px solid #ffffff; border-radius:100px; width:24px; height:24px; text-align:center; box-sizing:content-box;}
.button-finance i:before {line-height:inherit;}
.button-private:before {line-height:0;}
.button-finance, .button-private {text-transform:uppercase; font-weight:700; text-align:center; font-family: 'Oxygen', Arial, Helvetica, sans-serif; line-height:26px; border-radius:100px; padding:16px;}

/* -------- Nav First Level ------------*/
.show-for-medium-down {display:none !important;}
#nav {position:absolute; right:20px; top:58px; height:51px; z-index:100; background-color:#D42B2B;}
#nav ul {position:relative; max-width:1300px; list-style:none; white-space: nowrap; font-size:0; padding:0; margin:0; text-align:right;}
#nav ul li {position:relative; display:inline-block; *display:inline; *zoom: 1;  text-align:left; margin:0;}
#nav ul li a {display:block; padding:0 16px; margin:0; color:#ffffff; text-decoration:none; font-size:18px; font-weight:700; height:50px; line-height:50px; white-space:no-wrap;}
#nav > ul > li > a:hover {color:#FFFB6E;}
#nav > ul > li.sub:hover:after {content:""; display:block; position:absolute; bottom:0; left:50%; margin-left:-8px; width:0; height:0; border:8px solid transparent; border-bottom:8px solid #292929; }
/* Sub Buttons */
.sub-button { display:none; position:absolute; width:50px; height:50px; top:0; right:0; background-color:#292929; cursor:pointer;}
.sub-button:after {content:""; display:block; position:absolute; top:22px; left:17px; width:0; height:0; border:8px solid transparent; border-top:8px solid #ffffff;}
.sub-open .sub-button:after {top:13px; border:8px solid transparent; border-bottom:8px solid #ffffff;}
.sub-button:hover {background-color:#D82B2B;}
  /* -------- Nav Menu Button and Icon------------*/
#nav ul li.menu {display:none;}
#nav ul li.menu a .menu-icon {box-sizing:content-box; color:inherit; display:inline-block; margin-right:10px; border-top:3px solid currentColor; border-bottom:3px solid currentColor; width:24px; height:11px;}
#nav ul li.menu a .menu-icon:before {content:""; display:block; border-top:3px solid currentColor; margin-top:4px;}
/* -------- Nav Second Level ------------*/
#nav > ul > li > ul {display:none; position:absolute; top:50px; left:0; width:auto; min-width:190px; background-color:#292929; border-radius:10px; overflow:hidden;}
#nav > ul > li:last-child > ul {left:auto; right:0;}
#nav ul li:hover ul {display:table;}
#nav ul li ul li {display:relative; display:block; border-bottom:1px solid #343434; }
#nav ul li ul li a {padding-top:0; margin:0; color:#ffffff; font-size:14px;  font-weight:400; line-height:35px; height:35px; background-color:#292929;}
#nav ul li ul li a:hover {color:#FFFB6E;}
/* Sub Buttons */
#nav ul li ul li .sub-button {background-color:#1F1F1F;}
#nav ul li ul li .sub-button:hover {background-color:#D82B2B;}
#nav ul li ul li.sub .sub-button:after {content:""; display:block; position:absolute; top:22px; left:17px; width:0; height:0; border:8px solid transparent; border-top:8px solid #ffffff;}
#nav ul li ul li.sub-open .sub-button:after {top:13px; border:8px solid transparent; border-bottom:8px solid #ffffff;}
/* -------- Nav Third Level------------*/
#nav ul li ul li ul {position:relative; display:block; background-color:#1F1F1F; border-left:10px solid #292929; min-width:auto; }
#nav ul li:hover ul li ul{display:block;}
#nav ul li ul li ul li {border-bottom:1px solid #292929;}
#nav ul li ul li ul li:last-child {border-bottom:none;}
#nav ul li ul li ul li a{background-color:#1F1F1F;}

/* -------- Content ------------*/
#content {display:table-row; position:relative;}
.content-inner {position:relative; max-width:1200px; margin:0 auto; box-sizing:border-box;}
.content-two {display:table; table-layout:fixed; width:100%; box-sizing:border-box; margin:40px 0;}
.content-cell {position:relative; display:table-cell; vertical-align:top;}
.col-1 {padding-right:20px;}
.col-2 {padding-left:20px;}

.clear {clear:both;}
iframe {max-width:100%;}
img {max-width:100%; height:auto; vertical-align:top;}
.hidden.hidden.hidden {display: none;}

/* -------- Buttons ------------*/
.btn {position:relative; display:inline-block; vertical-align:middle; background-color:#00A7E2; color:#ffffff; font-family:'Source Sans Pro', sans-serif; font-size:14px; font-weight:600; line-height:24px; text-align:center; text-decoration:none; text-transform:uppercase; padding:13px 50px; margin:16px 4px; transition:background-color 0.3s; border:none; border-radius:25px; letter-spacing:0.04em; min-width:164px; box-sizing:border-box; cursor:pointer;}
.btn:hover {background-color:#009BD1; color:#ffffff; text-decoration:none;}

.btn.btn2 {background-color:#999999;}
.btn.btn2:hover {background-color:#8C8C8C;}

.btn-text {position:relative; display:inline-block; vertical-align:middle; color:#333333; font-size:14px; font-weight:600; line-height:24px; text-transform:uppercase; letter-spacing:0.04em; margin:16px 4px;}

.btn-next, .btn-back, .btn-save, .btn-add, .btn-cancel {position:relative; display:inline-block; vertical-align:top; background:none; border:none; padding:13px 60px 13px 16px; margin:6px 0; cursor:pointer; font-family:'Source Sans Pro', sans-serif; font-size:14px; font-weight:600; line-height:24px; color:#666666; text-decoration:none; text-transform:uppercase; letter-spacing:0.04em;}
.btn-next:after, .btn-back:after, .btn-save:after, .btn-add:after, .btn-cancel:after {content:""; display:block; position:absolute; right:0; top:0; width:50px; height:50px; border-radius:25px; background-color:#D82B2B; background-position:-123px -125px; transition:background-color 0.3s;}
.btn-next:hover:after, .btn-back:hover:after, .btn-save:hover:after, .btn-add:hover:after, .btn-cancel:hover:after {background-color:#C62828;}
.btn-next:hover, .btn-back:hover, .btn-save:hover, .btn-add:hover, .btn-cancel:hover {text-decoration:none;}

.btn-back {padding:13px 16px 13px 60px; float:left;}
.btn-back:after {left:0; right:auto; background-position:-27px -125px;}

.btn-save:after {background-position:-425px -125px;}

.btn-add:after {background-position:-525px -125px;}

.btn-cancel:after {background-position:-425px -425px;}

.btn-terms {position:relative; display:inline-block; vertical-align:top; font-weight:600; color:#666666; padding:0 40px 0 0;}
.btn-terms:after {content:""; display:block; width:32px; height:32px; position:absolute; right:0; top:50%; margin-top:-16px; background-position:-534px -34px;}
.btn-terms:hover {color:#00A7E2; text-decoration:none;}
.btn-terms:hover:after {background-position:-434px -34px;}

.btn.btn-payment {margin:5px 0; padding:13px 50px 13px 30px; background-color:#D82B2B;}
.btn.btn-payment:hover {background-color:#C62828;}
.btn.btn-payment:after {content:""; display:block; width:50px; height:50px; position:absolute; right:0; top:0; background-position:-225px -425px;}

.listing-buttons a, .listing-buttons button, .ad-buttons a, .ad-buttons button {cursor:pointer; display:inline-block; vertical-align:top; width:60px; height:60px; border:none; padding:0; margin:0 0 0 2px; background-color:rgba(214,214,214,0.5);}
.listing-buttons a:hover, .listing-buttons button:hover {background-color:rgba(214,214,214,0.7);}
.btn-view-payment {background-position:-220px -220px;}
.btn-view-changes {background-position:-20px -520px;}
.btn-view {background-position:-320px -220px;}
.btn-edit {background-position:-420px -220px;}
.btn-remove {background-position:-520px -220px;}

/* -------- Modals ------------*/
.overlay {position:fixed; left:100%; right:0; top:0; bottom:0; background:rgba(51,51,51,0); transition:background 0.5s, left 0s 0.5s; z-index:100;}
.overlay.open {left:0; background:rgba(51,51,51,0.8); transition:background 0.5s, left 0s; overflow-y:auto; overflow-x:hidden; min-width:320px;}
.modal-box {position:relative; background:#ffffff; margin:0 auto 40px auto; text-align:left; overflow:hidden; box-shadow:2px 2px 4px rgba(0,0,0,0.5); max-width:600px; opacity:0; transition:all 0.5s;}
.overlay.open .modal-box {margin:40px auto; opacity:1;}
.close {opacity:0.8; width:30px; height:30px; cursor:pointer; position:absolute; right:0; top:0; margin:25px; z-index:10; background-position:-435px -335px;}
.close:hover {opacity:1;}
.modal-title {background:#333333; border-left:12px solid #D82B2B; padding:23px 20px; font-size:24px; line-height:34px; font-weight:700; color:#ffffff; text-transform:uppercase;}
.modal-inner {padding:20px;}
.modal-box .fieldwrap_type_submit {position:relative; overflow:hidden; background:#EBEBEB; padding:10px 20px; margin:0; text-align:right;}
 
.messages {position:absolute; right:0; top:80px; margin:20px; z-index:110;}
.messages > div {position:relative; padding:16px 50px 16px 16px; background:#f9dddd; margin-bottom:10px; border:1px solid rgba(0,0,0,0.16); color:#9c3939;}
.messages div.success {background:#dff0d8; color:#3c763d;}
.messages .close {margin:13px 0; background-size:300px auto; background-position:-262px -162px;}

/* -------- Banner ------------*/
.banner {position:absolute; left:0; right:0; padding-bottom:420px; background:url(../images/banner-login.jpg) no-repeat center; background-size:cover;}

/* -------- Login ------------*/
.login-box {position:relative; text-align:center; margin:80px auto; background:#F9F9F9;}
.login-box > div > h6:before {content:""; display:block; width:60px; height:60px; margin:0 auto 10px auto; background-position:-20px -20px;}
.login-box h6, .login-box h2 {margin:0 20px;}
.login-box .fieldwrap_type_input {margin:16px 20px;}
.login-form, .register-form {display:none;}
.login-form.form-open {display:table; box-sizing: border-box;}
.login-form.form-open > div {display:table-cell; width: 33%; box-sizing: border-box;}
.register-form.form-open {display:block;}
.login-box .fieldwrap_type_submit {background:rgba(51,51,51,0.05); padding:20px; margin-bottom: 0;}
.private-sellers {display:table-cell; width: 66%; background-color: rgba(45,45,45,0.8); padding: 5px 20px; vertical-align: middle; box-sizing: border-box;}
.private-sellers h4, .private-sellers p {color: #FFFFFF;}
.private-sellers img {max-width: 300px; height: auto;}

/* -------- Thanks Box ------------*/
.thanks-box {position:relative; max-width:450px; text-align:center; margin:80px auto; background:#F9F9F9;}
.thanks-box .content-padding:before {content:""; display:block; padding-bottom:50%; margin:0 auto 10px auto; background-image:url(../images/thankyou.png); background-image:url(../images/thankyou.svg), linear-gradient(transaprent, transparent), none; background-size:cover;}
.content-padding {position:relative; max-width:260px; margin:0 auto; padding:20px;}
.content-padding * {margin:0;}
.content-padding h1 {font-size:56px; line-height:1; text-transform:uppercase;}
.content-padding h1 span {font-size:98px;}
.login-box .fieldwrap_type_input {margin:16px 20px;}

.thanks-box .fieldwrap_type_submit {background:rgba(51,51,51,0.05); padding:20px;}

/* -------- Content Box ------------*/
.content-box {margin:80px auto; max-width:1200px; background:#F9F9F9;}
.content-header {background:#333333; margin:0 0 3% 0;}
.no-padding .content-header {margin:0;}
.content-header span {display:inline-block; vertical-align:top; min-width:320px; background:#D82B2B; padding:23px 20px; box-sizing:border-box; font-size:24px; line-height:34px; font-weight:700;  color:#ffffff; text-transform:uppercase;}
.content-box .content-inner {max-width:1000px; padding:0 20px;}
.content-box .content-inner.content-small {max-width:500px; padding:0 20px;}

/* -------- Add / Edit Listing ------------*/
.progress-bar {position:relative; max-width:1200px; font-size:0; box-sizing:border-box; padding:0 40px; margin:30px auto -50px auto;}
.progress-point {display:inline-block; vertical-align:top; width:33%; text-align:right; background-image:url(../images/progress-dots.png); background-image:url(../images/progress-dots.svg), linear-gradient(transparent, transparent), none; background-position:center;}
.progress-point.active {background-image:url(../images/progress-dots2.png); background-image:url(../images/progress-dots2.svg), linear-gradient(transparent, transparent), none;}
.progress-point:first-child {width:0;}
.progress-point:after {content:""; position:relative; display:inline-block; vertical-align:top; width:20px; height:20px; margin:0 -10px; border-radius:10px; background:#999999; box-shadow:0 0 1px 2px #ffffff;}
.progress-point.active:after {background:#D82B2B;}

.form-double {font-size:0;}
.form-double .fieldwrap {display:inline-block; vertical-align:top; width:50%; padding:0 16px 0 0; box-sizing:border-box;}
.form-double .fieldwrap:nth-child(even) {padding:0 0 0 16px;}
.content-box .fieldwrap_type_submit {background:rgba(51,51,51,0.05); padding:14px 20px; margin:8% 0 0 0; text-align:right; position:relative; overflow:hidden;}

/* -------- Image Boxes ------------*/
.image-box {position:relative; cursor:pointer; display:inline-block; vertical-align:top; width:126px; height:126px; padding:30px 10px; box-sizing:border-box; margin:14px 14px 0 0; font-size:24px; line-height:28px; font-weight:900; color:#ffffff; text-transform:uppercase; text-align:center; background-color:#999999; background-size:cover; background-position:center; transition:background-color 0.5s;}
.btn-image {content:""; display:block; width:30px; height:30px; border-radius:15px; background-color:#333333; background-position:-35px -335px; position:absolute; right:0; top:0; margin:-5px; transition:background-color 0.5s;}
.add-image .btn-image {background-color:#00A7E2; background-position:-135px -335px;}
.add-image:hover .btn-image {background-color:#009BD1;}
.add-vin-image {background-color:#5C5C5C;}
.image-box:hover {background-color:#858585;}
.image-box.add-vin-image:hover {background-color:#474747;}
.remove-image:before {content:"Make Primary"; display:block; width:126px; height:126px; padding:30px 10px; box-sizing:border-box; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); color:rgba(255,255,255,0.8); opacity:0; transition:opacity 0.5s;}
.remove-image:hover:before {opacity:1;}
.remove-image:hover:after {background-color:#000000;}
.primary-image:before {content:""; background:none; opacity:1; border:4px solid #D82B2B;}
.image-note {display:inline-block; vertical-align:top; height:126px; box-sizing:border-box; background:rgba(51,51,51,0.05); padding:3px 20px; margin:16px 16px 0 0; max-width:406px;}

/* -------- Packages ------------*/
.packages {background:#EBEBEB; padding:20px; margin:16px 0; text-align:center; font-size:0;}
.packages hr {border-color:#ffffff;}
.packages .radio {display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; padding:0 10px; margin:16px 0;}
.packages .radio input[type="radio"] + label {position:relative; overflow:hidden; cursor:pointer; background:#ffffff; height:120px; border-radius:60px; line-height:1.2; box-sizing:border-box; margin:0; padding:13px 107px 13px 120px;}
.package-price {display:block; width:94px; height:94px; border-radius:47px; background:#999999; position:absolute; left:0; top:0; margin:13px; font-size:30px; line-height:94px; font-weight:700; color:#ffffff; text-align:center;}
.package-title {display:block; font-size:24px; border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-top:12px;}
.package-subtitle {display:block; padding-top:5px;}
.packages .radio input[type="radio"] + label:before {display:none;}
.packages .radio input[type="radio"] + label:after {content:""; position:absolute; width:60px; height:60px; right:0; top:0; margin:26px; border:2px solid #999999; border-radius:34px; background-position:-520px -320px;}
.packages .radio input[type="radio"]:checked + label:after {border-color:#00A7E2; background-position:-320px -320px;}
.packages .radio input[type="radio"]:checked + label .package-price {background:#00A7E2;}
.packages .radio input[type="radio"]:checked + label .package-title {color:#00A7E2;}
.packages .radio input[type="radio"]:disabled + label {cursor:auto;}

/* -------- Listings ------------*/
.listings {display:table; width:100%; border-spacing:0 2px;}
.listing {display:table-row;}
.listing:nth-child(odd) {background-color:#EBEBEB;}
.listing > div {display:table-cell; vertical-align:top; font-size:16px; line-height:26px; font-weight:400; padding:17px 13px;}
.listing > div.listing-stock {width:20%;}
.listing > div.listing-name {width:auto; border-left:2px solid #ffffff;}
.listing > div.listing-status {width:240px; border-left:2px solid #ffffff;}
.listing > div.listing-buttons {width:312px; text-align:right; padding:0; font-size:0;}

.listing-status a {color:#666666;}
.status-pending, .status-approved {position:relative; display:inline-block; vertical-align:top; padding-left:40px; color:#666666;}
.status-pending:before, .status-approved:before {content:""; position:absolute; display:block; width:30px; height:30px; border-radius:15px; box-sizing:border-box; border:1px solid #333333; left:0; top:50%; margin-top:-15px; background-position:-36px -436px;}
.status-approved:before {border-color:transparent; background-position:-236px -536px; background-color:#00A7E2;}

/* -------- Advertisers ------------*/
.ads {display:table; width:100%; border-spacing:0 2px;}
.ad {display:table-row;}
.ad:nth-child(odd) {background-color:#EBEBEB;}
.ad > div {display:table-cell; vertical-align:top; font-size:16px; line-height:26px; font-weight:400; padding:17px 13px;}
.ad > div.ad-company {width:20%;}
.ad > div.ad-name {width:auto; border-left:2px solid #ffffff;}
.ad > div.ad-email {width:auto; border-left:2px solid #ffffff; word-wrap:break-word;}
.ad > div.ad-phone {width:auto; border-left:2px solid #ffffff;}
.ad > div.ad-address {width:140px; border-left:2px solid #ffffff;}
.ad > div.ad-buttons {width:124px; text-align:right; padding:0; font-size:0;}

/* -------- Filters / Search ------------*/
.search {position:relative; background:#D6D6D6; margin-top:2px; padding:7px; border-left:60px solid #C2C2C2;}
.btn-search {content:""; display:block; width:60px; height:60px; position:absolute; left:-60px; top:0; background-position:-120px -220px;}
.search .fieldwrap {display:inline-block; vertical-align:top; margin:0;}
.search .checkbox {display:inline-block; vertical-align:top;}
.search button {position:absolute; right:0; top:0; width:46px; height:46px; border:none; padding:0; margin:0; background-color:transparent; background-position:-127px -227px; opacity:0.5; cursor:pointer;}
.search .fieldwrap_type_input input {max-width:140px;}
.search .fieldwrap_type_date input {max-width:140px;}
.search .fieldwrap_type_submit {display:inline-block; vertical-align:top; padding:0; background:none;}
.search .fieldwrap_type_submit input[type="submit"] {display:block; width:46px; height:46px; min-width:0; padding:0; margin:0; background-color:#D82B2B; background-position:-125px -127px;}
.search .fieldwrap_type_submit input[type="submit"]:hover {background-color:#C62828;}

/* -------- Footer ------------*/
#footer {display:table-row; height:1px; background-color:#333333; color:#ffffff;}
#footer  .content-inner {max-width:1388px; padding:0 20px; box-sizing:border-box;}
  
  #footer-logo {position:absolute; right:40px; top:122px;}
  #footer-logo img{display:block;}
  #website {position:absolute; right:38px; top:165px; font-size:10px; line-height:19px; color:#ffffff;}
    #website a {display:inline-block; vertical-align:middle;}
    #website a:hover {opacity:0.8;}
  
  #footer-info {padding-top:60px;}
  #footer-find {display:block; float:left; width:58px; text-align:center; line-height:16px; font-weight:700; font-size:16px; padding-top:64px; margin-right:20px; background:url(../images/icon-find.png) no-repeat center top; text-decoration:none; color:#D82B2B;}
    #footer-find:hover {opacity:0.8;}
  
  #footer-address {float:left; font-size:16px; line-height:30px; margin-right:40px; padding-left:20px; color:#ffffff;}
  #footer-address span {color:#FCD461; font-weight:700; text-transform:uppercase;}
  #footer-contact {float:left; font-size:16px; line-height:30px; padding-left:20px; font-weight:700; color:#ffffff;}
    #footer-phone{display:block; line-height:45px; padding-left:44px; text-decoration:none; color:#FCD461; font-weight:700; background:url(../images/icon-footer-phone.png) no-repeat left center;}
    #footer-email {display:block; line-height:45px; padding-left:44px; text-decoration:none; color:#FCD461; font-weight:700; background:url(../images/icon-footer-email.png) no-repeat left center; text-transform:uppercase;}
    #footer-email:hover, #footer-phone:hover {opacity:0.8;}
  #footer-social {clear:both; font-size:21px; color:#ffffff;}
    #footer-social a:hover {opacity:0.8;}
    #footer-social img {vertical-align:middle;}
  
  #footer-bottom {position:relative; line-height:37px; background-color:#D82B2B; color:#ffffff; font-size:16px; font-weight:400; margin-top:30px;}

/* -------- Dealer Assist CTA ------------*/
.da-cta-container {display: table; max-width: 1600px; margin: 0 auto 80px; box-sizing: border-box;}
.da-cta-image {background-image: url(https://www.westerntraders87.com.au/fileadmin/html_templates/wt87/media/img/listing_dealer_assist.png); background-size: cover; background-position: left center; background-repeat: no-repeat; width:50%; min-height: 175px; box-sizing: border-box; display: table-cell; box-sizing: border-box;}
.da-cta {background-color: #eeeeee; padding: 20px 40px; width: 50%; box-sizing: border-box; display: table-cell; box-sizing: border-box;}
.da-cta-button{box-sizing: border-box;-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-style:solid;border-width:0;cursor:pointer;font-weight:400;line-height:normal;margin:0 0 1.25rem;position:relative;text-align:center;text-decoration:none;display:inline-block;padding:.875rem 1.75rem .9375rem;font-size:.8125rem;background-color:#008CBA;border-color:#007095;color:#fff;transition:background-color 300ms ease-out box-sizing: border-box;}
.da-cta a {width:100%;}


/* -------- Media Queries ------------*/
@media screen and (max-width:1280px) {
  /* -------- Header ------------*/
  #header .content-inner {padding-top:70px;}
  #nav {left:0; right:0; top:0; border-bottom:1px solid #404040; background-color: transparent;}
  #nav ul.menu-closed {height:50px; overflow:hidden; background-color:#333333;}
  #nav ul.menu-open {height:auto;}  
  #nav ul li{display:block; border-bottom:1px solid #404040; background-color:#333333;}
  #nav > ul > li.sub:hover:after {display:none;}
  #nav ul li:hover ul {display:none;}
  #nav ul li.menu {display:block;}
  #nav ul li.sub ul{display:none;}
  #nav ul li.sub-open ul{display:block;}
  #nav ul li ul {position:relative; top:auto; left:auto; width:auto; border-radius:0; overflow:visible;}
  #nav ul li ul li a{height:50px; line-height:50px;}
  #nav ul li ul li.sub ul {display:none;}
  #nav ul li ul li.sub-open ul {display:block;}
  .sub-button { display:block;}
}

@media screen and (max-width:1200px) {
  /* -------- Content ------------*/
  .content-header span {padding:16px 20px; font-size:18px; line-height:28px;}
}

@media screen and (max-width:1100px) {
  /* -------- Header ------------*/ 
  #header {text-align:center;}
  #phone {height:30px; line-height:30px; padding-left:40px; background-size:contain; font-size:32px;}
  #logo {margin-bottom:10px;}
  #header-info {margin:10px 20px 0 20px; float:none; text-align:center;}
  #facebook {display:none;}
  #header-info p {font-size:12px;}
  #header-info p span {height:0; overflow:hidden; display:block;}
  #button-finance {font-size:12px; line-height:16px;}
  /* -------- Footer ------------*/ 
  #footer .content-inner {text-align:center;}
  #footer-logo {position:relative; right:auto; top:auto; padding:20px; display:block; margin:0 auto;}
  #footer-logo img{display:inline;}
  #website {position:relative; right:auto; top:auto;}
  #footer-social {margin:0;}
  #footer-social a {display:inline-block; margin:10px;}
  #footer-social span {display:none;}
  #footer-info {margin:0; padding:0;}
  #footer-find {display:block; float:none; margin:0 auto;}
  #footer-address {display:block; float:none; padding:0; margin:0;}
  #footer-contact {display:inline-block; float:none; padding:0;}
  #footer-contact a{float:left; margin:0 10px;}
}

@media screen and (max-width:960px) {
  /* -------- Packages ------------*/
  .packages {padding:20px 10px;}
  .packages .radio {min-width:320px; margin:5px 0;}
  .packages .radio input[type="radio"] + label {height:100px; padding:13px 74px 13px 96px;}
  .package-price {width:80px; height:80px; margin:10px; font-size:24px; line-height:80px;}
  .package-title {font-size:16px; font-weight:400;}
  .package-subtitle {font-size:14px; line-height:20px;}
  .packages .radio input[type="radio"] + label:after {width:40px; height:40px; margin:26px; background-size:400px auto; background-position:-346px -213px;}
  .packages .radio input[type="radio"]:checked + label:after {border-color:#00A7E2; background-position:-213px -213px;}  
}

@media screen and (max-width:940px) {
  #footer  .content-inner {padding:0 20px;}
}

@media only screen and (max-width: 950px) {
	/* -- Dealer Assist CTA --*/
	.da-cta-image, .da-cta {width: 100%; display: block;}
}

@media screen and (max-width:800px) {
  /* -------- Listings ------------*/
  .listings {display:block; width:auto; border-spacing:0;}
  .listing {display:block; margin-top:2px; font-size:0; position:relative; overflow:hidden;}
  .listing > div {display:block; box-sizing:border-box;}
  .listing > div.listing-stock {width:auto; padding:5px 13px; background:rgba(214,214,214,0.5); border-left:12px solid #333333;}
  .listing > div.listing-name {width:auto; border-left:none; border-bottom:1px solid rgba(214,214,214,0.5);}
  .listing > div.listing-status {display:inline-block; width:auto; border-left:none;}
  .listing > div.listing-buttons {display:inline-block; width:auto; float:right;}
  /* -------- Advertisers ------------*/
  .ads {display:block; width:auto; border-spacing:0;}
  .ad {display:block; margin-top:2px; font-size:0; position:relative; overflow:hidden;}
  .ad > div {display:inline-block; box-sizing:border-box;}
  .ad > div.ad-co {width:50%; background:rgba(214,214,214,0.5);}
  .ad > div.ad-name {width:50%; background:rgba(214,214,214,0.5); border-left:1px solid rgba(214,214,214,0.5);}
  .ad > div.ad-email {border-left:none;}
  .ad > div.ad-phone {border-left:1px solid rgba(214,214,214,0.5);}
  .ad > div.ad-address {display:block;width:auto; border-left:none; border-top:1px solid rgba(214,214,214,0.5);}
  .ad > div.ad-buttons {display:block; width:auto;}
  /* -------- Login ------------*/
  .login-form.form-open > div, .private-sellers {display:block; width: 100%;}
}

@media screen and (max-width:600px) {
  /* -------- Header ------------*/
  .header-user span {font-size:0; color:transparent;}
  .header-user span:before {margin:0;}
  /* -------- Banner ------------*/
  .banner {padding-bottom:120px;}
  /* -------- Add / Edit Listing ------------*/
  .form-double .fieldwrap {display:block; width:auto; padding:0;}
  .form-double .fieldwrap:nth-child(even) {padding:0;}
  .content-box .fieldwrap_type_submit {padding:14px;}
  /* -------- Image Box ------------*/
  .image-note {display:block; height:auto; max-width:none;}
  /* -------- Packages ------------*/
  .packages {margin:16px -20px; padding:20px 0;}
  /* -------- Search ------------*/
  .search {font-size:0;}
  .search .checkbox {width:50%; margin:0;}
  .checkbox input[type="checkbox"] + label, .radio input[type="radio"] + label {position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:48px;}
  .search .fieldwrap_type_group .fieldwrap_type_date {width:50%; box-sizing:border-box; padding-right:10px;}
  .search .fieldwrap_type_submit {padding:0 0 0 2px;}
}


.email-verification {max-width: 500px;}
.email-verification .login-form.form-open {display: block;}