/**************** GENERAL ******************/


.split2 {
       color: #444
   }
.splitgreen {
  color: green;
}

#section-site-map .split2 {
       color: #fff
   }

.editable-form{
    /*position: absolute !important;*/
    top: 100px;
 }

.editable-form input[type="text"]{
    color: #000000 !important;
}

.editable-form textarea{
    line-height: 1.6 !important;
}

html {
  overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #444;
}

h1{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 36px;
  padding: 0;
  margin: 0;
  color:#cc3333;
}

h2 {
  text-transform: uppercase;
  margin:0;
  padding:15px 0;
}

h3 {
  text-transform: uppercase;
  color:#cc3333;
  font-size: 16px;
  margin:0;
  padding:15px 0 14px 0;
}

h4 {
  padding:0;
  margin: 0;
  color:#cc3333;
  padding: 0 0 15px;
}

h6 {
  padding: 0 0 15px;
  margin:0;
  font-size: 14px
}

p {
  margin:0 0 15px;
  line-height:1.6
}

a {
  color:#cc3333;
  text-decoration:none;
}

.site-container {
  max-width:1200px;
  margin: 100px auto 0 auto;
  padding: 30px 0 30px 0;
  box-sizing:border-box;
}

body#home:not(.dealTank) .innerAuctionsContainer div.heartCtr span.heartImage, .innerAuctionsContainer div.heartCtr span.heartBg {
  top: 10px;
}

/*.innerAuctionsContainer .time-tags-cats {*/
/*  position: static;*/
/*  padding-left: 0;*/
/*  padding-top: 0;*/
/*}*/

.innerAuctionsContainer .comments {
  float: left;
  text-align: left;
}

a.anchor{
  display: block;
  position: relative;
  top: -69px;
  visibility: hidden;
}

.page-container {padding-top: 70px}
section#footer .site-container {
  margin-top: 0;
}

.btn-dark-gray{
  background-color: #444!important;
}

.btn-dark-gray:hover{
  background-color: #777!important;
}

.btn-green{
  background-color: #339933!important;
}

.btn-green:hover{
  text-decoration: underline!important;
}

/**************** COLUMNS ******************/


.column-one-third {
  width:30%;
  float:left;
  padding-left:30px;
  box-sizing:border-box;

}

.column-one-third-left {
  width:30%;
  float:left;
  padding-right:50px;
  box-sizing:border-box;
}

.column-two-thirds {
  width:70%;
  float:left;
  box-sizing:border-box;
  padding-right: 30px;
  /*border-right:1px solid #ccc;*/
}

.column-two-thirds:only-child {
  padding-right: 0;
}

.column-two-thirds-right {
  width:70%;
  float:left;
  box-sizing:border-box;
  padding-left:50px;
  border-left:1px solid #ccc;
}

.column-one-half {
  width:50%;
  float:left;
  box-sizing:border-box;
  padding-right: 50px;
}

.column-one-sixth {
  width: 16.666666666%;
  float: left;
  box-sizing: border-box;
  padding-right: 50px;
}
.column-one-fifth {
  width: 20%;
  float: left;
  box-sizing: border-box;
  padding-right: 50px;
}
.column-one-quarter {
  width:25%;
  float:left;
  box-sizing:border-box;
  padding-right:2.5%;
}


/**************** HEADER ******************/

header {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

.site-header {
  position: fixed;
  z-index:100;
  background: white;
  width: 100%;
}

.header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing:border-box;
  /*height: 100%;*/
  width: 100%
}

.menu-burger {
  display: none;
  position: absolute;
  left: 10px;
  font-size: 25px;
  top: 4px;
  color: #FFF;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #left-menu {
    display: none;
  }
  #left-menu li {
    display: none;
  }
  .menu-burger {
    display: inline;
  }
  .header-container {
    padding: 0 7px;
  }
  .slicknav_nav img {
    display: none;
  }
  .slicknav_menu {
    padding: 0;
  }
  .slicknav_menutxt {
    display: none !important;
  }
  .slicknav_btn {
    margin: 0;
    padding-left: 0;
    background-color: transparent;
    position: absolute;
  }
  .slicknav_nav {
    padding: 10px 0;
    background-color: #444;
    margin-top: 28px;
    margin-left: -10px;
  }
  .slicknav_nav #menu li a {
    padding-left: 0 !important;
  }
  a.slicknav_item {
    padding-left: 0 !important;
  }
  .slicknav_nav li {
    width: 100% !important;
    text-align: left !important;
  }
  .slicknav_menu .search {
    display: none;
  }
  /*.search .fa {*/
  /*  color: #FFF;*/
  /*}*/
  #section-site-map {
    padding: 0 14px;
  }

  a#searchButton {
    position: static !important;
  }
  .header-container h1 {
    margin: 25px auto !important;
  }
}

.header-container h1 {
  display: block;
  margin: 25px 0 25px 0;
}

header .header-container h1 img {
  height: 55px;
}

header {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

header .site-header {
  position: absolute;
}

header.shrink .site-header {
  position: fixed;
}

header.shrink #menu-container {
  width: 100%;
  border-radius: 0;
  max-width: 100%;
}

header.shrink .header-container {
  display: none;
}

#left-menu img {
  height: 100%;
  display: none;
}

header.shrink #left-menu {
  height: 46px;
  display: flex;
  align-items: center;
}

header.shrink #right-menu {
  padding-top: 7px;
}

header.shrink #left-menu img {
  display: inline;
  height: 25px;
  margin-top: 0;
  margin-right: 12px;
}

header.shrink .header-container h1 img {
  height: 40px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
header .header-container h1 img {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

header.shrink .header-container h1 {
  margin: 5px 0 5px 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
header .header-container h1 {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

.mobile-fav {
  display: none;
  height: 40px;
  margin-right: 4px;
  margin-top: -3px;
}

header.shrink div#menu {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
header div#menu {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

header.shrink ul#jsddm > li {
    /*margin-top: 4px;*/
}

header.shrink #jsddm li ul {
  top: 31px;
}

header {
  z-index: 999999999;
  position: relative;
}

header.shrink div#menu div#right-menu ul {
  margin-top: -7px;
}

ul#jsddm a:focus, ul#jsddm a:hover {
  text-decoration: none;
}
header.shrink #right-menu .search {
  padding-top: 1px;
}

#menu-container {
  background: #444!important;
  max-width: 1200px;
  margin: auto;
  border-radius: 5px;
  border-top-right-radius: 0;
}

@media screen and (max-width: 1200px) {
  #menu-container {
    border-radius: 0;
  }
}

@media screen and (max-width: 1230px) {
  #blog-post-title-buttons {
    margin-top: 5px !important;
  }
}

@media only screen and (min-width: 768px) {
  ul#jsddm li#-categories- {
    display: none;
  }
}

#menu {
  display: block;
  text-align:center;
  position:relative;
  max-width: 1200px;
  margin: 0 auto;
  height: 46px;
}
#menu div#left-menu {
  position: absolute;
  left: 10px;
}


#menu div#left-menu ul {
  list-style: none;
  text-align: center;
  margin-top: 1px;
}

#menu ul.right {
  list-style: none;
  padding:0 0 0 10px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}

#menu li {
  float:left;
  padding: 0 0px;
}

#menu div.welcome {
  color: #444;
  height: 46px;
  padding-top: 17px;
  padding-left: 30px;
  font-weight: bold;
}

#right-menu {
  position: absolute;
  right: 0;
  padding-right: 10px;
  padding-top: 2px;
}

input#searchInput {
  padding: 3px 8px 3px 8px;
  /*display: none;*/
  display: inline;
  border-radius: 5px;
  border: none;
  border-top-right-radius: 0;
  transform: translateY(-1px);
}

/*@media screen and (max-width: 850px) {*/
/*  input#searchInput {*/
/*    width: 80px;*/
/*  }*/
/*}*/

input#searchInput::placeholder {
  color: #ccc;
}
/*input#searchInput.visible {
  display: inline;
}*/

#right-menu ul, #right-menu div.welcome {
  float: left;
}

#right-menu ul {
  padding-left: 0px;
}

#right-menu .search {
  float: left;
  padding: 6px 0 0 0;
}

#menu li.welcome span.name {
  font-weight: bold;
}

#menu li a {
  color:#dcc29a;
  padding:10px 10px;
  transition: background 0.4s;
  border-bottom: 4px solid transparent;
  font-weight: bold;
  vertical-align: bottom;
  /*transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;*/
  /*text-shadow: 1px 1px 2px rgba(38,38,38,0.5), -1px -1px 2px rgba(38,38,38,0.5), -1px 1px 2px rgba(38,38,38,0.5), 1px -1px 2px rgba(38,38,38,0.5);*/
}

@media screen and (max-width: 1000px) {
  #menu li a {
    padding: 10px 6px;
  }
}

header.shrink .header-container #menu li a {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  padding: 0 10px 10px 10px;
}

#menu li a:hover {
  color:#cc3333;
  border-bottom: 4px solid #cc3333
}

#jsddm {
  margin: 0;
  padding: 0;
}


#jsddm li a {
  display: inline-block;
}

#jsddm li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  border-top:4px solid #cc3333;
  margin-top:-4px;
  top: 41px;
}

#jsddm li ul li  {
  float: none;
  display: inline
}

#jsddm li ul li a {
  width: auto;
  background: rgba(0,0,0,1);
  color: white;
  border-bottom: 1px solid #fff;
  font-size: 12px;
  padding: 10px;

  white-space: nowrap;
  width:100%;
}

#jsddm li ul li:last-child a{
  border-bottom: none
}

#jsddm li ul li a:hover  {
  background: #cc3333 !important;
  color:white !important;
  border-bottom: 1px solid white;
}

#jsddm li ul li:last-child a:hover{
  border-bottom: none
}

.menu-mobile-container {display: none}


/**************** SLIDESHOW SECTION ******************/

#section-slideshow {
  padding-top: 70px;

}

.slide-body .caption.header {
  top:10% !important;
}

.img_wrapper{
    /*position: relative;
    padding-top: 75%;
    overflow: hidden;*/
  margin-bottom: 15px;
  margin-top: 15px;
}

.img_wrapper.loaded img{
    opacity: 1;
}

  .img_wrapper img {
    /*position: absolute;
    top: 0;
    width: 100%;
      opacity: 0;
    */
    max-width: 100%;
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    transition: opacity 150ms;
  }

span.pipe:after {
  content: "|";
  padding: 0 5px 0 5px;
}

/**************** BLOG SECTION ******************/


