.user-menu
{
	margin-bottom: 20px;
}
.header-extrass{display: flex;align-items: center;margin: 0 -10px;
  justify-content: space-around; width: 100%}
.header-extrass a{position: relative;width: 35px;height: 35px;margin: 0 10px;display: flex;align-items: center;
    justify-content: center;font-size: 14px;}
.header-extrass a { color: #fff }
.header-extrass .header-extra-num{position: absolute;right:-10px;top:-10px;
    width: 20px; height:20px;font-size: 11px;background: red;color: #fff;border-radius: 50%;
    display: flex;align-items: center;justify-content: center;font-weight: bold;
}

h3 {
    font-size: 1.125rem;
    margin: 0px;
}

h4 {
    font-size: 1rem;
    margin: 0px;
}

h2 {
	font-size: 1.5rem;
}

.details-block {
	font-size: 1rem !important;
}

.section-title {
    margin-bottom: 30px;
    width: 100%;
    color: #fff;
    background: #3171ac;
    height: 50px;
    text-align: right;
    padding: 0 20px 0 0;
    line-height: 50px;
}

.section-title i.fa-align-right {
    background: #fff;
    color: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
}

.fas.fa-heart 
{
	color: #cc162c;
}


.car-paragraph {
    padding-bottom: 70px;
    min-height: 100px;
}

.car-paragraph p {
    color: #777;
}


 .prod-blk  .model-header, .prod-blk .contact-ways {
    color: #777;
    font-size: 16px;
}

 .prod-blk .model-header i {
    width: 35px;
    height: 35px;
    color: #3171ac;
    text-align: center;
    line-height: 35px;
}

.prod-blk .contact-ways i {
    background: #3171ac;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    line-height: 35px;
}

.prod-blk .contact-ways h3
{
	margin-bottom: 10px;
}


 #adv-category-title, #adv-category-title a {
    margin-top: 5px ;
    margin-bottom: 5px ;
    color: #919191 ;
}


#adv-category-title {
    background: #eee;
    width: auto;
    height: auto;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    right: 20px;
}

.input-icon-wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding-bottom: 1rem;
    padding-top: 1rem;
	background-color: #eee;
}

.input-icon-wrap a {
    color: #aaaaaa;
}


.box-title {
  font-family: "GESSTOW_Medium";
  font-size: 18px;
  font-weight: bold;
  color: #0c4487;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 12px;
  margin-top: 40px; }

.advertisement {
  text-align: center; }

