@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

html, body{font-family:Poppins-Regular, Calibri, Arial; color:#000; font-size:13px; line-height: 22px;}

a{color: #337ab7; text-decoration: none; transition: color 0.3s ease-in-out;}
a:hover{color: #23527c; text-decoration: underline;}

.linkBlue{color:#3cabe4;}
.linkBlue:hover{color:#333;}

.clearfix{width:100%;}

/* Back to top button */

.back-to-top{position:fixed; display:none; background:#3f8bae; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:11;}
.back-to-top i{padding-top:12px; color:#fff;}

/* Prelaoder */

#preloader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden; background:#fff;}
#preloader:before {content:""; position:fixed; top:calc(50% - 30px); left:calc(50% - 30px); border:6px solid #f2f2f2; border-top:6px solid #3f8bae; border-radius:50%; width:60px; height:60px; -webkit-animation:animate-preloader 1s linear infinite; animation:animate-preloader 1s linear infinite;}

@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.header{/*background:rgba(255,255,255, 0.8);*/ background:#fff; box-shadow:0 0 10px #eee;}
.header-upper{background:#3f8bae; height:35px;}

.logo{padding:10px 0;}
.header-links-wrapper .header-top-right{float:right; width:auto; position:relative; margin-top:0 !important;}
.header-top-right ul li {float: left;}
.header-top-right ul li a{padding: 8px 10px 8px 10px; float: left; font-size: 14px; float: left; line-height: 18px; color: #fff; text-decoration: none; margin: 0; text-transform: capitalize;}

.manageAdd{margin:25px 0 0;}
.manageAdd a{background:url(../images/nav-bg.png) repeat-x left; height:auto; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none; padding:3px 10px; border-radius:5px; border:1px solid #025a8d;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.top-navbg{ background:url(../images/nav-bg.png) repeat-x left; height:35px; margin:0;}
/* Desktop Navigation */
.main-nav, .main-nav * { margin:1px 0 0; padding: 0; list-style: none; }
.main-nav > ul > li { position: relative; white-space: nowrap; float: left; margin:0;}
.main-nav a {display: block; color:#fff; position: relative; margin:0;padding:7.1px 20px; text-decoration:none; transition: 0.3s; font-weight:normal;line-height: 20px; border-right:1px solid #005281;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color: #fff; background:#d97f1d; text-decoration: none;}
.main-nav .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% + 30px);z-index: 999;opacity: 0;visibility: hidden;padding:0;background: #0469a4;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 180px;position: relative;}
.main-nav .drop-down ul a {padding: 10px 20px;font-size: 13px;color: #fff; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color: #fff;}
.main-nav .drop-down > a:after {content: "\f107";font-family: FontAwesome;padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}

/* Mobile Navigation */
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;background: rgba(19, 39, 57, 0.8);transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #fff;padding:5px 10px;font-weight: 500;font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color: #3f8bae;text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle{position:absolute; right:0; top:78px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin: 10px 10px 0 0; color: #fff;}
.mobile-nav-overly{width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19, 39, 57, 0.8); overflow: hidden; display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #3f8bae;}

.place-ads-btn{width:auto; height: 55px; float: right; margin: -7px 0px 0 0; position: relative;}

.btn-primary{background:#3f8bae; border-color:#3f8bae; padding:0.375rem 1.5rem; outline:none; margin:0 2px;}
.btn-primary:hover{background:#3f8bae; border-color:#3f8bae; color:#fff;}
.btn-primary:focus, .btn-primary.focus {box-shadow: none;}
.btn-secondary{padding:0.375rem 1.5rem; margin:0 5px;}
.btn-light{padding:0.375rem 1.5rem; margin:0 5px;}

.allfeature{border-color:#3f8bae; font-size:16px; font-weight:bold; color:#3f8bae;}
.allfeature:hover{background:#3f8bae; color:#fff;}

.btn:active:focus, .btn:focus{outline:none;}

.master-wrapper-content{margin:10px 0; min-height:460px;}
.Main_header{text-align:center; padding: 0 5px; margin:0 0 10px; font-size:32px; font-weight: 700; padding:5px 0; color:#333;}
.NewTag {
    background: #808080;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    z-index: 99;
    position: absolute;
    padding: 3px 10px;
}

.SoldTag {
    background: #f00;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    z-index: 99;
    position: absolute;
    padding: 3px 10px;
}

.QS_SoldTag {background: #F00; float: right; color: #fff; font-size: 14px; font-weight: bold; padding: 3px 10px;}
.QS_NewTag {background: #808080; float: right; color:white; font-size: 14px; font-weight: bold; padding: 3px 10px;}




.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}

.left-body-icon-section{width:100%; float:left; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999; padding:10px; border-radius:5px; border:1px solid #ccc; background:#fcfcfc;}
.left-body-icon-section .nav-tabs .nav-link {font-size:18px;}
.left-body-icon-section .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color: #fff; background-color: #428cb9; border-color: #dee2e6 #dee2e6 #fff;}
.left-body-icon-section .nav-tabs .nav-link {background: #e7e7e7; color: #333; text-transform: uppercase;}

.BodyStyle ul { border: 0; margin: 0; padding: 0; list-style-type: none;}
.BodyStyle ul > li {width: 119px !important; margin: 0px; list-style: none; float: left; height: 80px;}
.BodyStyle a{font-size: 12px; display: inline-block; min-height: 28px; line-height: 1.5; text-decoration: none; color: #333; text-align: center; width: 100%; padding-top: 3px;}
.BodyStyle ul li img {width: 75px;}

.right-search-section{width:100%; float:left; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999; padding: 7px; border-radius:5px; border: 1px solid #ccc;}
.popup-select-right-spc{margin:45px 0 0;}
.right-search-head{font-size: 20px; font-weight: normal; color: #fff; background: #428cb9; padding: 10px 10px; border-bottom: 1px solid #ccc; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px;  border-bottom-right-radius: 0px; text-align: center; text-transform: uppercase; margin-bottom: 5px;}
.right-search-section .nav-tabs .nav-link {font-size:18px;}
.right-search-section .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color: #fff; background-color: #ff9c5a; border-color: #dee2e6 #dee2e6 #fff;}
.right-search-section .nav-tabs .nav-link {background: #e7e7e7; color: #333; text-transform: uppercase;}

/*Map in index pop up*/
.popup-sports-bike{margin:25px 0 0;}
.popup-sports-bike img {width: 100% !important; height: auto;}
.popup-sports-bike img:hover{opacity:0.9;}
.map-left{float:left; cursor:pointer;}
.map-top{float:left; margin-top:-12px;cursor:pointer;}
.map-right{float:left; margin-top:-12px;cursor:pointer;}
.map-right-south{float:left; margin:58px 0px 0 -104px;cursor:pointer;}
.map-atc{ float:left; margin:92px 0px 0 -54px;cursor:pointer; z-index:99999; position:relative;}
.map-north{float: left; margin-top: 73px; margin-left: -54px; cursor:pointer;}
 .map-btm2{float: left; margin-top: 97px; margin-left: -55px; cursor: pointer; height: 24px; width: 31px; z-index: 1000; position:relative; display:block;} 
.map-btm{float: left; margin-top: 117px; margin-left: -54px; cursor:pointer;}


.AdvSchLink {float: left; padding-left: 5px; width:100%; text-align: center;}
.AdvSchLink a{font-size: 15px; color: #1a7aae; text-decoration: none; padding: 0 0 0 7px; margin: 0 10px 0 0;}
.AdvSchLink a:hover {color: #333;}

.searchform{border-radius:0; border:none; border-bottom:1px solid #ccc;}
.btn-search{width:100%; text-align:center; background:#ff9c5a; border:1px solid #ff9c5a; text-transform:uppercase; font-size:18px;}

.slider-pannel:hover .Hl_side_btn {display: block; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s;}
.slider-pannel img{width:100%; height:100%;}
#description {width: 100%; background: url(../images/blk-bg.png); color: #fff; padding: 5px; position: absolute; z-index: 999; margin: -45px 0 0; bottom: 0; line-height:18px;}
#iCarouselNext{text-indent: -9999px; position: absolute;}
#iCarouselPrev {text-indent: -9999px; position: absolute;}


.right-quick-area {width: 100%; background: #fff; border: 1px solid #eae6da; float: left; margin: 10px 0 0;}
.QuickSaleHeader {font-size: 20px; font-weight: normal; color: #fff; background: url(../images/head-bg.png) repeat-x; padding: 4px 10px;}
.QuickSaleArea {width: 96%; height: auto; float: left; border-bottom: 1px solid #ccc; padding: 10px 0 5px; margin: 0 5px;}
.QuickSaleArea:last-child {width: 96%; height: auto; float: left; border-bottom: 0; padding: 10px 0 5px; margin: 0 5px;}
.QuickSaleArea img {width: 65px; height: 50px; padding: 1px; border: 2px solid #ccc; float: left; margin: 0 5px 0 0;}
.QuickSaleArea .QuickSaleContent {width: 67%; height:55px; overflow: hidden; float: left; color: #555; font-size: 12px; line-height: 18px;}
.QuickSaleArea .QuickSaleContent a{color: #337ab7; text-decoration: none;}
.QuickSaleArea .QuickSaleContent a:hover{color: #23527c; text-decoration: underline;}
.QuickSaleArea .QuickSaleContent .QuickSaleHead:hover {color: #333;}
.QuickSaleArea .QuickSaleContent .Date {font-size: 11px; color: #999; font-style: italic;}
.QuickSaleArea .QuickSaleContent .Date img {width: 14px; height: 13px; margin: 4px 10px 0 0; float: left; background: 0; border: 0; padding: 0;}


.AcessoriesContener{width: 100%; background: #fff; box-shadow: 0 0 8px #999; float: left; margin:20px 0; padding:0;}
.BlueHeader {font-size: 20px; font-weight: normal; color: #fff; background: url(../images/head-bg.png) repeat-x;  padding: 4px 10px;}
.AcessoriesContener_Section{width:100%; height: auto; float: left; padding:15px;}
.AcessoriesContener_Section .boxbdr {width: 275px; height: 240px; padding: 0 10px; float: left; border-right: 1px solid #ccc; border-right-style: dashed; margin: 10px 0;}
.AcessoriesContener_Section .boxbdr a{color: #337ab7; text-decoration: none;}
.AcessoriesContener_Section .boxbdr a:hover{color: #23527c; text-decoration: underline;}
.AcessoriesContener_Section .boxbdr .content {width: 100%; height: 240px; padding: 0; float: left; border-bottom: 1px solid #ccc; border-bottom-style: dashed; color: #666;}
.AcessoriesContener_Section .boxbdr .image {width: 100%; height: auto; padding: 0; margin: 0 0 6px; text-align: center;}
.AcessoriesContener_Section .boxbdr .image img {width:100%; height: 140px;}
.AcessoriesContener_Section .boxbdr:last-child{ border-right:0; border-right-style:none;}
.AcessoriesContener_Section .boxbdr .content .Date {background:#555; color:#f7f5ee; width:auto; padding:2px 5px; float:left; font-size:11px; margin:0 0 5px; line-height:18px;}
.AcessoriesContener_Section .boxbdr .content .Date img {width: 12px; height: 12px; margin: 2px 5px 0 0; float: left; background: 0; border: 0; padding: 0;}
.AcessoriesContener_Section .boxbdr .content .Price {color: #006199; width: auto; padding: 0; float: left; font-size: 20px; font-weight: bold; margin: 0;}

.AcessoriesContener_Section .boxbdr .image .sold {background: #f00; color: #fff; font-size: 16px; font-weight: bold; z-index: 99; position: absolute; padding: 3px 10px; margin: -125px 0 0;}
.AcessoriesContener_Section .boxbdr .image .new {background: #0771af; color: #fff; font-size: 16px; font-weight: bold; z-index: 99; position: absolute; padding: 3px 10px; margin: -125px 0 0;}



.popup-left{border-right:1px solid #ddd;}
.modal-body h2 {background:none; color:#2196f3; font-size:25px; line-height:30px; border:none; text-align:center;}

/*----------------------- Start Post Ad CSS ---------------------*/
.postad_section{border:1px solid #ccc; padding:0;}
.postpd_head {font-size:18px; font-weight: normal; color: #000; padding: 5px 10px; border-bottom: 1px solid #ccc; background: #eee; margin: 1px;}
.required_info{color:#428cb9; float:right; font-size:13px;}
.required{color:#f00;}

.PromoteAdv_box{width:100#; height:auto; background:#fefff7; border:1px solid #ccc; margin:0 0 10px;}

.hightlighted-bg{width: 100%; height: auto; border-left: 10px solid #f89c1b;}
.top-text{width: 100%; float: left;}
.hightlighted-head {font-size: 22px; font-weight:bold; color: #f89c1b; padding: 13px 0 0 20px; float: left; width: 160px;}
.view-text {float: left; padding:15px 0 0px 45px; font-size: 12px; width: 170px;}
.view-text a {text-decoration: underline;}
.view-text a:hover {text-decoration: none;}
.add-text{padding: 10px 0 0 70px; font-size: 12px; font-weight: bold; float: left; text-align: center; width: 150px; color:#333;}
.add-days{padding: 10px 0 0 55px; font-size: 12px; font-weight: bold; float: left; color:#333;}
.add-apper{font-size: 12px; width: 100%; text-align: center;}
.featured-bg {width: 100%; height: auto; border-left: 10px solid #43a5d5;}
.featured-head {font-size: 22px; font-weight:bold; color: #43a5d5; padding: 13px 0 0 20px; float: left; width: 160px;}
.basic-paid-bg {width: 100%; height: auto; border-left: 12px solid #5252d6;}
.basic-paid-head{font-size: 22px; font-weight:bold; color: #5252d6; padding: 13px 0 0 20px; float: left; width: 160px;}
.basic-bg{width: 100%; height: auto; border-left: 12px solid #36393c;}
.basic-head {font-size: 22px; font-weight:bold; color: #36393c; padding: 13px 0 0 20px; float: left; width: 160px;}
.quick-bg{width: 100%; height: auto; border-left: 10px solid #80b848;}
.quick-head{font-size: 22px; font-weight:bold; color: #80b848; padding: 13px 0 0 20px; float: left; width: 160px;}

.subcategory-list{overflow-x: hidden; height:100px; border: 1px solid #ccc; padding:5px;}

/*------ Start All Radio Btn ---------*/
.radio-btn {
    float: left;
    padding:13px 0 0 12px;
}

.radio {
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
}

    .radio:hover .inner {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }

    .radio input {
        width: 1px;
        height: 1px;
        opacity: 0;
    }

        .radio input:checked + .outer .inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

        .radio input:checked + .outer {
            border: 3px solid #f89c1b;
        }

        .radio input:focus + .outer .inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            background-color: #f89c1b;
        }

    .radio .outer {
        width: 18px;
        height: 18px;
        display: block;
        float: left;
        margin: 0px;
        border: 3px solid #f89c1b;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 16px;
        height: 16px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #f89c1b;
        opacity: 0;
    }


    .radio:hover .inner {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }

    .radio input {
        width: 1px;
        height: 1px;
        opacity: 0;
    }

        .radio input:checked + .outer .inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

        .radio input:checked + .outer {
            border: 3px solid #f89c1b;
        }

        .radio input:focus + .outer .inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            background-color: #f89c1b;
        }

    .radio .outer {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        border: 3px solid #f89c1b;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 14px;
        height: 14px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #f89c1b;
        opacity: 0;
    }








    .radio:hover .inner2 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }


    .radio input:checked + .outer2 .inner2 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .radio input:checked + .outer2 {
        border: 3px solid #80b848;
    }

    .radio input:focus + .outer2 .inner2 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: #80b848;
    }

    .radio .outer2 {
        width: 18px;
        height: 18px;
        display: block;
        float: left;
        margin: 0px;
        border: 3px solid #80b848;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner2 {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 16px;
        height: 16px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #80b848;
        opacity: 0;
    }


    .radio:hover .inner2 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }

    .radio input {
        width: 1px;
        height: 1px;
        opacity: 0;
    }

        .radio input:checked + .outer2 .inner2 {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

        .radio input:checked + .outer2 {
            border: 3px solid #80b848;
        }

        .radio input:focus + .outer2 .inner2 {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            background-color: #80b848;
        }

    .radio .outer2 {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        border: 3px solid #80b848;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner2 {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 14px;
        height: 14px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #80b848;
        opacity: 0;
    }












    .radio:hover .inner3 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }


    .radio input:checked + .outer3 .inner3 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .radio input:checked + .outer3 {
        border: 3px solid #43a5d5;
    }

    .radio input:focus + .outer3 .inner3 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: #43a5d5;
    }

    .radio .outer3 {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        margin: 0px;
        border: 3px solid #43a5d5;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner3 {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 16px;
        height: 16px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #43a5d5;
        opacity: 0;
    }


    .radio:hover .inner3 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }


    .radio input:checked + .outer3 .inner3 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .radio input:checked + .outer3 {
        border: 3px solid #43a5d5;
    }

    .radio input:focus + .outer3 .inner3 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: #43a5d5;
    }

    .radio .outer3 {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        border: 3px solid #43a5d5;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner3 {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 14px;
        height: 14px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #43a5d5;
        opacity: 0;
    }








    .radio:hover .inner4 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }


    .radio input:checked + .outer4 .inner4 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .radio input:checked + .outer4 {
        border: 3px solid #5252d6;
    }

    .radio input:focus + .outer4 .inner4 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: #5252d6;
    }

    .radio .outer4 {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        margin: 0px;
        border: 3px solid #5252d6;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner4 {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 16px;
        height: 16px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #5252d6;
        opacity: 0;
    }


    .radio:hover .inner4 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }


    .radio input:checked + .outer4 .inner4 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .radio input:checked + .outer4 {
        border: 3px solid #5252d6;
    }

    .radio input:focus + .outer4 .inner4 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: #5252d6;
    }

    .radio .outer4 {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        border: 3px solid #5252d6;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner4 {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 14px;
        height: 14px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #5252d6;
        opacity: 0;
    }










    .radio:hover .inner5 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }


    .radio input:checked + .outer5 .inner5 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .radio input:checked + .outer5 {
        border: 3px solid #36393c;
    }

    .radio input:focus + .outer5 .inner5 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: #36393c;
    }

    .radio .outer5 {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        margin: 0px;
        border: 3px solid #36393c;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner5 {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 16px;
        height: 16px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #36393c;
        opacity: 0;
    }


    .radio:hover .inner5 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: .5;
    }


    .radio input:checked + .outer5 .inner5 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .radio input:checked + .outer5 {
        border: 3px solid #36393c;
    }

    .radio input:focus + .outer5 .inner5 {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background-color: #36393c;
    }

    .radio .outer5 {
        width: 24px;
        height: 24px;
        display: block;
        float: left;
        border: 3px solid #36393c;
        border-radius: 50%;
        background-color: #fff;
    }

    .radio .inner5 {
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        width: 14px;
        height: 14px;
        -webkit-transform: scale(o);
        -ms-transform: scale(o);
        transform: scale(o);
        display: block;
        margin: 2px;
        border-radius: 50%;
        background-color: #36393c;
        opacity: 0;
    }

/*------ End All Radio Btn ---------*/

.Uploadimg_Inactive{display:none;}
.upload-img{border: 1px solid #ccc; border-radius: 3px; outline: medium none; padding: 3px 0px 5px 9px; resize: none; background: #fefff7; width:100%; float: left;}
.main-photo{float: left; height: 100%; width: 65px; margin: 40px 0px 0px -120px;}
.upload_li{list-style-type: none; margin: 0; padding: 0;}
.upload_li li:first-child {border: 2px solid #f89c1b;}
.upload_li li{margin: 5px; /*padding: 2px;*/ float: left; font-size: 4em; text-align: center; width: 102px; height: 102px; position:relative; border:2px solid #fff;}
.close{background:url(../images/closeBtn.png); width:25px; height:25px; z-index:999999; position:absolute; right:-10px; top:-10px;}
.upload_li li img{width: 98px; height: 98px;}
.payment_box{width: 100%; float: left; border: 1px solid #CCC; margin: 2px 0px 5px; padding-bottom: 10px;}
.payment_box .table{width:99%; margin:5px; border:1px solid #ccc;}
.payment_box .table th{padding:2px 5px;}
.payment_box .table td{padding:2px 5px;}
.loyalty_point{float: right; font-size: 12px; font-weight: normal; color: #fff; padding:2px 5px; border: medium none; background: #F89C1B; margin: 0 10px 2px 0;}
.promocode-expand{color:#428cb9; cursor:pointer;}
.formfield .apply{color: #438106; cursor: pointer;}
.formfield .undo{color: #F00; cursor: pointer; padding-left: 10px;}


.right_scroll{width:34px; height:165px; margin:0; padding:0; float:right; position:fixed; right:20px; top:150px; border:none;}
.right-nav {width:800px;  overflow: hidden; margin-left:-430px; margin-top:-10px; position:fixed; border:none;}
.right-nav ul {position: relative; float: left;  width:800px; margin-left:450px;  padding-left: 0; list-style-type: none; border:none; }
.right-nav li{float: left; clear: left;  border:none;}

.right-nav a{display: block; width:35px; height:180px; padding:0 0 0px 5px; float: left; text-align: center; text-decoration: none; color: #000; background:url(../images/Comparison_red.png) no-repeat 0px -0px; border:none; margin:0;}
.right-nav a.expanded {background-position:0px -0px; border:none;}
.right-nav .accordion-button{font-weight:bold;}
.right-nav .accordion-button:not(.collapsed){color: #333; background-color: #c9c9c9;}
.right-nav .accordion-button {padding: 0.5rem 1.25rem;}
/*----------------------- End Post Ad CSS ---------------------*/

.postad_section big{color:#428cb9;}
.img_td{width: 75px;}
.img_td img{width: 75px; padding-left: 5px;}

.table > thead {vertical-align: top; background: #428cb9; color: #fff;}


/*-------------------- Start View Details CSS --------------------*/
.Details_Price {padding: 0; /*overflow: hidden;*/ color: #226ba8; font-weight: bold; font-size: 20px; margin:10px 0 0;}

.Details_desc {height: auto; float: left; padding: 0; margin: 0;}
.Details_desc ul {height: auto; width: 100%; margin: 0; padding: 0; text-decoration: underline;}
.Details_desc li {height: auto; width: 100%; margin: 0; padding: 0; float: left; list-style-type: none; padding: 2px 0 2px 0px; color: #666;}

.wishlist-img{background: #fff none repeat scroll 0 0; color: #ff8700; float: right; font-size: 16px; right:14px; top:0; padding:3px 5px; position: absolute; z-index: 99; margin:0px -14px 0; width: auto; cursor:pointer;}
.zoom-icon{margin-top:-55px; z-index: 999; position:absolute; right:0;}
.zoomImg_list{width:100%; height:auto; margin:0; padding:0;}
.zoomImg_list li{width:80px; height:80px; margin:2px; padding:0; border:1px solid #ccc; list-style-type:none; display:inline-block;}
.zoomImg_list li img{width:100%; height:100%;}
.seller_Section {width: 100%; height:300px; overflow-y: scroll; overflow-x:hidden; padding-top: 10px;}
.seller-img {width: 100%; float: left;}
.seller-dec {width: 95%; float: left; margin: 0 0 0 26px;}
.seller-dec h2 {font-size:18px; font-weight: bold; color: #333; padding: 0px 0 10px 0; margin: 0px; background: none; border-bottom: none;}
.seller-dec-text {width: 100%;}
.seller-price {font-size: 16px; font-weight: bold; margin: 10px 0 0 0; color: #006199; float: left;}
.seller-dec-text a {color: #333;}
.seller-dec-text a:hover {text-decoration: none;}
.seller-dec .ViewLink a {width: auto; height: auto; float: left; text-align: center; padding: 3px 10px; background: #555; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;}
.seller-dec .ViewLink a:hover {background: #006199;}
.seller-dec .ViewLink {width: auto; margin: 10px; float: right; margin: 10px; float: left;}
.viewmore {width: 100%; text-align: center; border-top: 1px solid #ccc; font-weight: bold; font-size: 16px; padding: 5px 0 0;}
.viewmore a:hover {text-decoration: none;}
.ViewResultSection {width: 100%; height: auto; padding: 0; margin: 5px 0 0px 10px; float: left;}
.ViewResultSection .ResustBox{width: 18%; height: auto; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 3px #ccc; margin: 0px 9px 14px; float: left;}
.ResustBox .img-pad {padding: 0px;}
.ViewResultSection .ResustBox img {width: 100%; height: 130px; margin: 0; float: left;}
.ViewResultSection .ResustBox .Title {color: #333; height: 62px; margin: 10px; float:left; width:90%;}
.ViewResultSection .ResustBox .Price {font-size: 16px; font-weight: bold; margin: 10px; color: #006199; float: left;}
.ViewResultSection .ResustBox .ViewLink {width: auto;float: right;margin: 10px;}
.ViewResultSection .ResustBox .ViewLink a {width: auto; height: auto; float: left; text-align: center; padding: 3px 10px;  background: #555; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;}
.ViewResultSection .ResustBox .ViewLink a:hover {background: #006199;}
.ViewResultSection .ResustBox .ViewLink span {width: auto; height: auto; float: left; text-align: center; padding: 3px 10px; background: #555; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;}
.ViewResultSection .ResustBox .ViewLink span:hover {background: #006199;}
.getcontact { background: #ff8700 none repeat scroll 0 0; border: 1px solid #c06702; border-radius: 3px; color: #fff; cursor: pointer; font-size: 17px; height: auto; padding: 8px 15px; text-align: center; text-transform: uppercase; width: 100%;}
.sendinquiry {background:#2182ba; border-radius:3px; color:#fff; cursor:pointer; font-size:17px; margin:3px 0; height:auto; padding:8px 15px; text-align:center; width:100%;}
.addCompare{background: #2182ba; border-radius: 3px; color: #fff; cursor: pointer; font-size: 15px; margin:0; height: auto; padding:5px 15px; text-align: center; width: 100%; display:block;}
.addCompare:hover{text-decoration:none; color:#fff;}

.wishlist_msg{width:330px; height:60px; padding:20px; text-align:center; background:#fff; box-shadow:0 0 5px #999; border-radius:5px; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0;}
/*-------------------- Start View Details CSS --------------------*/


/*-------------------------  Start Compare CSS  ------------------*/
.compare-section {padding: 10px;}
.compare-box {width: 24%; border: 1px solid #ccc; padding: 5px;  border-radius: 5px; box-shadow: 0 0 8px #ddd; min-height: 336px; float: left; margin: 5px 5px 10px;}
.last-compare-box{margin-right: 0px !important;}
.compare-img {text-align: center; width: 100%; height: 144px; margin: 5% 0 18px 0; overflow:hidden;}
.compare-img img{width:100%;}
.copare-title {text-align: center; font-weight: bold; color: #333; font-size: 15px; padding-bottom: 10px;}
.compare-select-box {width: 100%; float: left;}
.select-spc {margin-bottom: 10px;}
.compare-search-btn {float: right;}

.copare-round-bg{width: 144px; height: 144px; background: #e4e4e4; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; font-size: 22px; line-height: 144px; color: #333; border: 1px solid #838383; margin: 5% auto 18px; text-align: center; cursor: pointer;}
.Add-round-bg{width: 144px; height: 144px; background: #e4e4e4; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; font-size: 79px; line-height: 144px; color: #333; border: 1px solid #838383; margin: 5% auto 18px; text-align: center; cursor: pointer; font-family: robotolight;}
.bike-title{text-align: center; font-size:18px; color: #333;}
.compare-bike{text-align: center; width: 100%; float: left; padding: 10px 0 5px;}
.compare-btn{font-size: 18px !important; padding: 10px !important;}
.compare-pop-fst-box{width: 45%; border: 1px solid #ccc; padding: 5px; border-radius: 5px; box-shadow: 0 0 8px #ddd; min-height: 240px; float: left; margin: 5px;}
#menu{float:right;}
#menu ul{margin: 0; padding: 0px 0 0 20px; list-style: none; line-height: normal;}
#menu li{display: block; float: left; background: #ada7a7; border: 1px solid #ccc; height: auto; padding: 3px 5px; width: auto; border-radius: 3px; color: #000; font-size: 15px; margin: 5px 1px; cursor: pointer;}
#menu a{display: block; float: left; padding: 0px 5px; text-decoration: none;}
#menu a:hover {}
#menu a.active{color: #fff;}

/*-------------------------  End Compare CSS  ------------------*/

/*---------------------- Start Search Result CSS -----------------*/

.CatagoryHead{font-size: 15px; font-weight: bold; text-transform: capitalize; padding: 5px 10px; background: #eee; border-top: solid 1px #fff; border-bottom: solid 1px #e8e8e8; clear: both;}
.FilterBy{font-size: 14px; padding: 5px 10px 10px; margin: 0 0 5px;}
.FilterBy ul{list-style-type: none; margin: 0; padding: 0; }
.FilterBy ul li{display: block; margin: 0; padding: 3px 0;}
.ui-widget-header{border: 1px solid #dddddd; background: #3f8bae; color: #333; font-weight: bold;}	
.SearchResultSection {width: 100%; height: auto; padding: 0; margin: 5px 0 0px 2px; display:block;}
.SearchResultSection .ResustBox{width: 23%; height: auto; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 3px #ccc; margin: 0px 6px 14px; display:inline-block;}
.ResustBox .img-pad{padding: 0px; position:relative;}
/*.SearchResultSection .ResustBox:last-child{margin:0;}*/
.SearchResultSection .ResustBox img{width: 100%; height: 130px; margin: 0; display:block;}
.SearchResultSection .ResustBox .Title {font-size: 13px; color: #333; height: 62px; margin: 10px 10px 0px 10px; overflow: hidden;}
.SearchResultSection .ResustBox .Price{color: #006199; float: left; font-size: 16px; font-weight: bold; margin: 0px 0 0 10px;}
.SearchResultSection .ResustBox .ViewLink{width: auto; float: right; margin: 0px 10px 5px 10px;}
.SearchResultSection .ResustBox .ViewLink a{width: auto; height: auto; float: left; text-align: center; padding: 3px 10px; background: #555; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; border: none !important;}
.SearchResultSection .ResustBox .ViewLink a:hover {background: #006199;}
.SearchResultSection .ResustBox .ViewLink span{width: auto; height: auto; float: left; text-align: center; padding: 3px 10px; background: #555; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;}
.SearchResultSection .ResustBox .ViewLink span:hover{background: #006199;}
.SearchResultsSold{background: #f00; color: #fff; font-size: 16px; font-weight: bold; z-index: 99; position: absolute; padding: 3px 10px; top:0;}
.adconfirm_box{margin:50px 0; box-shadow:0 0 5px #ccc; font-size:16px; text-align:center; padding:15px;}

.PriceRange{margin:0 0 30px;}
/*---------------------- End Search Result CSS -----------------*/

/*---------------------- Start Main User CSS -----------------*/
.LeftNav{z-index: 100000; height: auto; width: 100%; padding: 0;}
.LeftNav ul{height: auto; margin: 0; padding: 0;}
.LeftNav li{height: auto; margin: 0; padding: 0; list-style-type: none; border-bottom:1px solid #ccc;}
.LeftNav li a{height: auto; margin: 0; padding:5px; display: block; color: #333; text-decoration: none; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
.LeftNav li:last-child{border-bottom:none;}
.LeftNav li a span {width: 16px; height: 16px; float: left; margin: 0 10px 0 0;}
.LeftNav li a:hover {/*width: 203px;*/ color: #fcfcfc; background: #006199; border-radius: none;}
.LeftNav li a.active { /*width: 203px;*/ color: #fcfcfc; background: #006199; border-radius: none;}

.user_name{color: #333 !important; text-decoration: none !important;}
.user_dropdown{background:#006199; padding:0;}
.user_dropdown a{color:#fff; padding: 5px 10px;}
.user_dropdown a:hover{background:#555; text-decoration:none; color:#fff;}



.QrCode {width: 170px; height: 120px; : 1px; border: 1px solid #ccc; margin: 0 10px 0 0;}
.QrCode img {width: 100% !important;}

.SelectAd_Section {width: 100%; height: auto; padding: 0; margin:0; float: left;}
.SelectAd_Section .ResustBox{width:22%; height: auto; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 3px #ccc; margin: 0px 9px 14px; float: left;}
.ResustBox .img-pad {padding: 0px;}
.SelectAd_Section .ResustBox img {width: 100%; height: 130px; margin: 0; float: left;}
.SelectAd_Section .ResustBox .Title {color: #333; height:50px; margin: 10px; float:left; font-size:16px;}
.SelectAd_Section .ResustBox .Desc {color: #333; height: 62px; margin: 10px; float:left; width:92%;}
.SelectAd_Section .ResustBox .SelectLink {width: auto;float: right;margin: 10px;}
.SelectAd_Section .ResustBox .SelectLink a {width: auto; height: auto; float: left; text-align: center; padding: 3px 10px;  background: #555; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;}
.SelectAd_Section .ResustBox .SelectLink a:hover {background: #006199;}



.top-msg-panel {width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0;}
.msg-hd{float: left; font-weight: bold;}
.msg-hd p {font-size: 12px; color: #999; margin: 0 0 3px 0; font-style: italic;}

.replay-text {float: left; padding-right: 5px; font-size: 14px; }
.delete-text {padding-right: 5px; float: left; font-size: 14px;}

.invoice_body_scroll{height:500px; overflow-y:scroll; overflow-x:hidden;}
.taxinvoice_head{font-size:30px; text-transform:uppercase; color:#555; margin:10px 0 15px 25px; font-weight:bold;}
.invoice_date_table td{padding:3px;}
.invoice_head{font-size:16px; font-weight:600; text-transform:uppercase; color:#555; border:1px solid #ccc; padding:5px; text-align:center; display:inline-block; margin:5px 0;}
.invoice_table{width:100%; margin:0 0 20px;}
.invoice_table .table{margin:0;}

.glyphicon-chevron-left{background:url(../images/cal-left-arrow.png) no-repeat; width:12px; height:12px; float:left;}
.glyphicon-chevron-right{background:url(../images/cal-right-arrow.png) no-repeat; width:12px; height:12px; float:right;}
.datetimepicker td.day {padding: 5px;}


/*---------------------- End Main User CSS -----------------*/

.postad_section .btn-sm{font-size:13px;}

.manageadd_topbar{margin: 5px 0; color: #fff; font-weight: bold; background: #006199; padding: 5px;}
.manageadd_btn{font-size: 16px; font-weight: bold; color:#333 !important; padding:8px;}
.MngAdd_Desc{width:100%; line-height:25px;}
.MngAdd_Desc img {width: 100%; height: 120px; padding: 1px; border: 1px solid #ccc; margin: 0 10px 0 0;}
.MngAdd_Desc .Price {color: #006199; width: 100%; padding: 0; font-size: 20px; font-weight: bold; margin: 10px 0 0;}
.Status{color:#006199; font-weight:bold; font-size:15px;}

.BikeDetails_published{width: 100%; margin: 20px 16px 0 0px; background: #f4f4f4; border-radius: 5px; border: 1px solid #ccc;}
.DesTitle_published{font-weight: bold; padding: 5px 0 5px;  font-size: 16px; background: #006199; padding-left: 5px; color: #fff; width: 100%; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;}
.MngAdd{padding: 0; margin: 0; padding:5px;}
.MngAdd li{line-height: 30px; list-style-type: none; color: #666; font-size: 15px; width: 100%;}

.SellerDetails_published{width: 100%; margin: 20px 10px 0; background: #f4f4f4; border-radius: 5px; border: 1px solid #ccc;}
.Seller_published {font-weight: bold; padding: 5px 0 5px; font-size: 16px; background: #006199; padding-left: 5px; color: #fff; width: 100%; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;}


.blk-downlad-btn{float: right; background: #006199; border: 1px solid #004770; border-radius: 3px; cursor: pointer; font-size: 13px; height: auto; margin: -3px 0px; padding:2px 15px; width: auto;}
.blk-downlad-btn a{color: #fff;}
.blk-downlad-btn:hover {opacity: 0.8;}
.blk-downlad-btn a:hover {text-decoration: none;}

.bulk_upload{width:100%;}
.bluk-panel {border: 1px solid #ccc; padding: 18px; width:97%; margin: 8px 0 5px 10px;}
.bluk-btm-panel {border: 1px solid #ccc; padding: 18px; width:97%; margin: 0px 0 0px 10px; background: #eee; cursor: not-allowed;}
.bulkimg{width:100px; height:auto}

.table-responsive-bluck {overflow: scroll; height: 390px; margin:10px; }
.blukUpload_TableHead{letter-spacing:1px; white-space: nowrap; text-align: center;}
.total_point{background:#ddd; font-weight:bold; padding:10px; float:right;}

.loyalty_tab{margin:0 0 2px;}
.loyalty_tab a{color: #000 !important; background: #c1c1c1 !important; text-decoration: none; margin:0 1px; border-bottom: 2px solid #c76d10 !important;}
.loyalty_tab a:hover{background:#006199 !important; color:#fff !important; border-bottom: 2px solid #027cc2 !important;}
.loyalty_tab .active{background:#006199 !important; color:#fff !important; border-bottom: 2px solid #027cc2 !important;}
.datepick{background: #fff url(../images/CalIcon.png) right center no-repeat; background-position: right; background-repeat: no-repeat;}

.select_ad_box {width:100%; height:auto; padding:5px; border:1px solid #ccc; border-radius:5px; margin:0 0 0 -13px;}
.select_ad {width:100px; height:100px;}
.select_ad img{width:100px; height:100px; border:1px solid #ccc; border-radius:5px;}
.schedule-main-photo {float: left; height: 100%; width:105px; margin:15px 0px 0px -150px;}

.WishListDetails {width: 100%; height: auto; border-bottom: 1px solid #eee; padding:5px; margin: 0 0 10px;}
.WishListDetails:hover {background: #f5f5f5;}
.WishListDetails .Image {width: 100%; height: 190px; padding: 2px; border: 1px solid #ccc; float: left; margin: 0;}
.WishListDetails .Image img {width: 100%; height: 100%; float: left;}
.WishListDetails .Description {width:100%; height: auto; padding: 0; float: left; margin: 0; color: #666;}
.WishListDetails .Description .Title {width: 100%; height: 40px; overflow: hidden; color: #222; font-size: 16px; font-weight: bold; padding: 0 0 5px; margin: 0;}
.WishListDetails .Description .Desc {width:100%; height: auto; color: #666; font-size: 14px; padding: 0 0 10px; float:left;}
.WishListDetails .Description .Desc ul {margin:0px; padding:0; }
.WishListDetails .Description .Desc ul li {list-style-type: none; float: left; width: 100%;}
.WishListDetails .Price {font-size:18px; color: #067aa7; font-weight: bold; padding: 0 0 5px;}
.WishListDetails .viewbtn {width: 100%; margin: 5px 0;}
.WishListDetails .viewbtn a {font-size:13px; color:#fff; background:#d97f1d; padding:3px 15px; border:1px solid #de6300; border-radius:3px; cursor:pointer; text-decoration:none;}
.WishListDetails .viewbtn a:hover {opacity: 0.8;}


.ProfileVerifyMsg {background: #ffe9e9; border: 1px solid #d29696; padding: 5px; color: #333; margin: 0 0 20px;}
.SearchHead{font-size:16px; font-weight:bold;}
.error-msg{color:#f00;  font-size:11px; font-style:italic; text-align:left; position:absolute;}


.BikeDetailsImg img{width:90%; height:auto; float:left; padding:1px; border:1px solid #ccc; margin:0 10px 0 0;}

/*---------------------- Start Tolltip CSS ----------------------*/
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1; 
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  text-align: center;
  min-width:120px;
  max-width: 120px;
  width:auto;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {0
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .99;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .99;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}
/*---------------------- End Tolltip CSS ----------------------*/


.pending-ad .nav-link{color: #000; background-color: #f8f9fa; border-color: #f8f9fa; padding:3px 20px; margin:0 3px; border-radius: 4px; font-weight:normal;}
.pending-ad .nav-link.active{background: #3f8bae; border-color: #3f8bae; outline: none; color:#fff;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-container{background:#34373d; color:#fff; padding:40px 0 20px; width:100%; float:left; position:relative; z-index:999}
.copyright{font-size:12px; color:#ccc; text-align:center; border-top:1px solid #5d5f64; padding:10px 0; margin:10px 0 0;}

.Category_flip{display:none;}
.Category_Content{display:block;}

.Category_menu_flip{display:none;}
.Category_menu_Content{display:block;}

@media (max-width:860px){
.slider-pannel {width: 96%; height: 300px; float: left; margin: 15px 0 0 0px; padding: 0; overflow: hidden;}
.tab-content ul > li {width:33% !important;}
.SearchResultSection .ResustBox {width: 31%;}
.ViewResultSection .ResustBox {width:31%;}
.nbs-flexisel-inner {width: 93%;}
.table-responsive{width:100%; height:auto; overflow-x:scroll; overflow-y:hidden;}
.AcessoriesContener_Section .boxbdr {width:33%;}
}


@media (max-width: 768px){
.slider-pannel {width: 96%; height: 300px; float: left; margin: 15px 0 0 0px; padding: 0; overflow: hidden;}
.place-ads-btn{float:left;}
.manageAdd{margin:40px 0 0;}
.Category_flip{display:block; background: #eee; padding: 10px; font-size: 18px;}
.Category_Content{display:none;}
.Category_menu_flip{display:block; background: #eee; padding: 10px; font-size: 18px;}
.Category_menu_Content{display:none;}

.nbs-flexisel-inner {width: 90%;}
.AcessoriesContener_Section .boxbdr {width:30%;}
.blk-downlad-btn {float: none; margin:5px 0;}
.schedule-main-photo {float: left; height: auto; width: 100%; margin: 0;}
}


@media (max-width:480px){
.banner_head {font-size: 35px; line-height: 45px;}
.tab-content ul > li {width: 50% !important;}
.SearchResultSection .ResustBox {width:95%;}
.ViewResultSection .ResustBox {width: 90%;}
.nbs-flexisel-inner {width: 90%;}
.AcessoriesContener_Section .boxbdr {width: 100%;}

.hightlighted-head{width: 100%; text-align: center; padding:13px 0 0 0;}
.featured-head{width: 100%; text-align: center; padding:13px 0 0 0;}
.quick-head{width: 100%; text-align: center; padding:13px 0 0 0;}
.basic-paid-head{width: 100%; text-align: center; padding:13px 0 0 0;}
.basic-head{width: 100%; text-align: center; padding:13px 0 0 0;}
.radio-btn {padding: 13px 0 0 0; width: 100%; text-align: center;}
.view-text {padding: 15px 0 0px 0; width: 100%; text-align: center;}
.add-text {padding: 10px 0 0 0; text-align: center; width: 100%;}
.add-days {padding: 10px 0 0 0; width: 100%; text-align: center;}

.compare-box {width:95%;}
.loyalty_tab li{width:100%;}
.schedule-main-photo {float: left; height: auto; width: 100%; margin: 0;}
}