.search-input {
  border:2px solid #ccc;
  border-right: none;
  background: #E6E6E6;
  padding:5px 5px 5px 10px;
  font-style: italic;
  float:left;
  width:80%;
  box-sizing: border-box;
}

.search .fa {
  color:white;
  background: #cc3333;
  font-size: 16px;
  width:32px;
  padding: 7px 0 9px;
  text-align: center;
}

.search {
  padding-bottom: 30px;
}

input:focus {
    outline: none;
}

.recent-posts, .archive, .categories {
  list-style:none;
  font-weight:bold;
  margin:0;/*
  -webkit-padding-start: 0px;
  -moz-padding-start: 0px;
  padding-start: 0px;*/
    padding:0;
  padding-bottom: 30px;
}

.categories {
  padding-bottom: 5px;
}

/*.recent-posts li, */ .archive li /*, .categories li */ {
  padding:16px;
  margin:0 0 10px 0;
}

.recent-posts li {
  padding: 0;
  margin: 0 0 10px 0;
}

.recent-posts li a {
  display: block;
  margin-bottom: 6px;
}

/*.recent-posts li:nth-child(odd),*/ /*.archive li:nth-child(odd),*/ .categories li:nth-child(odd) {
  /*
  background:#E6E6E6;
  border-left: 10px solid #cc3333;
  padding: 5px;
  */
}

/*.recent-posts li:nth-child(even),*/ /*.archive li:nth-child(even),*/ .categories li:nth-child(even) {
  /*
  background:#f2f2f2;
  border-left: 10px solid #e6e6e6;
  padding: 5px;
  */
}

.categories li {
  padding: 0 5px 0 5px;
  margin: 0;
}
.categories li.first {
  margin-top: 8px;
}

.recent-posts li:nth-child(odd) {
  /*background:#E6E6E6;*/
}
.recent-posts li:nth-child(even) {
  /*background:#f2f2f2;*/
}

.recent-posts a, .archive a, .categories a {
  color:#444;
}

.recent-posts a:hover, .archive a:hover, .categories a:hover {
  color:#cc3333;
}

.post {
  border-bottom: 1px solid #ccc;
  margin-bottom:30px;
  padding-bottom:20px;
}

.post:last-child {
  border:none;
  margin-bottom: 0px;
}

.more-posts {
  background:#E6E6E6;
  text-align: center;
  padding:10px;
  transition:0.4s;
}

a .more-posts:hover {
  background: #cc3333;
  color:white;
}

.readmore {
  text-align:right;
  padding-right:10px;
}

.time-tags-cats{
    float:left;
    width: 65%;
}

div.homeRow .time-tags-cats {
  width: 50%;
}

.post h2 {
  padding: 15px 0 8px;
}

.post h2 a {
  color:#444;
}

.post h2 a:hover {
  color:#cc3333;
  text-decoration: none;
}

.text-box{
  margin-top:60px;
  background:#f2f2f2;
  border:10px solid #e6e6e6;;
  position: relative;
  padding:20px;
  box-sizing:border-box;
}

.text-box h4 {
  position:absolute;
  background: #cc3333;
  top:-43px;
  padding:3px 10px;
  left:-10px;
  color:white;
}

.post img, .post span.featured {
  float:left;
  margin:5px 15px 0 0;
  width:136px;
  height: 136px;
}

.tag-tip {
  position: relative;
  float:left;

}
.tag-tip > i {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 20px dotted rgba(0,0,0,0);
  border-left: 20px solid #e6e6e6;
  left: 0px;
  top: 0px;
  transition:0.4s;
}

.tag-body {
  float:left;
  height:40px;
  line-height:40px;
  background:#e6e6e6;
  padding:0 10px;
  transition:0.4s;
}

.tag {
  padding:0 35px 20px 0;
  float:left;
  font-weight:bold
}

a .tag {
  color:#444;
}


.tag:hover .tag-body {
  background:#cc3333;
  color:white;
}

.tag:hover .tag-tip > i {
  border-left: 20px solid #cc3333;
}


/**************** FEATURES SECTION ******************/

#section-features {
  background: #E6E6E6;
}

#section-features h2 {
  border-bottom: 1px solid #ccc;
  text-align: center;
  margin-bottom:20px;
}

#section-features img {
  margin: 0 auto;
  display: block
}

#section-features .column-one-third {
    float:none;
    display: inline-block;
    padding-bottom: 20px;
    vertical-align: top;
    text-align: center;
}

.feature-container {
  padding:30px 0 0;
}

.advert {
  width:73px;
  height:73px;
  margin:0 auto;
  border-radius:50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
  border:3px solid #fff;
  box-shadow: 0px 0px 5px #888;
  -moz-box-shadow: 0px 0px 5px #888;
  -webkit-box-shadow: 0px 0px 5px #888;
  transition:0.4s;
}

.advert:hover {
  border:3px solid  #cc3333;
}

#advert-responsive {
  background:url(img/responsive.png);
  background-position: -7px -7px;
}

#advert-mouse {
  background:url(img/mouse.png);
  background-position: -7px -7px;
}

#advert-control {
  background:url(img/control.png);
  background-position: -7px -7px;
}

#advert-options {
  background:url(img/options.png);
  background-position: -7px -7px;
}

#advert-colors {
  background:url(img/colors.png);
  background-position: -7px -7px;
}

#advert-django {
  background:url(img/django.png);
  background-position: -7px -6px;
}

#section-features a .fa {
  font-size: 28px;
  background:#303030;
  color: white;
  width:73px;
  height:73px;
  vertical-align: middle;
  line-height: 70px;
  border:3px solid #fff;
  box-shadow: 0px 0px 5px #888;
  -moz-box-shadow: 0px 0px 5px #888;
  -webkit-box-shadow: 0px 0px 5px #888;
  border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
  transition: all 0.4s ease 0s
}

#section-features a .fa:hover {
border: 3px solid #cc3333;
}


/**************** PORTFOLIO SECTION ******************/

#section-portfolio h2 {
  border-bottom: 1px solid #ccc;
  margin-bottom:25px;
}

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button{
  display: inline-block;
  padding:5px 10px;
  background: #444;
  border: 0;
  color: white;
  margin: 5px 5px 0 0;
  cursor: pointer;
}

.controls {
  margin-top: -5px;
}

.active{
  background: #cc3333;
}

button:focus{
  outline: 0 none;
}

button + label{
  margin-left: 1em;
}

.container{
  margin-top:3%;
  text-align: left;
  font-size: 0.1px;
  -webkit-backface-visibility: hidden;
}

.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .mix,
.container .gap{
  display: inline-block;
  position:relative;
}

.container .mix{
  text-align: left;
  margin-bottom: 3%;
    margin-right: 2.4%;
  display: none;
  vertical-align: top;
}

.col-4{
  display: inline-block;
  width: 22.5%;
  position:relative;
}

.col-3{
  display: inline-block;
    position:relative;
  width: 30%;
}

.col-2{
  display: inline-block;
  position:relative;
  width: 47.5%;
}

#section-portfolio .container {
    /* on initial page load the height of the portfolio selection
    from the mix it panel sorting js starts at 4px otherwise, until it loads
    its content(then currently 308px).
    This causes the offset().top of the contact section to be calculated
    based on the init 4px on the page load, which means loading that section from another page
    (e.g. resume) or reloading it after form errors, never show the top aligned correctly; it is
    off by the 304px from content off portfolio loading later.
    Try to resolve that by fixing height here. Mix it panel will change this later, but no prob*/
 /*   height:350px; //messes up mediaquery and when add >4 items
    max-height:350px; */
    min-height:350px;
}

#Container img {
  width:100%;
  display: block
}

span.text-content {
  background: #cc3333;
  color: white;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

span.text-content span {
  display:table;
  height:100%;
  width: 100%
}

span.text-content span span {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  color:white;
}

span.text-content span span h3{
  color:white;
  padding-top:0;
  padding-bottom: 0px;
}

span.text-content span span i{
  padding-top: 15px;
  width:22px;
}

span.text-content span span a {
  color:white;
}

.container .mix:hover span.text-content{
  z-index:1;
  opacity: 0.93;
}

span.text-content span span a:hover i{
  font-size:24px;
  padding-top:0px;
  transition: font-size 0.4s;
}

.portfolio-description {
  float:left;
  font-size: initial;
}

.portfolio-description p {
  font-size: 14px;
}

.portfolio-image-container {
  position: relative;
}


/**************** PARALLAX SECTIONS ******************/

#section-parallax {
  height:450px;
  background-attachment: fixed;
  background-size: cover;
    background-repeat: no-repeat;
}

#section-parallax h1 {
  color:white;
  text-shadow: 0px 1px 0px #000;
  padding-bottom: 10px
}

#section-parallax p {
  color:white;
  text-shadow: 0px 1px 0px #000;
  font-weight: bold;
}

.parallax-container {
  display: table;
  height: 100%;
  width: 100%;
  padding: 0 20px;
    max-width: 1000px;
    margin: 0 auto;
}

.parallax-text {
  display: table-cell;
  color:white;
  vertical-align: middle;
  text-align: center;
}


#section-parallax-2 {
  min-height:450px;
  background-attachment: fixed;
  background-size: cover;
    background-repeat:no-repeat;
}

#section-parallax-2 h2 {
  color:white;
  text-align: center;
  text-shadow: 0px 1px 0px #000;
}

#section-parallax-2 h4{
  color:white;
  text-align: center;
  font-weight:bold;
  padding: 0;
  margin: 0;
  text-shadow: 0px 1px 0px #000;
}


/* #section-parallax-2 img:hover{
  background:#cc3333;
} */

.testimonial-container {
  background: white;
  position: relative;
  margin-top:75px;
  text-align: center;
  padding: 50px 15px 15px;
}

#section-parallax-2 .circ-img-wrap{
    /* this wrap is needed to create the effect otherwise
     * cropping occurs on ie and safari, as it curves the border
     * of the padded area not image itself*/
  transition:0.4s;
  position: absolute;
  top:-50px;
  left:50%;
  margin-left:-50px;
  padding:3px;
  background: white;
  width:100px;
    display:inline-block;
  border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

#section-parallax-2 .circ-img-wrap img{
  width:100%;
  border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    vertical-align: middle;
}

#section-parallax-2 .column-one-third{
  padding-left:25px;
  padding-right: 25px;
}

#section-parallax-2 h3 {
  position: relative;
  z-index: 2;
}

