/*///////////////////////////////// Pagination Style //////////////////////////////////*/



  .link { 

    color: white;

    cursor: pointer;

    font-size: 14px;

    padding : 6px 8px;

    border-left : 0px;

    background : #1c2730;

    border-right : #fff 1px solid;

  }



  .link:hover {

    color: white;

    background : #00a69c;

  }



  .disabled:hover {

    color: black;

    cursor: not-allowed;

    background: transparent;

  }



  .current { background: #00a69c; }



  .first { /*border-left:#fff 1px solid;*/ }



  .dot {

    padding: 6px 8px;

    background: transparent;

    border-right: #fff 1px solid;

  }



  .smart_device {

    margin: 5px;

    color: #a1aaad;

    font-size: 18px;

    padding: 6px 20px;

    text-align: center;

    border-radius: 15px;

    background: #1c2730 none repeat scroll 0 0;

  }



  .smart_device:hover {

    color: #fff;

    cursor: pointer;

    background : #00a69c;

    text-decoration: none;

  }



/*///////////////////////////////// Listing Style ////////////////////////////////////*/



  .list_loader {

    top: 0px; 

    left: 0px; 

    width: 100%; 

    height: 100%; 

    display: none;

    z-index: 9999; 

    position: fixed;

    background: url(../images/loader.gif) center no-repeat rgba(170, 170, 170, 0.35);

  }



  .post_link, .post_link:hover, .post_link:visited { color: #000; }



  .img-box {

    height: 150px;

    max-width: 100%;

    overflow: hidden;

  }



  .supreme_ad_bg {

    color: #000;

    background: #e9ebee;

  }



  img.img-responsive.right_side_img {

    /*margin: auto;

    padding: 1px;

    width: 300px;

    height : 150px;

    padding-bottom: 3px;

    height: -webkit-fill-available;*/

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    height : 150px;

    /*max-width: 194px;*/

    /*position: absolute;*/

    /*padding-left: 10px;*/

    padding-bottom: 5px !important;

  }



  .right_side_dealer_logo {

    margin: auto;

    height: 120px;

    margin-top: 5%;

    max-width: 100%;

    overflow: hidden;

    margin-right: 15%;

  }



  @media (max-width: 767px) {

    

    .img-box { height: 160px; }



    img.img-responsive.right_side_img { 

      height: 160px;

      padding-bottom: 0 !important;

    }

  }



  @media (min-width: 375px) and (max-width: 424px) {

    .featured-ribbon { left: 8%; }

  }



  @media (min-width: 425px) and (max-width: 599px) {



    .featured-ribbon { left: 13.5%; }



    .right_side_dealer_logo { margin-right: 20%; }

  }



  @media (min-width: 600px) and (max-width: 767px) {



    .featured-ribbon { left: 24.2%; }



    .right_side_dealer_logo { margin-right: 25%; }

  }



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

    .featured-ribbon { font-size: 13px; }

  }



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

    img.img-responsive.right_side_img { padding-bottom: 0 !important; }

  }



  @media (max-width: 991px) {

    .right_side_dealer_logo {

      margin-top: 1%;

      margin-bottom: 1%;

    }

  }



  .reset_link {

    float: right;

    font-size: 12px;

    cursor: pointer;

    margin-top: -7px;

  }



  /*.reset_link:hover{ color: #777; }*/



  .listing_select {

    margin-top: 5px;

    margin-bottom: 5px;

  }



  label.filter-check.clearfix input { cursor: pointer; }



  .row.row-margin {

    padding-top: 5px;

    transition: 0.3s ease all;

    -webkit-transition: 0.3s ease all;

    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);

  }



  .row.row-margin:hover {

    cursor: pointer;

    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.19), 0px 6px 6px rgba(0, 0, 0, 0.23);

  }



  .list_top_banner_box {

    margin: auto;

    overflow: hidden;

    max-width: 950px;

    max-height: 125px;

  }



  .list_banner_box {

    margin: auto;

    overflow: hidden;

    max-width: 750px;

    max-height: 125px;

    margin-bottom :20px;

  }



  .banner_pic, .listing_pic {

    margin: auto;

    max-height: 125px;

  }



  @media (max-width: 991px) {

    .list_top_banner_box { margin-top: 4px !important; }

  }