.mobile-box {
  height: 170px;
  padding-top: 20px;
  background: #f5f6f7;
  border: 1px solid #d9d9d9;
  margin-bottom: 3px;
  text-align: center; }
  .mobile-box:hover {
    background: #ffffff; }

.HTC {
  display: block;
  text-align: center;
  background: #0c4487;
  padding: 8px 15px;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff; }
  .HTC:hover {
    background: #0c3c74; }
  .HTC a {
    color: #ffffff;
    text-decoration: none; }

.pho {
  margin: auto; }

.username,
.date-time {
  display: inline-block; }

.com .user-name {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: normal;
  color: #0c4487;
  padding: 4px;
  background-color: #eeeeee;
  margin-bottom: 0;
  border: 1px solid #d9d9d9; }
.com.reported .comment2 {
  background-color: #FFC0C0; }

.date-time {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: normal;
  color: #b7b7b7;
  margin-right: 8px; }

.bootstrap-datetimepicker-widget {
  background-color: #eeeeee;
  border: 1px solid #e1e1e1; }

.comment2 {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: normal;
  color: #767676;
  background-color: #e6e6e6;
  padding: 10px 5px 5px;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden; }

.com {
  border-bottom: 1px solid rgba(217, 217, 217, 0.4);
  padding-bottom: 10px; }

.comment-form {
  width: 100% !important; }
  
.comment {
    background: #f6f6f6;
}

.comment .comment-box h3 {
	padding: .75rem 1.25rem;
	margin-top: 20px;
	margin-bottom: 20px;
}

.comment textarea {
    background: none;
}

/*====================
====== style login
======================*/
.form-title {
  margin-top: 60px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #0c4487; }

.login-form {
  width: 60%;
  margin: 50px auto; }
  .login-form .form-label {
    font-size: 14px;
    font-weight: bold;
    color: #0c4487;
    padding: 0 10px; }
  .login-form .form-input {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: normal;
    color: #3D3A3A; }
  .login-form .checkbox {
    padding-top: 0 !important;
    width: 20%;
    float: right;
    margin-right: 180px; }
    .login-form .checkbox label {
      display: block;
      font-size: 14px;
      font-weight: normal;
      color: #3D3A3A; }
  .login-form .btn-div {
    float: left;
    margin-right: 0 !important; }
    .login-form .btn-div .form-btn {
      background: #ffb463 !important;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ffb463 0%, #ff8400 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb463), color-stop(100%, #ff8400)) !important;
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #ffb463 0%, #ff8400 100%) !important;
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #ffb463 0%, #ff8400 100%) !important;
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #ffb463 0%, #ff8400 100%) !important;
      /* IE10+ */
      background: linear-gradient(to bottom, #ffb463 0%, #ff8400 100%) !important;
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb463', endColorstr='#ff8400', GradientType=0) !important;
      /* IE6-9 */
      border: none !important;
      font-family: Tahoma;
      font-size: 14px;
      font-weight: normal;
      color: #ffffff;
      padding: 8px 18px;
      float: left; }

.registration {
  text-align: center;
  margin-top: -5px !important; }
  .registration .register {
    font-size: 14px;
    font-weight: normal;
    color: #3D3A3A; }
  .registration span {
    font-size: 14px;
    font-weight: normal;
    color: #3D3A3A;
    margin: 0 15px; }

/*====================
====== style registration
======================*/
.conditions {
  color: #767676;
  min-height: 100px;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 15px;
  margin: 35px auto;
  overflow: hidden; }
  .conditions h2 {
    text-align: center;
    margin: 5px auto 25px; }
    .conditions h2 span {
      font-size: 16px;
      font-weight: normal;
      color: #ffffff;
      background: #767676;
      padding: 10px 20px;
      text-align: center;
      border-radius: 5px; }
  .conditions p {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: normal;
    color: #767676;
    line-height: 30px; }
  .conditions .condition-list {
    list-style-type: none; }
    .conditions .condition-list li {
      font-family: Tahoma;
      font-size: 14px;
      font-weight: normal;
      color: #767676;
      display: block;
      margin-bottom: 10px; }
      .conditions .condition-list li::before {
        content: '\2022';
        display: block;
        position: relative;
        max-width: 0;
        max-height: 0;
        right: -22px;
        top: -5px;
        color: #767676;
        font-size: 20px; }
  .conditions .condition-btn {
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    background: #767676;
    text-align: center;
    border-radius: 5px;
    border: none !important;
    padding: 6px 30px; }
    .conditions .condition-btn:hover {
      background: rgba(118, 118, 118, 0.69); }
  .conditions .checkbox {
    padding: 15px 20px !important;
    width: 100%; }
    .conditions .checkbox label {
      display: block;
      font-family: Tahoma;
      font-size: 14px;
      font-weight: normal;
      color: #767676; }
  .conditions:hover {
    background: rgba(242, 242, 242, 0.5) !important; }
  .conditions .btn-div {
    text-align: center; }



/*============================================
=== single-page2
=============================================*/


.prod-blk li {
    display: block;
}

.prod-blk li h5, .prod-blk li h4, .prod-blk li a {
    line-height: 30px;
    color: #777;
}

.prod-blk li a:hover {
    color: #003464;
}

.prod-blk .left-content ul {
    padding: 30px;
}

.prod-blk {
    border-bottom: solid 1px #3171ac;
    padding-bottom: 30px;
}

.prod-blk h3 i {
    margin-left: 10px;
}

.prod-blk .model-header {
    border-bottom: solid 1px #3171ac;
	background-color: #eee;
}

.prod-blk .details-block {
    overflow: hidden;
    /*padding: 30px 0;*/
}

.prod-blk .details-block ul li {
    width: 50%;
    float: right;
}

.prod-blk .contact-ways {
    overflow: hidden;
}

.prod-blk .slider {
    margin-bottom: 30px;
	border-bottom: solid 1px #3171ac;
    overflow: hidden;
}

.prod-blk .slider img {
    padding-bottom: 30px;
}


.advleftside {
    background-color: #F8F7F7;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
	padding: 10px;
	margin-bottom: 20px;
}


#adv-left-img-title {
    background: #eee;
    width: auto;
    height: auto;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px !important;
    color: #919191 !important;
    border-radius: 0px 10px 10px 0px;
}


.adv-left-img-thumbs {
    color: #919191;
    background-color: #f7fbfa;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}

.adv-left-img-thumbs img {
    width: 100%;
    height: auto;
    margin: 0px auto !important;
    padding: 2px;
    border: 1px solid #ccc;
    margin-bottom: 4px !important;
    border-radius: 3px;
}



/*============================================
=== Messsages
=============================================*/

.all-messages {
  list-style-type: none;
  margin-right: 40px; }
  .all-messages a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #767676;
    padding: 10px;
    border-bottom: 1px solid rgba(217, 217, 217, 0.4); }
  .all-messages .single-message {
    margin: 0;
    padding: 0; }

.pagination2 {
  float: left !important; }

.all-comments {
  list-style-type: none; }
  .all-comments li {
    background: url("../images/com.png") no-repeat 96% 20px;
    padding-right: 9px;
    position: relative; }
    .all-comments li .single-comment .comment-date {
      font-size: 11px;
      margin-top: 3px; }
    .all-comments li .single-comment hr {
      margin: 3px 0 10px 0; }
    .all-comments li:nth-child(odd) .single-comment {
      display: block;
      padding: 0 15px 15px;
      margin-bottom: 15px;
      border-radius: 5px;
      background: #d6d6d6;
      font-family: Tahoma;
      font-size: 14px;
      font-weight: normal;
      color: #767676;
      width: 96%;
      margin-right: 32px;
      border: 1px solid #d9d9d9; }
    .all-comments li:nth-child(even) .single-comment {
      display: block;
      padding: 0 15px 15px;
      margin-bottom: 15px;
      border-radius: 5px;
      background: #eaeaea;
      font-family: Tahoma;
      font-size: 14px;
      font-weight: normal;
      color: #767676;
      width: 96%;
      margin-right: 32px;
      border: 1px solid #d9d9d9; }
    .all-comments li strong {
      position: absolute;
      right: -5px;
      top: 15px;
      font-family: Tahoma;
      font-size: 14px;
      font-weight: normal;
      color: #0c4487; }
  .all-comments .unread small {
    background-color: #afd9ee !important;
    border: 1px solid #bce8f1 !important;
    color: #31708f !important; }

.chat .form-btn {
  background: #ffb463 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffb463 0%, #ff8400 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb463), color-stop(100%, #ff8400)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffb463 0%, #ff8400 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffb463 0%, #ff8400 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffb463 0%, #ff8400 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #ffb463 0%, #ff8400 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb463', endColorstr='#ff8400', GradientType=0) !important;
  /* IE6-9 */
  border: none !important;
  font-family: Tahoma;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  padding: 8px 18px;
  float: left; }

@media only screen and (max-width: 768px)
{
.login-form {
    width: 100% !important;
}
}

@media only screen and (max-width: 768px)
{
.contact-ways h3 {
    margin-bottom: 10px;
}
}