.quote {
  font-family: Arial;
  font-size: 140px;
  top:-20px;
  left:-5px;
  position: absolute;
  color:#ddd;
  font-weight: normal;
  z-index: -1;
}


/**************** CONTACT SECTION ******************/

#section-contact {
  background: #E6E6E6;
  line-height: 1.6

}
#section-contact h2 {
border-bottom: 1px solid #ccc;
  margin-bottom:20px;
}

#section-contact .column-two-thirds h3 {
  padding-top:0;
}

#section-contact input {
  display: block;
  border:2px solid #ccc;
  background: #fff; /* #E6E6E6; */
  padding:5px 5px 5px 5px;
  width:100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

#section-contact textarea {
  width:100%;
  max-width:100%;
  border:2px solid #ccc;
  height:100px;
  margin-bottom: 10px;
  padding:5px 5px 5px 5px;
  box-sizing:border-box;
}

#section-contact .send-button {
  border:none;
  cursor: pointer;
  color:white;
  background: #cc3333;
  text-align: center;
  width:60px;
  float:right;
}

.input_id_name  {
  width:48%;
    margin-right:4%;
    display: inline-block;
}

.input_id_email {
  width:47%;
    display: inline-block;
}

#section-contact .fa {width:20px}

.social-fonts-container {
  padding-bottom:30px
}

.social-fonts-container a {
  color:#444;
}

.contact-section-info a {color:#444}

.errorlist {
  list-style: none;
}
ul.errorlist {
  padding-left: 0;
}
.errorlist li {
  background: white !important;
  color:#cc3333;
  padding: 5px !important;
  top: 0px;
}

.error {
  color: #cc3333;
}

.form-errors {display:inline}

.errorlist .tag-tip > i {
  border-width: 14px;
  border-color: transparent transparent transparent rgba(195, 81, 47, 0.9);
  left:115px;
  top:-20px;
}

.errornote {
  padding-left:15px;
  font-size:14px;
  text-transform: none;
  color:#444
}



/**************** SITE-MAP ****************/

#section-site-map {
  background:#333;
}

#section-site-map .logicon-info {
  float:left;
  width:60%;
}

#section-site-map .logicon-info h1{
  padding:15px 0;
}

#section-site-map .logicon-info p{
  width:40%;
  color:white;
}

.popular-pages, .about-us, .contact-info {
  float:left;
  width:20%;
  box-sizing:border-box;
  padding-right:3%;
  color:white;
}

.popular-pages h3, .about-us h3, .contact-info h3 {
  padding-top:21px;
}

.contact-info .fa {
    width: 24px;
    line-height: 1.6;
    vertical-align: top;
}

.contact-info table {
  line-height: 1.6;
    max-width: 100% !important;
    table-layout: fixed;
    width: 100% !important;
}

.contact-info td {
  vertical-align:top;
    word-wrap:break-word;
}

.contact-info td:nth-child(1){
    width:25px; /*15%;*/
}

/*
.contact-info td:nth-child(2){
        width:85%;
}
*/

#section-site-map ul {
  list-style: none;
  line-height: 1.6;
  font-weight:normal;
  margin:0;
    /*
  -moz-padding-start: 0px;
  padding-start: 0px;
  -webkit-padding-start: 0px;*/
    padding:0;
}

#section-site-map a {color:white;}

#section-site-map a:hover {color:#cc3333;}

.site-map-column{
  break-inside: avoid;
  display:block;
  width: 20%;
  -webkit-column-break-inside: avoid;
}

.site-map-column h3{
  font-weight: bold;
}

.site-map-link{
  text-transform: none;
}

.site-map-social .fa-brands {
  font-size: 24px;
  margin-right: 10px;
}


.footer-logo{
  margin-top: -28px;
  float:right;
}

@media (max-width: 1230px) {
  .footer-logo{
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .footer-flex{
    column-count: 2;
    display: block;
  }
  
  .site-map-column{
    width: 100%;
  }

  .footer-logo{
    margin: 14px 0px;
  }
}


/**************** BLOG PAGE ******************/


.page-title {
  background: #333;
  color:white;
}

.page-title .site-container {
  padding-bottom:0;
  padding-top:0;
}

.full-post img {
  max-width: 100%;
  width:100%;
  height: auto;
}
.full-post div {
  margin: 15px 0;
}

.full-post {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  font-size: 18px; /*default=14px*/
}
.full-post.no-comments {
  border-bottom: 0;
}
.full-post .share-social,
.full-post .seenstats {
  font-size: 14px;
}

.full-post p {
  margin:15px 0;
}

.list-inline {
  list-style: none outside none;
  padding: 0px;
}

.comments {
  float: right;
  text-align: right;
}
.comments div.bid {
  color: black;
}

.tag-body a {color:#444}

.tag-body a:hover {color:#fff}

#page-portfolio h2 {
  border-bottom: 1px solid #ccc;
  margin-bottom:25px;
}

.pagination {
  list-style:none;
  padding:0;
}

.page-info {
  float:left;
}

#pagination_ul {
  width: 100%;
}

.pagination-nav{
  width: 100%;
  padding-top: 7px;
}

.pagination-nav li {
  float:left;
  background:none!important;
  padding: 0 5px !important;
}

@media screen and (max-width: 1100px) {
  #left-menu a {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .pagination-nav li a i {
    font-size: 20px;
  }
  .pagination-nav li {
    font-size: 20px;
    margin-top: -4px;
  }
}

.pagination-nav li.active a {
  color: #444;
}

#auction-details-list{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  background: #fff;
  padding: 20px 0px;
}

#additionalDetails{
  background: #eee;
  list-style: none;
  padding: 20px;
}

.auction-details-header{
  font-size: 24px;
  font-weight: 700;
  color: #444;
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  #auction-details-list{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;

  }
  
  #additionalDetails{
    background: #eee;
    list-style: none;
    padding: 20px;
  }
}

span.pipe {
  color: #444 !important;
}

.blog-post-title-container.addToHeader.shrinkAdd {
  position: fixed;
  background-color: white;
  padding-top: 10px;
  top: 46px;
  z-index: 100;
  border-bottom: 1px solid #444;
  width: 100%;
  max-width: 1200px;
}

@media screen and (max-width: 1230px) {
  .blog-post-title-container.addToHeader.shrinkAdd {
    padding-left: 25px;
    margin-left: -25px;
    padding-top: 5px;
  }
}

.blogPostDisplayTitle {
  float: left;
  height: 50%;
  position: relative;
  padding: 0;
  color: #444;
  margin-bottom: 5px;
  width: 100%;
}

.blogPostDisplayTitle div {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 20px;
  font-weight: normal;
}

.blogPostDisplayTitle div span {
  font-size: 22px;
  margin-left: 5px;
  font-weight: bold;
}

.relative-clearfix {
  position: relative;
}

.relative-clearfix .blogPostDisplayTitle {
  width: 50% !important;
}

.relative-clearfix div#bidAmount {
  float: left;
  width: 100%;
}

div#bidAmount span.sold, #blog_post_detail_overlay span.sold, .memprof-data span.sold {
  color: #79a70a !important;
}

#seeResultsTopButton {
  margin-left: 5px;
}

#blog-post-title-buttons
{
  height:100%;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1100px) {
  #blog-post-title-buttons {
    position: static;
    float: left !important;
  }
  .relative-clearfix .blogPostDisplayTitle {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  #seeResultsTopButton {
    margin-left: 0;
  }
}

#blog-post-title-time-tags-cats
{
  height: 50%;
  float: left !important;
  width: 100% !important;
  position: static;
  padding: 0;
}

#blog-post-title-comments, .blog-post-title-comments
{
  float: left;
  text-align: left;
  width: calc(100% - 400px);
}

div#blog-post-title-buttons .addMarket{
  display:inline-block;
}

div#blog-post-title-buttons .button{
  font-size: 21px;
  border-radius: 6px;
  border-top-right-radius: 0px;
}

div#blog-post-title-buttons .button:hover{
  text-decoration: none;
}

.dealTankViewMakeOffer {
  background-color: #0047AB !important;
}

.buyNowHomeDetails {
  display: block;
}

.buyNowHomeDetails strong {
  color: #cc3333;
}

div#blog-post-title-buttons .bidButton
{
  color: white;
  padding: 10px 15px;
  background-color: #444;
  display: inline-block;
  margin: 5px 0 5px 0;
  text-transform: uppercase;
  margin-left: 3px;
  position: relative;
}

.bidButton span:not(.buyNowPrice):not(.commentsText):not(.commentsSymbol) {
  position: absolute;
  top: -23px;
  color: #444;
  font-size: 16px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 415px) {
  .bidButton span:not(.buyNowPrice):not(.commentsText):not(.commentsSymbol) {
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: -60px;
  }
}

div#blog-post-title-buttons .button.addMarket {
  background: white;
  border: 1px solid #444;
  color: #444;
  padding: 10px;
}

div#bidButtons a.addMarket{
  display: none;
}

div#blog_post_detail_overlay div, div#blog_post_detail_overlay a
{
  position: relative;
  bottom: 50px;
  background-color: #FFF;
  display: inline-block;
  width: auto !important;
  padding: 5px 10px;
  border-radius: 5px;
  border-top-right-radius: 0;
}

div#blog_post_detail_overlay .time-tags-cats
{
  left: 20px;
}

div#blog_post_detail_overlay .bid
{
  float: right;
  right: 20px;
}


.bid.buyNowBid {
  background-color: #339933 !important;
  color: #FFF;
  cursor: pointer;
  font-size: 20px;
}

#search-results .heartCtr {
  display: inline-block;
  width: 100%;
}

#search-results div.heartCtr span.heartBg {
  top: 10px !important;
}

.commentsSymbol {
  display: none;
}

.blog-post-title-comments {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {

  .buyNowPrice {
    display: none;
  }

  body#bodyDetails div.site-container h2 {
    font-size: 22px;
  }

  .header-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 105px;
  }

  div#blog-post-title-buttons .button
  {
    font-size: 15px;
    padding: 4px 10px;
  }

  div#blog-post-title-buttons .button.addMarket {
    padding: 4px 6px;
  }


  #blog-post-title-time-tags-cats,
  #blog-post-title-comments, .blog-post-title-comments {
    float: left;
    text-align: left;
    width: 100%;
  }
}

.bptc-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .bptc-desktop {
    display: none;
  }
  .bptc-mobile {
    display: inline;
  }
}

@media screen and (max-width: 550px) {
  #blog-post-title-buttons{
    float: left;
    text-align: left;
  }

  .time-tags-reg {
    margin-top: 6px;
  }

  #auction-details-list{
    font-size: 14px;
    padding-bottom: 0px;
  }
}