/*///////////////////////////////// Review Page Style ////////////////////////////////*/



  .single-view-slider {

    padding: 0px;

    margin-top: 5px;

  }



  .slider_box {

    max-height: 500px;

    min-height: 500px;

    position: relative;

    background-color: black;

  }



  .slider-control { opacity: 0; }



  .slider_img {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-height: 500px;

    position: absolute;

  }



  .review_page_banner {

    margin: auto;

    height: 200px;

    overflow: hidden;

    max-width: 250px;

    position: relative;

    margin-top: 2px;

    border: 1px solid #ddd;

  }



  .review_page_pic {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-height: 200px;

    position: absolute;

  }



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



  .item .thumbs {

    width: 24.7%;

    float: left;

    height: 150px;

    cursor: pointer;

    overflow: hidden;

    margin-right: 2px;

    position: relative;

  }



  .thumb_img {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    display: block;

    max-width: 100%;

    max-height: 140px;

    position: absolute;

  }



  @media (min-width: 501px) and (max-width: 767px) {

    .item .thumbs { width: 24.4%; }

  }



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

    .item .thumbs { width: 24.5%; }

  }



  @media (min-width: 991px) and (max-width: 1199px) {

    .item .thumbs { width: 24.6%; }

  }



  .single_view_user_logo_box {

    margin: auto;

    height: 200px;

    overflow: hidden;

    max-width: 250px;

    position: relative;

  }



  .single_view_user_logo {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    height: 200px;

    position: absolute;

  }



/*///////////////////////////////// Save Ads Style ///////////////////////////////////*/



  span.glyphicon.glyphicon-heart-empty.save_ads {

    top: 10px;

    color: red;

    font-size: 25px;

  }



  span.badge {

    margin-top: 4px;

    min-width: 20px;

    padding: 7px 7px; 

    margin-left: -20px;

    background-color: #1c2730;

  }



  span.save_ads_counter { z-index: 10; }



  .glyphicon.glyphicon-heart-empty.like_post {

    color: #1c2730;

    margin-top: 8px;

    font-size: 30px !important;

  }



  .glyphicon.like_post.glyphicon-heart {

    color: red;

    margin-top: 8px;

    font-size: 30px !important;

  }



  .save_ads.pull-right { cursor: pointer; }