.sleek-box
{
  border-radius: 5px 0px 5px 5px;
}

.sbGrayContainer
{
  background-color: #eee;
  padding: 20px;
}

.socialSideBar
{
  display: block;
  text-align: center;
}

.socialSideBar label
{
  text-transform: uppercase;
  width: 100%
  ;
}

/**************** PORTFOLIO PAGE ******************/


/**************** ABOUT US PAGE ******************/


#page-about-us .column-one-quarter {
  float:none;
  display: inline-block;
  vertical-align: top;
  padding: 2%;
  width:24%;
}

#page-about-us .circ-img-wrap{
    /* this wrap is needed to create the effect otherwise
     * cropping occurs on ie and safari, as it curves the border
     * of the padded area not image itself*/
  width:70%;
    display:inline-block;
  border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
  /*padding:4px;*/
    border: 4px solid transparent;
  box-shadow:0px 0px 5px #888;
  -moz-box-shadow:0px 0px 5px #888;
    -webkit-box-shadow:0px 0px 5px #888;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

#page-about-us .column-one-quarter img {
  border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
  width:100%;
    vertical-align:middle;
}

#page-about-us .team {
  border-bottom: 1px solid #ccc;

  padding: 0 0 20px;
  margin:0px 0 25px;
  text-align: center;
}

#page-about-us .team h4 {
  color:#444;
  padding-top: 15px
}

#page-about-us h2 {
  border-bottom: 1px solid #ccc;
  margin-bottom:25px;
  text-align: center;
}


/**************** CV PAGE *****************/

#page-cv h2 {
  border-bottom: 1px solid #ccc;
  margin-bottom:25px;
  text-align: center;
}

#page-cv .column-one-third-left{}

#page-cv .column-two-thirds-right{ }

.polaroid {
  padding:20px 20px 10px;

  background: white;
  /*float:left;*/
  box-shadow: 0 0 5px #888;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg); /* Standard syntax */
    margin-bottom: 40px;
}

.polaroid h2 {border:none !important;}

.cv-personal-info {
    display:block;
}

.cv-container {
  float: left;
  padding-left: 5%
}

.cv-container ul {
  line-height: 1.6;
  margin-top: 0;
  padding: 0;
}

.cv-container h4 {color:#444;}

.cv-container .sub-title h4 {float:left; color:#444;}

.cv-container .sub-title span {
  float:right;
  font-style: italic;
  color:#aaa;
}

.polaroid img {
  width:100%;
}

.cv-container i {padding-right: 5px}


/**************** FOOTER******************/


#footer {
  background: #222;
  color:white;
  height:45px;
}

#footer .site-container {
  padding:0px 20px;
  display: table;
  width:100%;
  height:100%;
}

#footer p {
  display: table-cell;
  padding: 0px 0;
  margin:0;

  box-sizing:border-box;
  vertical-align: middle;
}

.footer-social-container {
  display: table-cell;
  vertical-align: middle;
  padding:0px;
  box-sizing:border-box;
  margin:0;
}

.footer-social {
  float:right;
}

#footer .fa {
  width:30px;
  font-size: 20px;
  background:none;
  color:white;
  border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
  height:30px;
  box-sizing:border-box;
  padding:5px 0 0 6px;
  margin: 2px 2px 0;
  transition:0.4s;
}

#footer .fa:hover {
  color:white;
  background: #cc3333;
}

#footer .fa-facebook {
  padding-left: 8px;
  padding-top:6px;
}

#footer .fa-rss {
  padding-left: 8px;
  padding-top:5px;
}

#footer .fa-envelope {
  padding-left:5px;
}


/************** COMMENTS **************/

/*
.rating p {
    margin-right: 20px;
}
.rating * {
    display: inline !important;
    list-style-type: none;
}

.rating li {
    border: medium none !important;
    background: none repeat scroll 0% 0% transparent !important;
    padding: 0px !important;
}

.rating ul {
    margin-left: 0px !important;
    padding: 0px !important;
}

.rating label {
    margin-right: 15px;
}
*/

.avatar {
   position:absolute;
    width:60px;
    height:60px;
}

.avatar img {
  width:100%!important;
  height: auto!important;
}

span.after_button {
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-left: 15px;
}
h2.profile {
  padding-bottom: 15px;
}
div.change_avatar h2.profile {
  padding-bottom : 20px;
}
div.change_avatar form button.btn {
  padding: 8px 18px;
  font-size: 18px;
}
div.change_avatar p {
  font-size: 14px;
  font-weight: bold;
  color: #444;
}
div.change_avatar form p label {
  text-transform: capitalize;
  padding: 8px 0;
}
div.change_avatar form p label:before {
  content: "Set ";
}

#comments {
  padding-top:20px;
}
#comments ul {
    padding: 0px;
    margin: 0px;
    list-style: none outside none;
}

#comments li {
    padding: 0px 0px 23px;
    list-style: none outside none;
}

#comments ul li ul li ul li {
    padding:23px 0 0;
}

.comment_right {
    display: table;
}

.comment_info {
    padding-bottom: 7px;
}

.comment_info span {
    padding: 0px 12px;
}

div.form-group.input_id_comment .errorlist li {
  margin-bottom: 8px;
  background: #E6E6E6 !important;
  font-weight: bold;
}

#comments ul li ul li {
    padding: 23px 0px 0px 30px;
    margin: 0px;
}

#blog-comment input {
  display: block;
  border:2px solid #ccc;
  background: #fff; /* #E6E6E6; */
  padding:5px 5px 5px 5px;
  width:100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

#blog-comment textarea {
  width:100%;
  max-width:100%;
  border:2px solid #ccc;
  height:100px;
  margin-bottom: 10px;
  padding:5px 5px 5px 5px;
  box-sizing:border-box;
}

#blog-comment .btn {
  border:none;
  cursor: pointer;
  color:white;
  background: #cc3333;
  text-align: center;
  width:60px;
  float:right;
}
#blog-comment input.btn.editCancelBtn, #blog-comment p.editingComment, #blog-comment p.replyingComment {
  display: none;
}
#blog-comment input.btn.editCancelBtn {
  margin-right: 8px;
}
div.reply-link-container a.like:active, div.reply-link-container a.like:hover, div.reply-link-container a.like:focus, div.reply-link-container a.like,
div .reply-link-container a.edit:active, div.reply-link-container a.edit:hover, div.reply-link-container a.edit:focus, div.reply-link-container a.edit {
  color: #cc3333;
  text-decoration: none;
}

div.reply-link-container span.liked_hidden {
  display: none;
}
div.reply-link-container a.like.liked:after {
  color: #cc3333;
}

div.reply-link-container a.like.liked:hover, div.reply-link-container a.like.liked:active, div.reply-link-container a.like.liked:focus {
  text-decoration: none;
}

.comment-reply-form {
  margin: 30px 0px 10px 80px;
  background: #E6E6E6;
  padding: 20px 20px 10px;
}

.reply-posted-spinner{
    display:none;
}

.comment-reply-form input {
  display: block;
  border:2px solid #ccc;
  background: #fff; /* #E6E6E6; */
  padding:5px 5px 5px 5px;
  width:100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.comment-reply-form textarea {
  width:100%;
  max-width:100%;
  border:2px solid #ccc;
  height:100px;
  margin-bottom: 10px;
  padding:5px 5px 5px 5px;
  box-sizing:border-box;
}

.comment-reply-form .btn {
  border:none;
  cursor: pointer;
  color:white;
  background: #cc3333;
  text-align: center;
  width:60px;
  float:right;
}


.name-container, .email-container{
    width:47.9%;
    position: relative;
    display: inline-block;
}

.name-container {
  margin-right:3.5%;
}

.subject-container, .message-container {
    position:relative;
}

.btn {
  border: medium none;
  cursor: pointer;
  color: #FFF;
  background: none repeat scroll 0% 0% #cc3333;
  text-align: center;
  width: 60px;
  padding:5px;
}

/*
#comments .rating {
    padding: 0px !important;
    margin: 10px 0px 0px !important;
    border: medium none !important;
    background: none repeat scroll 0% 0% transparent !important;
}
*/

.comment-background {
    background: #E6E6E6;
    padding:20px 20px 10px;
    margin-bottom: 23px;
}

.comment-right, .comment-deleted {
  background: #E6E6E6;
  padding: 20px 20px 10px 20px;
  /*margin-left:80px;*/
  position: relative;
  /*   -webkit-box-shadow: 0px 2px 5px 0px #b5b5b5;
    -moz-box-shadow:    0px 2px 5px 0px #b5b5b5;
    box-shadow:         0px 2px 5px 0px #b5b5b5;*/
}
.seller-comment {
  border: 1px solid #cc3333;
}
div.seller-comment span.seller {
  font-weight: normal;
  color: #999999;
}

.comment-right a.reply span {
  margin-right: 5px;
  font-size: 12px;
}

.comment-deleted {
    opacity: 0.2;
}

.comment-deleted p {margin:0}

.share-social {
    padding-right:10px;
}

.share-twitter, .share-facebook {
    width:30px!important;
    margin:-3px 0px 0 6px;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}

.comment-date {
    color:#999;
    padding-left:20px;
    float:right;
}

.comment-border {
    border-top: 1px solid #ccc;
    padding: 10px 0 0;
}

a.reply, a.like, a.flag {
  padding: 5px 0 0 8px;
}

a.reply span, a.like span, a.flag span {
  margin-right: 5px;
  font-size: 12px;
}

.comment-info + p {
    margin:0;
    padding:15px 0;
    word-wrap: break-word;
}

.left-arrow-container-outer {
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    left: -15px;
}

.left-arrow-container-inner {
    position: relative;
    display: inline-block;
    width: 15px; height: 15px
}

.left-arrow {
    position: absolute;
    display:inline-block;
    width:0;
    height:0;
    line-height:0;
    border:15px solid transparent;
    margin-left:-13px;
    border-right:15px solid #E6E6E6;
    left:0px;
    top:0px
}

/* make zeroth level darker*/
ul[data-level="0"]>li > div[id^="comment-"]> .comment-right{
    background: #F2F2F2;
}

ul[data-level="0"]>li > div[id^="comment-"]> .comment-right .left-arrow{
    border-right:15px solid #F2F2F2;
}

ul[data-level="0"]>li > div[id^="comment-"]> .comment-background{
     background: #F2F2F2;
}


ul[data-level="0"]>li > div[id^="comment-"]> .comment-right .comment-border .rating{
     background-color: #efefef;
}
.tags {margin-top: 30px}

.tagtoggle {font-weight:bold;}

.timespan {
  font-size:100%;
  float:right;
  color:#999;
}
div#confirmModal {
  width: 50% !important;
}
button#bidConfirmButton {
  margin-left: 0;
}
button#bidConfirmButton.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
div#confirmModal div.termsRow {
  padding: 0 0 15px 0;
}

/*
.triangle {
    position: relative;
}
.triangle > i {
    position: absolute !important;
    display: inline-block !important;
  width: 0px !important;
  height: 0px !important;
  line-height: 0 !important;
  border-width: 6px !important;
  border-style: solid solid dotted !important;
  border-color: #cc3333 #cc3333 transparent transparent !important;
  -moz-border-top-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  border-image: none !important;
}

.help-outer {
  position: relative;
}

.help-inline {
  position: absolute !important;
  right:12px !important;
  top:0px !important;
}
*/

.asterisk_input:after {
    content:" *";
    color: #cc3333;
    position: absolute;
    /*margin: 0px 0px 0px -20px; */
    font-size: xx-large;
    /*padding: 0 5px 0 0;*/
    top: 24px;
    right: 6px;
}

.form-group{
    position:relative;
}

/* Initially hide all non-parent comments*/

[id^='comment-'] ul.comment_ul{
    display:none;
}

/*****************RATINGS*****************/

/*
.comment-border .rating {
    float: left;
    background-color: #f5f5f5;
    border-radius: 5px;
    margin: 0 20px 0 0;
    padding: 5px;
    text-align: center;
    width: 80px;
}

.rating form {
    display: none !important;
}

.rating * {
    list-style-type: none;
}

.rating .arrows {
    background-color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 7px;
    opacity: 0.6;
    font-size: 10px;
}

.rating .arrows a{
    color: #1abc9c;
    text-decoration: none;
    transition: all 0.25s ease 0s;
}

.rating .icon-up {
    background-position: -289px -96px;
}

.rating .icon-down {
    background-position: -312px -96px;
}

.rating i {
    border-radius: 3px;
    display: block !important;
}


.comment-border .score {
    font-size: 20px;
    line-height: 40px;
    display: inline-block;
}
*/

.rating form {
    display: none !important;
}

.reply-link-container {
    float:right;
}

.show-replies {
    float:left;
}

.rating {
    margin: 0px 10px 0px 0px !important;
    display:inline-block;
    float:none;
}

.reply, .link {
    float: none;
    padding: 0;
    text-align:right;
}

.score {
    padding:0 5px;
}

.holiday.mobile-only {
  border-top: 0;
}
.holiday p {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em;
}
.holiday p span.notice {
  color: #cc3333;
}

/* START Filter */

.blog-filter {
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  font-size: 18px;
  width: 100%;
}

.blog-filter-title {
  color: #444;
  font-weight: bold;
}

.blog-filter-reset {
  position: absolute;
  top: 0;
  right: 0;
  color: #CC3333;
  font-weight: bold;
}

.blog-filter-reset img {
  height: 12px;
  margin: -3px 3px 0 0;
}

.blog-filter-reset:hover {
  text-decoration: underline;
}

.blog-filter-reset:hover {
  cursor: pointer;
}

.blog-filter-click {
  float: left;
}

.blog-filter-click:hover {
  cursor: pointer;
}

.blog-filter-click:not(:last-child) {
  margin-right: 20px;
}

.blog-filter-box {
  height: 22px;
  width: 22px;
  position: relative;
  border: 1px solid #CCC;
  margin-right: 10px;
  float: left;
  border-radius: 5px;
  border-top-right-radius: 0;
}

.blog-filter-box img {
  width: 30px;
  position: absolute;
  top: -8px;
  left: -2px;
  display: none;
}

.blog-filter-option {
  color: #777;
  float: left;
  margin-top: -4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.blog-filter-option:not(:last-child) {
  margin-right: 20px;
}

.auction-filter,
.auction-filter div .blog-filter-click {
  width: fit-content;
}

.auction-filter .blog-filter-reset {
  position: static;
}

.aa-outer .userPrefs {
  float: right;
}

@media only screen and (min-width: 768px) {
  .aa-outer .userPrefs {
    margin-right: 15px;
  }
}

#liveSearch #filterSearch{ 
  width: 100%;
}
/* END Filter */

/* START Seller Portal */

.seller-portal {
  position: relative;
  background-color: #FFF;
  box-sizing: border-box;
  padding: 30px;
  border: 1px solid #CC3333;
  font-size: 18px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.generic-form {
  position: relative;
  background-color: #FFF;
  box-sizing: border-box;
  font-size: 18px;
  margin-top: 1em;
  margin-bottom: 1em;
}

#carShowSort {
  border: 1px solid #ccc;
  height: 34px;
  margin-left: 10px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#carShow {
  position: relative;
}

#carShow .generic-form {
  background-color: #E6E6E6;
  margin-top: 15px;
  padding: 20px;
  box-sizing: border-box;
}

#sortPhotosBy {
  margin-top: 25px;
  color: #444;
  text-transform: none;
}

.carShowAnchors {
  display: flex;
  text-align: center;
}

.carShowAnchors a {
  background-color: #cc3333;
  color: #FFF;
  padding: 10px;
  font-size: 14px;
  border-radius: 6px;
  margin-left: 5px;
  text-transform: uppercase;
  flex: 1;
  display: inline-block;
}

#joinTheConversationEntries, #backToGallery {
  background-color: #cc3333;
  color: #FFF;
  padding: 10px;
  font-size: 14px;
  border-radius: 6px;
  margin-left: 10px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
}

img.hagertyCarShow {
  width: 190px !important;
  max-width: 25% !important;
}

@media only screen and (max-width: 768px) {
  .carShowAnchors {
    flex-wrap: wrap;
  }
  .carShowAnchors a {
    width: 100% !important;
    margin: 0;
    margin-bottom: 10px;
    flex: auto;
  }
  #joinTheConversationEntries, #backToGallery {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}

.carShowAnchors a:hover, .carShowAnchors a:focus, #joinTheConversationEntries:hover, #joinTheConversationEntries:focus, #backToGallery:hover, #backToGallery:focus {
  text-decoration: none;
  color: #FFF;
  cursor: pointer;
}

.auctionGallery.carShow div.carShowDetails span.title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2px;
}

.auctionGallery.carShow div.carShowDetails span.votes {
  background-color: #0047AB;
  color: #FFF;
  border-radius: 4px;
  padding: 2px 4px;
  font-weight: bold;
  display: inline-block;
  letter-spacing: 0.5px;
  font-size: 12px;
}
div.auctionGallery.carShow li {
  vertical-align: top;
}

#carShow .generic-form > p {
  margin-bottom: 25px;
}

#carShow .generic-form p.error-text {
  margin-left: 50px;
}

#carShow .generic-form label {
  width: 85px;
}

#carShow span.title {
  margin-top: 10px;
}

div.full-post table {
  position: relative;
}

div.full-post table tr:nth-child(2) td {
  background-color: rgba(248, 214, 78, 0.5);
}

/*
div.full-post table tr:nth-child(3) td {
  background-color: rgba(210, 210, 210, 0.5);
}
*/

div.full-post table tr:nth-child(2)::after /*, div.full-post table tr:nth-child(3)::after*/ {
  font-family: "Font Awesome 5 Free";
  content: "\f091";
  color: #F8D64E;
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  left: -30px;
  margin-top: 5px;
}

div.full-post table tr:nth-child(3)::after {
  color: #D2D2D2;
}

#carShow .pchoice img {
  border: 3px solid #D2D2D2;
  box-sizing: border-box;
}

#carShow .pchoice:nth-child(1) img {
  border: 3px solid #F8D64E;
}

#carShow .pchoice::after {
  font-family: "Font Awesome 5 Free";
  content: "\f091";
  color: #D2D2D2;
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 20px;
  font-weight: 900;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

#carShow .pchoice:nth-child(1)::after {
  color: #F8D64E;
}

.flex-outer {
  display: flex;
  flex-wrap: wrap;
  clear: both;
}

.seller-portal-flex, .generic-form-flex {
  width: 46%;
  position: relative;
  margin-bottom: 15px;
}

.seller-portal-flex.full, .generic-form-flex.full  {
  width: 100%;
}

.seller-portal-flex .cell, .generic-form-flex .cell {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.seller-portal-flex span.required, .generic-form-flex span.required {
  content: " *";
  color: #cc3333;
  position: absolute;
  right: -17px;
  font-size: 30px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 6px;
}

.seller-portal > div:first-of-type, .generic-form > div:first-of-type {
  margin-top: 20px;
}

.seller-portal-flex:not(.full):nth-child(odd) {
  margin-right: 4%;
}

.seller-portal-flex:not(.full):nth-child(even) {
  margin-left: 4%;
}

.seller-portal h3, .generic-form h3 {
  padding-top: 0;
}
.seller-portal h3 span, .generic-form h3 span {
  color: green;
}
.seller-portal h3 i, .generic-form h3 i {
  position: absolute;
  top: -14px;
  left: -1px;
  z-index: 1;
  width: 43px;
  height: 37px;
  background-color: #FFF;
}

.seller-portal p.seller-only {
  font-size: 13px;
  margin-top: 15px;
}

.seller-portal label, .generic-form label {
  margin-top: 11px;
  width: 180px;
  font-size: 14px;
  color: #444;
  font-weight: 700;
  position: relative;
  align-self: center;
}

/* use this instead unfortunately. */
input#old_reservePrice, input#rec_reservePrice {
  color: black !important;
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: normal;
  padding-top: 8px;
}

input#old_reservePrice:focus, input#rec_reservePrice:focus {
  outline: none;
}

input#old_reservePrice:disabled, input#rec_reservePrice:disabled {
  color: black !important;
}

.seller-portal input:not([type=submit]):not([type=checkbox]), .generic-form input:not([type=submit]):not([type=checkbox]) {
  width: auto;
  flex: 1;
  height: 34px;
  margin-top: 5px;
  padding: 6px 8px 6px 8px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  align-self: center;
}

.seller-portal-button, .generic-form-button, .generic-link-button {
  color: white;
  padding: 10px;
  background-color: #444;
  display: inline-block;
  margin-top: 5px;
  text-transform: uppercase;
  border-radius: 6px;
  border: none;
  font-size: 14px;
}