/*///////////////////////////////// Chat Realted Style ///////////////////////////////*/ 



  .online_user_icon {

    margin-left: auto;

    margin-right: 10px;

    margin-bottom: 3px;

    position: relative;

  }



  .icon_margin {

    margin-top: -27px;

    margin-right: 2px;

  }



  @media (min-width: 320px) and (max-width: 767px) {



    .online_user_icon { margin-top: 10%; }



    .icon_margin { margin-top: 100px; }

  }



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



    .online_user_icon { margin-top: 10%; }



    .icon_margin { margin-top: 98px; }

  }



  @media (min-width: 992px) and (max-width: 1199px) {

    .online_user_icon { margin-top: -34%; }

  }



  @media (min-width: 1200px) {

    .online_user_icon { margin-top: -22%; }

  }



  .review_page_online_icon {

    margin: auto;

    margin-top: -4px;

    position: relative;

    margin-bottom: -20px;

  }



  /*************** Online Users List Box ***************/



    #online_users { display: none; }



    .chat_box_btn_div_1 { 

      z-index: 9;

      right: 5px;

      bottom: 1px;

      width: auto;

      display: flex;

      cursor: pointer;

      position: fixed;

      max-height: 100%;

      flex-direction: row-reverse;

  	}



  	.chat_box_btn_div_2 {

      width: 60px; 

      height: 60px; 

      border-radius: 50%;

      background: rgb(26, 82, 156); 

  	}



  	.chat_box_btn {

      top: 18%;

      height: 70%;

      width: 100%;

      position: relative;

      background: url("../../images/chat-box-sign.png") center no-repeat;

  	}



    .button-blink {

      -webkit-animation: glowing 1500ms infinite;

      -moz-animation: glowing 1500ms infinite;

      -o-animation: glowing 1500ms infinite;

      animation: glowing 1500ms infinite;

    }



    @-webkit-keyframes glowing {

      0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }

      50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }

      100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }

    }



    @-moz-keyframes glowing {

      0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }

      50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }

      100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }

    }



    @-o-keyframes glowing {

      0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }

      50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }

      100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }

    }



    @keyframes glowing {

      0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }

      50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }

      100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }

    }



  	.user_list_box {

  		right: 5px;

      bottom: 0px;

      z-index: 10;

      width: 230px;

      font-size: 13px;

  		position: fixed;

  		overflow: hidden;

  		background: #e9ebee;

  		border-radius: 10px;

  		box-shadow: rgba(0, 0, 0, 0.25) 0px 0.2em 1.3em;

  	}



  	.user_list_head_div {

  		/*color: #a1aaad;*/

  		padding: 2px 8px;

      font-weight: bold;

  		background: #1c2730;

      color: rgb(234, 239, 241);

  	}



    .box_head {

      margin-left: 5px;

      font-weight: bold;

    }



  	.user_list_body {

  		height: 300px;

  		overflow-y: auto;

    	overflow-x: hidden;

  	}



  	.user_name {

      padding: 5px;

      cursor: pointer;

      white-space: nowrap;

      text-overflow: ellipsis;

  	}



  	.online_sign {

  		width: 8px;

  		height: 8px;

      margin-left: 5px;

  		border-radius: 50%;

  		background: #42b72a;

      display: inline-block;

  	}



    .offline_sign {

      width: 8px;

      height: 8px;

      margin-left: 5px;

      display: inline-block;

      background: transparent;

    }



    .user_name:hover {

      text-decoration: none;

      background-color: #dddfe2;

      box-shadow: 1px 0 0 #eaebed inset;

    }



    .badge.new_msg {

      top: -3px;

      min-width: 18px;

      margin-left: 2px;

      padding: 6px 3px;

      position: relative;

      background-color: #1c2730;

    }



    .new_msg > .new_msg_count {

      top: 1px;

      font-size: 11px;

      position: relative;

    }



  /*************** User Chat Box ***************/



    .message_box { right: 250px; }



    @media (min-width: 300px) and (max-width: 499px) {

      .message_box {

        right: 5px;

      }

    }



    .message_box_head {

      /*color: #a1aaad;*/

      padding: 2px 8px;

      font-weight: bold;

      background: #1c2730;

      color: rgb(234, 239, 241);

    }



    .message_box_body {

      height: 225px;

      overflow-y: auto;

      overflow-x: hidden;

    }



    .message_box_close {

      color: white;

      opacity: 0.5;

      margin-right: -10px;

    }



    .message_box_close:hover, .message_box_minus:hover {

      opacity: 1;

      color: white;

    }



    .message_box_minus {

      right: 28px;

      color: white;

      opacity: 0.5;

    }



    .msg_container {

      display: flex;

      padding: 10px;

      overflow: hidden;

      margin-bottom: -10px;

    }



    /*.base_sent {

      align-items: flex-end;

      justify-content: flex-end;

    }*/



    /*.base_recieve { }*/



    /*.msg_sent {

    }*/



    .msg_receive { background: rgba(26, 82, 156, 0.12) !important; }



    .messages {

      padding: 10px;

      max-width:100%;

      background: white;

      border-radius: 2px;

      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    }



    .messages > p { margin: 0 0 0.2rem 0; }



    .messages > time {

      float: right;

      color: #a1aaad;

      font-size: 11px;

      margin-top: -5px;

      margin-right: -2px;

    }