.button-sell-vehicle {
  font-family:'Roboto',sans-serif;
  font-weight:600;
  box-sizing: border-box;
  text-decoration:none;
  text-align:center;
  text-transform: uppercase;
  border: 2px solid #C33;
  color: #000;
  border-radius: 5px;
  border-top-right-radius: 0;
}
.button-sell-vehicle:hover {
  box-shadow: 0 0 8px #c33;
  color: #000;
  text-decoration:none;
}
.home-title-container {
  display: block;
  margin-bottom:50px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.button-sell-vehicle-title {
  display:inline-block;
  padding:0.5em;
  margin-top:-16px;
  margin-left:-6px;
  transition: all 0.2s;
  width: 30%;
  height: 50px;
  font-size: 20px;
}

.button-sell-vehicle-sidebar {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: 10%;
  padding: 10px;
  width: 80%;
}

@media all and (max-width:768px){
  .home-title-container {
    margin-bottom: 0px;
  }
  
  .button-sell-vehicle-title{
  display:block;
  margin:0.4em auto;
  width:100%;
  font-size: 20px;
  padding: 0.5em;
 }
} 

.seller-portal-checkbox, .generic-form-checkbox {
  transform: translateY(11px);
}

.seller-portal-button.disabled, .generic-form-button.disabled {
  opacity: 0.5;
}

.seller-portal-button.disabled:hover, .generic-form-button.disabled:hover  {
  cursor: not-allowed;
}

p.help-text {
  font-size: 12px;
  color: #7B7B7B;
  margin: 5px 0 0 0;
}

p.error-text {
  font-size: 14px;
  color: #cc3333;
  margin-bottom: 0;
  margin-left: 180px;
  width: 100%;
}

p.form-error-text {
  font-size: 14px;
  color: #cc3333;
  margin: 0;
  margin-block-end: 0;
}

label#approveListingLabel {
  width: 75%;
  font-weight: normal;
  padding-left: 10px;
}
label#approveListingLabel input {
  margin-right: 5px;
}

/* END Seller Portal */

/* START Auction Gallery */

.auctionGallery ul {
  padding: 0;
}

.auctionGallery li {
  position: relative;
  display: inline-block;
  padding: 1%;
  width: 48%;
}

.auctionGallery.photoCoach li {
  width: 45%;
}

.galleryPageWrapper .auctionGallery li {
  width: 24.5%;
}

div.galleryPageWrapper h1 {
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .galleryPageWrapper .auctionGallery li {
    width: 49.5%;
  }
}

@media only screen and (max-width: 340px) {
  .galleryPageWrapper .auctionGallery li {
    width: 99%;
  }
}

.auctionGallery.carShow ul.ui-sortable {
  display: flex;
  flex-wrap: wrap;
}
.auctionGallery.carShow li {
  width: 18%;
  padding: 0;
}
.auctionGallery.carShow li:not(:nth-child(5n)) {
  margin-right: 2%;
}
.auctionGallery.carShow div.carShowDetails {
  margin-bottom: 20px;
}
.carShowSubmitted {
  margin-top: 10px;
}
#carShowPhoto {
  border: none;
  background-color: transparent;
  padding-left: 0;
  box-shadow: none;
  outline: 0;
}
.auctionGallery.carShow div.carShowDetails span {
  display: block;
  text-align: left;
}
.auctionGallery.carShow div.heartCtr span.heartImage, .auctionGallery.carShow div.heartCtr span.heartBg {
  top: 0;
  right: 0;
}

#carShow h3 {
  padding-bottom: 0;
}

#rearrange-title {
  position: relative;
}

#rearrange {
  position: absolute;
  right: 0;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%);
}

#rearrange i {
  transform: translateY(-1px);
  font-size: 12px;
  margin-right: 5px;
}

#rearrange:hover {
  cursor: pointer;
  text-decoration: underline;
}

#rearrange.submitting {
  color: #999;
}

#rearrange.submitting i {
  display: none;
}

#rearrange.submitting:hover {
  text-decoration: none;
  cursor: default;
}

#rearrange-options {
  display: none;
}

#rearrange-title.activated #rearrange-options {
  display: inline-block;
}

#rearrange-title.activated #rearrange {
  display: none;
}

#rearrange-confirm {
  color: white;
  padding: 10px 15px;
  background-color: #444;
  display: inline-block;
  margin-top: 2px;
  text-transform: uppercase;
  border-radius: 6px;
  bottom: 0;
  left: 0;
  position: absolute;
  border: none;
}

#rearrange-confirm:hover {
  cursor: pointer;
}

#rearrange-cancel {
  color: #cc3333;
  position: absolute;
  top: 5px;
  right: 0;
  text-transform: none;
}

#rearrange-cancel:hover {
  text-decoration: underline;
  cursor: pointer;
}

.rearrange-error-text {
  color: #cc3333;
}

.auctionGallery ul.activated li {
  padding-bottom: 20px;
}

span.deleteGalleryThumb {
  display: none;
  text-align: center;
  width: 100%;
  padding-top: 5px;
  position: absolute;
  left: 0;
  bottom: -3px;
  z-index:9001;
}
span.deleteGalleryThumb.shown {
  display: inline-block;
}
span.deleteGalleryThumb a:hover {
  cursor: pointer;
}

.rearrange-icon {
  position: absolute;
  display: none;
  color: #FFF;
  font-size: 40px;
  top: 50%;
  left: 50%;
  opacity: 0.75;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}

.rearrange-icon.shown {
  display: inline;
}

.rearrange-icon:hover {
  cursor: pointer;
}

.rearrange-icon i {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

/* END Auction Gallery */

div.post div.heartCtr {
  margin-bottom: 15px;
}

.post_meta {
  font-size: 14px;
  color: #777;
  padding-bottom: 8px;
}
div.post_meta div.metaAuctionType {
  display: inline;
}
.nowrap {
  white-space: nowrap;
}

div.post div.time-tags-cats span.auctionEnded.sold, div.metaAuctionType .sold, div#auctionResults strong.sold {
  color: #79a70a;
}

div.post div.time-tags-cats span.auctionEnded.unsold, div.metaAuctionType .unsold,
div.post div.time-tags-cats span.auctionEnded.processing, div.metaAuctionType .processing {
  color: #cc3333;
}


div.sbLeftCol.articleContent ul, div.sbLeftCol.articleContent ol {
  padding-left: 18px;
}

/*************** CLEAR FIX *************/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear:both;
}
.clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.post.clearfix:not(.pom) {
  clear: both;
}

.post.clearfix.pom.pom-small span br,
.post.clearfix.pom.pom-small span img,
.post.clearfix.pom.pom-small p br,
.post.clearfix.pom.pom-small p img {
  display: none;
}

@media screen and (min-width: 1050px) {
  .post.clearfix.pom.pom-small {
    width: calc(50% - 25px);
    float: left;
    margin-right: 25px;
    height: 600px;
  }

  .post.clearfix.pom.pom-small h2 a {
    font-size: 20px;
    width: 100%;
    display: inline-block;
    height: 46px;
    overflow: hidden;
  }

  .post.clearfix.pom.pom-small img.featured, .post.clearfix.pom.pom-small span.featured {
    height: 250px;
    object-fit: cover;
    background-color: black;
  }
}

@media screen and (max-width: 1230px) {
  .post.clearfix.pom.pom-small .heartCtr .comments div.bid {
    right: 5px;
    bottom: 5px;
  }
  .post.clearfix.pom.pom-small .heartCtr .time-tags-cats {
    left: 5px;
    bottom: 5px;
  }
}

form fieldset {
  border: 0 !important;
}



/**************** TABLET ***************/


@media only screen and (max-width: 768px) {
  .auctionGallery.carShow li {
    width: 32%;
  }

  .auctionGallery.carShow li:not(:nth-child(5n)) {
    margin-right: 0;
  }

  .auctionGallery.carShow li:not(:nth-child(2n)) {
    margin-right: 0%;
  }
  .auctionGallery.carShow li:not(:nth-child(3n)) {
    margin-right: 2%;
  }

  /* START Seller Portal */

  .seller-portal-flex, .generic-form-flex {
    width: 100%;
  }

  .seller-portal-flex:not(.full):nth-child(odd), .seller-portal-flex:not(.full):nth-child(even),
  .generic-form-flex:not(.full):nth-child(odd), .generic-form-flex:not(.full):nth-child(even) {
    margin-left: 0;
    margin-right: 0;
  }

  .seller-portal label, .generic-form label {
    width: 100%;
  }

  p.error-text {
    margin-left: 0;
  }

  .seller-portal-flex span, .generic-form-flex span {
    margin-top: 24px;
  }
  label#approveListingLabel {
    width: 100%;
  }
  /* END Seller Portal */
  div .home-fold {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }

  div#confirmModal {
    width: 90% !important;
  }
  td.listViewHeartiez div.heartCtr {
    width: 20px;
  }
  td.listViewHeartiez div.heartCtr span.heartImage,
  td.listViewHeartiez div.heartCtr span.heartBg {
    font-size: 35px;
    top: -25px;
    right: -10px;
  }
  section.page-container {
    padding-left: 8px;
    padding-right: 8px;
  }
  div.post.column-one-half {
    position: initial;
    height: auto;
  }
  div.post.car.column-one-half a.arrow_link {
    position: initial;
    left: auto;
    bottom: auto;
  }
  div.sbLeftCol div.tr div.post.car.column-one-half {
    padding-bottom: unset;
  }
  div.post.car.column-one-half div.listing_buttons {
    position: unset;
  }
  .post img {
    margin-right: 0;
  }
  div.post.column-one-half.right {
    padding-left: 0;
  }
  div.post.column-one-half.left, div.post.column-one-half {
    padding-right: 0;
  }

  div.tr div.post.car.column-one-half.right.firstrow {
    border-top: 3px solid #ccc;
  }

  div.post.column-one-half div.time-tags-cats {
    color: #777;
    font-size: 15px;
  }

  h1.homeTitle {
    font-style: normal;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 18px;
  }
  div.post.stay-conn.mobile-only.clearfix {
    margin-top: -30px;
  }
  h1.homeTitle span.mbreak {
    display: block;
    margin-right: -15px;
    padding-top: 5px;
  }


  div.post.stay-conn.mobile-only.clearfix {
    margin-top: -30px;
  }
  h1.homeTitle span.mbreak {
    display: block;
    margin-right: -15px;
    padding-top: 5px;
  }

  div#auctionDetails div#auctionDetailsInner div#bidAmount {
    font-size: 13px;
  }
  div#auctionDetails div#auctionDetailsInner div#bidButtons .button {
    padding: 5px;
    margin: 5px 2px;
  }

  div#auctionDetails {
    height: 45px;
  }
  form#submit-form select, form#submit-form input, form#submit-form textarea, form.mezzanine-form select, form.mezzanine-form input, form.mezzanine-form textarea {
    width: 95%;
  }
  form#submit-form .col-md-7, form#submit-form .col-xs-12, form.mezzanine-form .col-md-9, form.mezzanine-form .col-xs-12 {
    padding-right: 0;
  }
  form#submit-form .col-md-7.terms, form#submit-form .col-xs-12.terms {
    padding-right: 15px;
  }
  ul.submitSteps li {
    margin-bottom: 15px;
    width: 45%;
    text-align: center;
  }
  u.left.submitSteps {
    margin: 0 auto;
  }
  form#submit-form, form.mezzanine-form {
    margin-top: 10px;
  }
  .site-header {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  span.pipe:after {
    content: "|";
  }

  div#auctionDetails span.auctionEnded, div#auctionDetails span.endingIn {
    display: inline;
  }
  div#auctionDetails span.reserveNotMet {

  }
  div#auctionDetails div#auctionDetailsInner div#bidAmount {
    top: 25px;
    left: 0px;
  }
  .column-two-thirds, .column-two-thirds-right, .column-one-third-left, .column-one-third, .column-one-half, .column-one-quarter {
    width:100%;
    border:none;
    padding:0;
  }

  /* turn off parallax js, and set static bg*/
  #section-parallax, #section-parallax-2 {
      background-size: cover!important; /*auto 100%!important;*/
      background-attachment: scroll!important; /*iOs doesnt like fixed*/
      background-position: center center;
  }

  #section-parallax-2 {
    height:100%;
  }

  #section-site-map .logicon-info {
    width:45%;
    padding-right: 5%;
  }

  #section-site-map .logicon-info p {
    width:100%;
  }

  #section-site-map .contact-info {
    width:27.5%;
  }

  #section-site-map .popular-pages {
    width:27.5%;
  }

  .col-4, .col-3, .col-2 {
    width:47.5%;
  }

  .social-fonts-container {
    width:47.5%;
    float: left;
  }

  .contact-section-info {
    width:47.5%;
    float: left;
        word-wrap:break-word;
  }

  /*.menu-mobile-container {display: block;}*/

  /*#menu {display: none;}*/

  /*.menu-mobile-container, #menu-mob {height:70px;}*/

  /*.menu-mobile div.search {*/
  /*  padding-left: 32px;*/
  /*}*/

  /*.menu-mobile div.search input {*/
  /*  color: black;*/
  /*}*/

  /*.menu-mobile div.search a {*/
  /*  display: inline;*/
  /*}*/

  /*.header-container h1 {*/
  /*  position: absolute;*/
  /*  top:0;*/
  /*  margin-top: 15px;*/
  /*}*/

  .slicknav_menu.shrink {
    padding-top: 1px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
  }

  #page-about-us .column-one-quarter {
      width:49%
  }

  .input_id_email, .input_id_name {
      display:block;
      width:100%;
      margin-right:0;
  }

  div#scrollTopArrow {
    bottom: 45px;
  }


}


/*div.carSlide {
  width: 33%;
}
@media only screen and (max-width: 768px) {
  div.carSlide {
    width: 50%;
  }
}
@media only screen and (max-width: 550px) {
  div.carSlide {
    width: 100%;
  }
}*/

span.button {
  cursor: pointer;
}

div.post.hpPromo a img {
  width: 100%;
  height: auto;
  margin-top: -10px;
}


/*div.post_meta div.reserveStatus {
  clear: both;
  float: left;
  text-align: right;
}*/

div.post.hpPromo a img {
  width: 100%;
  height: auto;
  margin-top: -10px;
  border-radius: 5px;
  border-top-right-radius: 0;
}

/**************** MOBILE ***************/
@media only screen and (max-width: 550px) {
  .carShowAnchors a {
    width: 45%;
  }
  .auctionGallery.carShow li {
    width: 48%;
  }

  .auctionGallery.carShow li:not(:nth-child(5n)) {
    margin-right: 0;
  }
  .auctionGallery.carShow li:not(:nth-child(2n)) {
    margin-right: 2%;
  }

  span.reserveMet {
    display: none;
  }
    div.home-fold {
      margin-right: -15px !important;
      margin-left: -15px !important;
    }

    /*div.slider div div.inner div.shadow {
      width: 100%;
    }*/
    div.homeRow div.sbLeftCol.column-two-thirds {
      min-width: 100%;
      max-width: 100%;
    }

  div#confirmModal {
    width: 90% !important;
  }
  div.post.car.column-one-half div.listing_buttons {
    position: unset;
  }
  div.sbPromo {
    margin-top: 18px;
  }

/*  section.innerAuctionsContainer div.homeRow table {*/
  table.blogPostList {
    /* make horizontally scrollable table instead of entire page scrollable */
    overflow-x: auto;
    display: block;
    margin-top: 10px;
  }

    td.listViewHeartiez div.heartCtr span.heartImage,
    td.listViewHeartiez div.heartCtr span.heartBg {
      font-size: 30px;
      top: -22px;
      right: -10px;
    }
    section.page-container {
      padding-left: 8px;
      padding-right: 8px;
    }
    div.post.column-one-half {
      position: initial;
      height: auto;
    }
    div.post.car.column-one-half a.arrow_link {
      position: initial;
      left: auto;
      bottom: auto;
    }
    .post img {
      margin-right: 0;
    }
    div.post.column-one-half.right {
      padding-left: 0;
    }
    div.post.column-one-half.left, div.post.column-one-half {
      padding-right: 0;
    }

    div.post.column-one-half div.time-tags-cats {
      color: #777;
      font-size: 15px;
    }
  div.listType {
    padding-right: 20px;
  }
    div.post_meta {
      font-size: 14px;
      color: #777;
    }
    h1.homeTitle {
      font-style: normal;
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: normal;
      font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    }
    .blog-filter {
      font-size: 16px;
    }
    div#auctionDetails {
      height: 78px;
    }
    div#auctionDetails div#auctionDetailsInner {
      padding-top: 28px;
    }
    div#auctionDetails div#auctionDetailsInner div#auctionTitle {
      top: 1px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 95%;
    }
    div#auctionDetails div#auctionDetailsInner div#bidAmount {
      font-size: 13px;
      top: 22px;
    }
    div#auctionDetails div#auctionDetailsInner div#bidButtons {
      bottom: 0px;
      right: auto;
      top: unset;
    }
    div#auctionDetails div#auctionDetailsInner div#bidButtons .button {
      padding: 5px;
      margin: 5px 0;
    }
        form#submit-form select, form#submit-form input, form#submit-form textarea {
      width: 95%;
    }
    form.mezzanine-form select, form.mezzanine-form input, form.mezzanine-form textarea {
      width: 90%;
    }
    form#submit-form .col-md-7, form#submit-form .col-xs-12, form.mezzanine-form .col-md-9, form.mezzanine-form .col-xs-12 {
      padding-right: 0;
    }
    form#submit-form .col-md-7.terms, form#submit-form .col-xs-12.terms {
      padding-right: 15px;
    }
    ul.submitSteps li {
      margin-bottom: 15px;
      width: 45%;
      text-align: center;
    }
    u.left.submitSteps {
      margin: 0 auto;
    }
    form#submit-form {
      margin-top: 10px;
    }

    /* To fix menu hamburger overlapping logo. */
    .header-container h1 {
      font-size: 23px;
      max-width: calc(100% - 50px);
      text-align: left;
    }
    .header-container h1 a img {
      max-height: 55px;
      height: auto;
      max-width: 100%;
    }
    .slicknav_menu.shrink {
      padding-top: 1px;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
    }

    .slide-body h2 {
        font-size: 8px! important;
    }

    .slide-body .caption{
        font-size: 6px! important;
    }

  #section-site-map .logicon-info {
    width:100%;
    padding-right: 0%;
  }

  #section-site-map .contact-info {
    width:50%;
  }

  #section-site-map .popular-pages {
    width:50%;
  }

  .col-4, .col-3, .col-2 {
    width:100%;
  }

  #footer p {
    display: none;
  }

  #page-about-us .column-one-quarter {
      width:100%;
      padding: 2%;
  }

  /*.comment-date {
      display:none;
  }*/

  .show-replies {
      display:block;
      float:none;
  }

  .name-container, .email-container {
      width:100%;
  }
  h1.homeTitle {
    margin-top: -10px;
    margin-bottom: 0px;
  }
  h1.homeTitle span.links {
    display: block;
    text-align: center;
    margin-top: 5px;
  }
  h1.homeTitle span.links a {
    text-align: center;
    font-size: 18px;
  }
  h1.homeTitle a:first-child {
    margin-left: 0;
  }

  div#scrollTopArrow {
    display: none !important;
    bottom: 77px;
  }
  div#contactModal, div#confirmModal {
    margin-top: 65px;
  }
  div#contactModal div.auctioninfo {
    clear: left;
    margin-left: 0;
  }
  div.jqModal .contactform .row textarea {
    height: 75px;
  }
  div.jqModal .contactform .row .contactinput {
    padding-left: 0;
  }
  div.jqModal div.auctionpic img {
    height: 125px;
    width: auto;
  }
  div.post_meta span.slash {
    display: none;
  }
  div.post_meta div.metaAuctionType {
    display: block;
  }
  div.post_meta span.reserveStatus {
    clear: both;
    float: left;
    text-align: left;
  }
  .time-tags-cats {
    width: 65%;
  }
  div.homeRow .time-tags-cats {
    width: 55%;
  }
  div.post.car.column-one-half div.comments {
    display: block;
    text-align: left;
    clear: both;
    width: 100%;
  }
  div.sbLeftCol div.tr div.post.car.column-one-half {
    height: auto;
  }
  div.sbLeftCol div.tr div.post.car.column-one-half {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  div.sbLeftCol div.tr {
    padding-top: 0;

  }
  div.post.car.column-one-half a.arrow_link {
    margin-bottom: 10px;
  }

  div.sbLeftCol div.tr div.post.car.column-one-half div.pctr {
    padding-bottom: 0;
  }

  div#auctionDetails span.countdown-row span.countdown-period.period0 span.inner,
  div#auctionDetails span.countdown-row span.countdown-period.period1 span.inner,
  div#auctionDetails span.countdown-row span.countdown-period.period2 span.inner,
  div#auctionDetails span.countdown-row span.countdown-period.period3 span.inner,
  div#auctionDetails span.countdown-row span.countdown-period.period4 span.inner,
  div#auctionDetails span.countdown-row span.countdown-period.period5 span.inner,
  div#auctionDetails span.countdown-row span.countdown-period.period6 span.inner
  {
    display:none;
  }
  div#auctionDetails span.countdown-row span.countdown-period.period0:after {
    content: "Yrs";
  }
  div#auctionDetails span.countdown-row span.countdown-period.period1:after {
    content: "Mths";
  }
  div#auctionDetails span.countdown-row span.countdown-period.period2:after {
    content: "Wks";
  }
  div#auctionDetails span.countdown-row span.countdown-period.period3:after {
    content: "Days";
  }
  div#auctionDetails span.countdown-row span.countdown-period.period4:after {
    content: "Hrs";
  }
  div#auctionDetails span.countdown-row span.countdown-period.period5:after {
    content: "Mins";
  }
  div#auctionDetails span.countdown-row span.countdown-period.period6:after {
    content: "Secs";
  }
  /*var Y = 0; // Years
  var O = 1; // Months
  var W = 2; // Weeks
  var D = 3; // Days
  var H = 4; // Hours
  var M = 5; // Minutes
  var S = 6; // Seconds*/
}

@media only screen and (max-width: 400px) {
  div.slicknav_menu span.slicknav_menutxt {
    display: none;
  }
  div.slicknav_menu span.slicknav_icon {
    margin-left: 0;
  }
  div.site-header div.header-container h1 {
    margin-top: 0 !important;
  }
  div.homeRow div.sbLeftCol.column-two-thirds {
    min-width: 275px;
  }
  .header-container h1 a img {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 550px) {
  div#auctionDetails div#auctionDetailsInner div#bidButtons {
    left: auto;
    text-align: center;
    width: 100%;
  }

    div#auctionDetails div#auctionDetailsInner div#bidButtons .button {
      padding: 3px 8px;
      margin: 3px 4px;
      font-size: 14px;
    }

  div#bidButtons {
    right: auto;
    left: auto;
    text-align: center;
  }

  div#auctionDetails div#auctionDetailsInner {
    padding-left: 0;
  }

  div#auctionDetails div#auctionDetailsInner div#auctionTitle, div#auctionDetails div#auctionDetailsInner div#bidAmount {
    padding-left: 12px;
  }

  div#auctionDetails div#auctionDetailsInner div#bidAmount {
    padding-top: 3px;
  }

  div#auctionDetails {
    height: 95px;
  }

  form.pcarForm.bidForm div.bid_amount {
    height: auto;
    line-height: normal;
    vertical-align: middle;
    padding-top: 0;
  }
}

@media only screen and (max-width: 340px) {
  div#auctionDetails div#auctionDetailsInner div#bidButtons {
    left: 0px;
  }
}

.jqModal {
  max-width: 100% !important;
}

@media screen and (min-width: 680px) {
  .jqModal#contactModal {
    max-width: 680px !important;
  }
}

div.post.draft, div.post.car.draft, table.blogPostList tr.draft, div#searchResults div.post.car.draft {
  opacity: .5;
}

a#searchCompletedbtn {
  flex: 0 0 calc(50% - 20px);
  margin: 0 10px;
  background-color: transparent;
  border: 2px solid #0537CD;
  color: #0537CD;
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  padding: 16px 10px;
  transition: all 0.3s ease;
  border-radius: 7px;
}

a#searchCompletedbtn:hover {
  text-decoration: none !important;
  box-shadow: inset 0 0 0 99999px rgb(0 0 0 / 10%) !important;
}

/**
  Slim Select MyMarket
 */

.notify-flex {
  display: flex;
}

.notify-flex > div {
  margin-right: 15px;
}

.notify-flex > div p {
  margin-top: 41px;
  cursor: pointer;
}

.notify-flex > div p:hover {
  color: #cc3333;
}

@media screen and (max-width: 768px) {
  .notify-flex {
    flex-direction: column;
  }

  .notify-flex > div {
    margin-right: 0;
  }

  p.add-selected {
    display: inline;
  }

  .notify-selected {
    margin-top: 20px;
  }
}

.ss-main .ss-values .ss-value .ss-value-delete {
  width: 15px;
  padding: 0;
  justify-content: center;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  background-color: #444;
  border-radius: 50%;
  padding: 1px;
}

.notify-style, .mymarket-make {
  min-width: 200px;
  min-height: 34px;
  padding: 6px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ss-placeholder {
  color: #555 !important;
}

h2.myMarket span {
  font-weight: bold;
  color: #cc3333;
}

.ss-content .ss-search input:focus, .notify-style:focus, .mymarket-make:focus {
  box-shadow: none !important;
}

.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected,
.ss-main .ss-values .ss-value,
.ss-main .ss-values .ss-value .ss-value-text,
.ss-main .ss-values .ss-value .ss-value-delete {
  background-color: #efefef;
  color: #444;
}

.ss-main .ss-values .ss-value .ss-value-delete {
  border-left: 1px solid #444;
}

.notify-model {
  float: left;
  background-color: #CCC;
  padding: 3px 6px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}

.notify-model i {
  cursor: pointer;
  color: #cc3333;
  background-color: #FFF;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  font-size: 12px;
}

.unsub-all {
  display: inline-block;
  width: 100%;
  clear: both;
  margin-top: 10px;
}

/**
  New Submission page
 */

.submit-h2 {
  margin-bottom: 25px;
}

.submit-h4 {
  color: #444;
  text-align: center;
}

.submission-buttons {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin: 25px 0 50px 0;
}

.submission-buttons a {
  margin: 0 20px;
}

.submission-bottom {
  font-size: 20px;
  text-align: center;
}

.submission-bottom a {
  text-decoration: underline;
}

.submission-bottom h4 {
  color: #444 !important;
}

.walkthrough {
  display: flex;
  margin: 50px 0;
  align-items: center;
}

.walkthrough-block {
  display: inline-block;
  width: 100%;
}

.walkthrough-block .blog-filter-option {
  color: #444;
}

.walkthrough > img {
  width: 500px;
}

.walkthrough-right {
  padding-left: 50px;
  font-size: 18px;
}

.walkthrough .blog-filter-box img {
  display: inline;
}

.button-sell-vehicle {
  font-family:'Roboto',sans-serif;
  font-weight:600;
  box-sizing: border-box;
  text-decoration:none;
  text-align:center;
  text-transform: uppercase;
  border-radius:7px;
  border: 2px solid #C33;
  color: #000;
  text-decoration:none;
}
.button-sell-vehicle:hover {
  box-shadow: 0 0 8px #c33;
  color: #000;
  text-decoration:none;
}

.button-sell-vehicle-title {
  display:inline-block;
  padding:0.5em;
  margin-top:-16px;
  margin-left:-6px;
  transition: all 0.2s;
  width: 30%;
  height: 50px;
  font-size: 20px;
  border-radius: 5px;
  border-top-right-radius: 0;
}

.button-sell-vehicle-sidebar {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: 5%;
  padding: 10px;
  width: 90%;
}

.help {
  font-size: 13px;
  color: #666;
}

.inspection-complete {
  width: 225px;
  margin-top: 12px;
}

.inspection-complete-small {
  float: none !important;
  height: 20px !important;
  width: auto !important;
  margin-top: -4px !important;
  margin-left: 4px !important;
  margin-right: 0 !important;
}

@media all and (max-width:768px){
  .home-title-container {
    margin-bottom: 0px;
  }

  .button-sell-vehicle-title{
    display:block;
    margin:0.4em auto;
    width:100%;
    font-size: 20px;
    padding: 0.5em;
  }
}

@media screen and (max-width: 1000px) {
  .walkthrough {
    flex-direction: column;
  }
  .walkthrough > img {
    margin-bottom: 50px;
    max-width: 100%;
  }
  .walkthrough-right {
    padding-left: 0;
  }
  .walkthrough-right {
    text-align: center;
  }
  .walkthrough-block {
    display: inline-flex;
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .submission-buttons {
    flex-direction: column;
    margin: 0 0 25px 0;
  }
  .submission-buttons a {
    margin: 15px 0;
  }
}

@media screen and (max-width: 1000px) {
  input#searchInput {
    position: absolute;
    top: -40px;
    right: 15px;
    border: 2px solid #444;
    width: 170px;
  }
  .search .fa {
    color: #444;
  }
  a#searchButton {
    position: absolute;
    top: -44px;
    right: 15px;
  }
}

@media screen and (max-width: 768px) {
  input#searchInput {
    position: static;
  }
}


.auction-bid {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: #FFF;
  display: inline-block;
  width: auto !important;
  padding: 5px 10px;
  border-radius: 5px;
  border-top-right-radius: 0;
}


/**
  Home page updates
 */

.heartCtr .comments div.bid {
  color: black;
  background-color: #FFF;
  right: 20px;
  position: absolute;
  bottom: 20px;
  padding: 5px 10px;
  border-radius: 5px;
  border-top-right-radius: 0;
}

.heartCtr .comments div.bid:empty {
  display: none;
}

.time-tags-cats {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: #FFF;
  display: inline-block;
  width: auto !important;
  padding: 5px 10px;
  border-radius: 5px;
  border-top-right-radius: 0;
}

.time-tags-cats:empty {
  display: none;
}


@media screen and (max-width: 550px) {
  div#blog_post_detail_overlay .time-tags-cats,
  div.homeRow .time-tags-cats
  {
    left: 5px !important; 
  }

  div#blog_post_detail_overlay .bid,
  .heartCtr .comments div.bid,
  .auction-bid
  {
    right: 5px !important;
  }

  div#blog_post_detail_overlay .time-tags-cats,
  div.homeRow .time-tags-cats,
  div#blog_post_detail_overlay .bid,
  .heartCtr .comments div.bid,
  .auction-bid
  {
    padding: 1px 4px !important;
  }

  div#blog_post_detail_overlay div
  {
    bottom: 27px !important;
    display: none !important;
  }

  .heartCtr .comments div.bid, 
  div.homeRow .time-tags-cats,
  .auction-bid
  {
    bottom: 5px !important;
  }
}

.pagination-nav .disabled{
  color:#23527C;
}

.pswp__top-bar {
  top: 50px!important;
}

#end-listing-button, .ppi_promo{
  cursor: pointer;
}

.vCarShow .ppi_promo img{
  margin-bottom: 15px;
  padding: 15px;
}