*{ font-size: 100%; list-style: none; text-decoration: none !important; } body,html { font-family: 'Roboto Condensed', sans-serif; } /* Utility Class */ ul{padding: 0; margin: 0;} /* Header */ .cart-counter{ background: #fff; color: #000; display: block; float: right; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; padding: 0; } .dark-btn{ display: inline-block; font-size: 14px; font-weight: 400; color: #fff; padding: 9px 30px; border: none !important; box-shadow: none !important; outline: none !important; cursor: pointer; background: #D4AC0D; } .dark-btn:hover{ opacity: .7; color: #fff; } #header .top-bar .top-bar-content ul li{ float: left; } #header .top-bar .top-bar-content .i-margin{ margin-right: 5px; color: red; } #header .top-bar .top-bar-content ul li a{ display: block; padding: 15px; color: #0a0a0a; font-size: 13px; font-weight: 300; } #header .top-bar{ background-color: #f2f2f2; } #header .menu{ margin-top: 20px; } .logo .logo-img{ width: 100%; } .logo .logo-img img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -khtml-object-fit: cover; } #header .logo-section{ margin-top: 20px; } #header .logo-section .sign-in input{ width: 160px; height: 40px; padding: 10px 0px 10px 10px; } #header .logo-section .sign-in input:focus{ border-color: rgb(244,208,63); outline: none; } #header .logo-section .sign-in input::placeholder{ font-size: 14px; font-weight: 400; } .sign-in a{ display: inline-block; padding: 8px 40px; } .sign-in{ margin-top: 17px; } .sign-in #signin, .sign-in #reg{ display: inline-block; font-size: 14px; font-weight: 400; color: #fff; padding: 9px 30px; border: none !important; box-shadow: none !important; outline: none !important; cursor: pointer; } .sign-in #signin:hover, .sign-in #reg:hover{ opacity: 0.9; } .sign-in #signin{ background-color: #fce807; } .sign-in #reg{ background-color: #D4AC0D; } /* Menu */ .menu nav{ background-color: #fce807; background-color: #292526; } .navbar-light .navbar-nav .nav-link{ color: #fff; } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color: #fce807; } .menu nav ul{ margin: 0 auto; } .menu nav ul li a{ font-size: 13px; font-weight: 600; text-transform: uppercase; } /* Slider */ #slider{ padding-top: 30px; text-align: center; } /* the slides */ #slider .slick-slide { /*margin: 0 10px;*/ } /*the parent*/ #slider .slick-list { /*margin: 0 -10px;*/ } /*.slick-slider .slick-track, .slick-slider .slick-list{ width: 80% !important; margin: 0 auto; } */ #slider .auction-box:hover{ display: block; box-shadow: 0 0 10px rgba(219, 222, 222, 0.9); -webkit-box-shadow: 0 0 10px rgba(219, 222, 222, 0.9); -moz-box-shadow: 0 0 10px rgba(219, 222, 222, 0.9); -khtml-box-shadow: 0 0 10px rgba(219, 222, 222, 0.9); } /* Auction */ #auction{ margin-top: 30px; padding: 30px 0; } .auction-box{ /*margin-bottom: 40px;*/ background-color: #fff; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; } .auction-content h2,h4,h5{ font-weight: 400; } .auction-img{ height: 170px; } .auction-img img{ width: 100%; height: 100%; object-fit: cover; } a.auction-box{ margin-bottom: 10px; display: block; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } a.auction-box:hover{ text-decoration: none; -webkit-box-shadow: 10px 10px 11px 0px rgba(191,191,191,0.3); -moz-box-shadow: 10px 10px 11px 0px rgba(191,191,191,0.3); -khtml-box-shadow: 10px 10px 11px 0px rgba(191,191,191,0.3); -o-box-shadow: 10px 10px 11px 0px rgba(191,191,191,0.3); box-shadow: 10px 10px 11px 0px rgba(191,191,191,0.3); } .auction-box .auction-box-con{ padding: 10px; color: #292526; } .auction-box .auction-box-con h4{ height:45px; font-size: 15px; font-weight: 500; line-height: 20px; color: #0a0a0a; margin-bottom: 16px; } .auction-box .auction-box-con .address{ font-size: 14px; font-weight: 400; } .auction-box .auction-box-con .time{ font-size: 13px; color: #cd0209; } .top-margin{ margin-top: 30px; } /* Footer */ .footer-top{ /*margin-top: 30px;*/ background: #292526; padding: 40px 0; } #footer .i-margin{ margin-right: 10px; } #footer .link-img{ /*width: 250px;*/ /*height: 80px;*/ margin-bottom: 30px; } #footer .link-img img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -khtml-object-fit: cover; } #footer .link-one ul li{ line-height: 2.0em; } #footer .link-one ul li a{ font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.8); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; } #footer .link-one ul li a:hover{ /*opacity: 0.7;*/ color: #fff; } #footer .link-two h4, #footer .link-three h4, #footer .link-four h4{ font-size: 14px; font-weight: 400; color: #fff; text-transform: uppercase; margin-bottom: 10px; } #footer .link-two ul li a, #footer .link-three ul li a{ font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.45); transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -khtml-transition:all 0.4s ease-in-out; } #footer .link-two ul li a:hover, #footer .link-three ul li a:hover{ /*opacity: 0.7;*/ color: #fff; } #footer .link-four input{ width: 100%; margin-bottom: 10px; border: 0; outline: 0; padding: 5px 0px 5px 10px; background-color: rgba(255,255,255,.09); color: #fff; } #footer .link-four input::placeholder{ font-size: 14px; } .subscribe{ width: 300px; } #footer .link-four .sub-btn{ color: #fff; font-size: 14px; text-align: center; display: block; padding: 8px 12px; background-color: #aaa; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -khtml-border-radius: 0; font-weight: 500; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -khtml-transition: 0.5s ease-in-out; outline: none !important; box-shadow: none !important; border: none !important; cursor: pointer; } #footer .link-four .sub-btn:hover{ background-color: #fff; color: #292526; text-decoration: none; } .footer-bottom{ padding: 10px 0 1px 0; background-color: #383838; color: #fff; font-size: 12px; font-weight: 400; } /************ Listing ****************/ #main-content .sidebar{ margin-bottom: 20px; } #main-content .title{ background-color: #D4AC0D; margin-bottom: 0; padding: 10px 0 10px 10px; font-size: 16px; font-weight: 600; text-align: center; text-transform: uppercase; /*letter-spacing: 1px;*/ } #main-content ul{ padding: 0; margin: 0; } #main-content ul li{ /*text-align: center;*/ border-bottom: 1px solid #D8B426; } #main-content ul li:last-child{ border-bottom: none; } #main-content ul li a{ padding: 10px 20px; display: block; color: #fff; color: #292526; font-size: 14px; font-weight: 600; background-color: #fce807; transition: all 0.9 ease-in-out; -webkit-transition: all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -khtml-transition:all 0.9s ease-in-out; } #main-content ul li a.active, #main-content ul li a:hover{ text-decoration: none; opacity: 0.7; color: #fff; color: #292526; } hr.dropdown-divider{ padding: 0; margin: 0; } .single-product{ /*padding: 30px 0;*/ } .single-product ol.breadcrumb{ background: #fff; margin: 0; padding: 10px; } .title-bar{ padding: 10px 0; } .single-product h2{ font-size: 30px; font-weight: 400; color: #fce807; color: #292526; } .single-product .icons{ padding: 10px 0; } .single-product .icons ul{ text-align: right; } .single-product .icons ul li{ display: inline-block; padding: 0 5px; } .single-product .icons ul li a i{ font-size: 22px; color: #9A9A9A } .informational-tab{ margin: 30px 0; border: 1px solid #dedede; border-radius: 4px; width: 100%; } .nav-tabs .nav-item{ margin: 0; padding: 0; } .informational-tab .nav-link{ margin: 0; text-transform: uppercase; /*letter-spacing: 1px;*/ font-size: 14px; font-weight: 500; border: none; color: #fce807; color: #292526; } .informational-tab .nav-link:hover{ border: none; } .informational-tab .nav-link.active{ /*padding: 0;*/ /*border: 1px solid #dedede;*/ margin: 0; border: none; border-radius: 0; background: #fce807; color: #fff; color: #292526; } .informational-tab .tab-content{ padding: 10px; background: #F9F9F9; } .informational-tab #information .image-slide { width: 100%; height: 200px; /*border: 1px solid #000;*/ } .informational-tab #information .image-slide img{ width: 100%; height: 100%; object-fit: contain; -webkit-object-fit: contain; -moz-object-fit: contain; -o-object-fit: contain; } .slick-prev, .slick-next{ font-size: 28px; line-height: 0px; border-radius: 50%; border: none; height: 30px; width: 30px; opacity: 1; color: #fff; text-align: center; background: #fce807; position: absolute; content: ""; z-index: 1000; } .slick-prev:hover, .slick-next:hover{ background: #fff; opacity: 0.8; color: #fce807; } .slick-prev:before, .slick-next:before { /*color: #505054;*/ /*font-size: 30px;*/ content: ""; } .slick-slide { transition: all ease-in-out .3s; } /* the slides */ .slick-slide { margin: 0 10px; } /*the parent*/ .slick-list { margin: 0 -10px; } .slick-slider .slick-track, .slick-slider .slick-list{ width: 100%; /*margin: 0 auto;*/ } .informational-tab #information .slider { margin-top: 10px; padding-top: 7px; width: 100%; overflow: hidden; } .slick-prev, .slick-next{ z-index: 10000; } .informational-tab #information .slider .img{ height: 50px; } .informational-tab #information .slider .img img{ cursor: pointer; width: 100%; height: 100%; object-fit: contain; -webkit-object-fit: contain; -moz-object-fit: contain; -o-object-fit: contain; -khtml-object-fit: contain; } .listing-details .table { margin-bottom: 0; } .listing-details .card-heading .table tbody tr:first-child th, .listing-details .card-heading .table tbody tr:first-child td { border-top: none; } .post-location, .post-date, .post-meta, .post-inspection { font-size: 90%; position: relative; } .listing-details .post-date { padding: 0; } .listing-details .card-heading .table tbody tr th{ font-size: 14px; line-height: 24px; } .listing-details .card-heading .table tbody tr td{ font-size: 14px; } .normal-text{ font-size: 14px; } .listing-details .details{ font-size: 14px; } .btn.btn-outline { border: 1px solid #ccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; font-size: 12px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 4px 12px; color: #9a9a9a; text-transform: inherit; } body .btn.btn-xs { padding: 1px 5px; font-size: 12px; } .listing-details .btn.btn-outline { margin-left: 5px; } .card-body .table th, .card-body .table td{ color: #9a9a9a; } .listing-desc h2 { margin-top: 5px; font-size: 16px; text-transform: inherit; font-weight: 600; } .listing-desc p, .details { color: #9a9a9a; font-size: 14px; } .listing-details{ margin-bottom: 20px; } .list-img{ width: 150px; height: 100px; } .list-img img{ width: 100%; height: 100%; object-fit: contain; -webkit-object-fit: contain; -moz-object-fit: contain; -o-object-fit: contain; -khtml-object-fit: contain; } .btn-auction{ background: #fce807; padding: 10px 20px; padding: 5px 10px; border-radius: 0; color: #fff; color: #292526; font-size: 14px; font-weight: 600; } .btn-auction:hover{ opacity: 0.9; color: #fff; } .wish-list:hover{ color: #fce807; } /******************** Register **********************/ #register .reg-details{ background-color: #f5f5f5; padding: 45px 15px; } #register .reg-details .details-content .title{ font-size: 20px; margin-bottom: 20px; } #register .reg-details textarea:focus, #register .reg-details input:focus{ border-color: #fce807; box-shadow: none; } #register .member-content .desc{ font-size: 14px; } #register .reg-details input::placeholder{ font-size: 14px; } #register .credit-details .title { font-size: 18px; margin: 15px 0; } #register .bidding-desc{ font-size: 14px; } #register .sub-btn{ display: inline-block; background-color: #D4AC0D; padding: 7px 10px; color: #fff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; outline: none !important; box-shadow: none !important; border: none !important; cursor: pointer; } #register .sub-btn:hover{ background-color: #fce807; } .google-re{ background-color: red; height: 100px; } .bidding-desc{ margin-top: 20px; padding: 15px; background-color: #d9edf7; font-size: 16px; line-height: 24px; } .subscription h4{ font-size: 18px; margin-bottom: 20px; } .subscription .form-check{ font-size: 15px; } /******************** Register **********************/ /***********************login***********************/ #login .member-area{ text-align: center; margin-top: 20px; } #login .member-area p{ font-size: 14px; } #login input:focus{ border-color: #fce807; -webkit-border-color: #fce807; -moz-border-color: #fce807; -khtml-border-color: #fce807; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; } #login input::placeholder{ font-size: 14px; } #login .login-btn{ width: 100%; display: block; font-size: 14px; padding: 8px 6px; background-color: #D4AC0D; color: #fff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; cursor: pointer; box-shadow: none !important; border: none !important; outline: none !important; } #login .login-btn .margin-right{ margin-right: 5px; } #login .login-btn:hover{ background-color: #fce807; } #login .account{ margin-top: 20px; font-size: 14px; } /***********************login***********************/ .detail-on-auction-catalogue{ width: 70%; } /***********************Bidding Modal***************/ .modal-body{ background: #f5f5f5 !important; } .modal-body .nav{ width: 100% !important; } .modal-body .nav li{ width: 50%; text-align: center; } .modal-body .nav li a{ color: #292526; } .modal-body .nav li a.nav-link.active{ background: #fce807 !important; } .modal-body .bid-modal-tab-content-area{ background: #fff; padding: 10px; } .modal-body .bid-modal-tab-content-area-history{ max-height: 400px; overflow-y: auto; } #modal-terms-popup .modal-body{ padding: 15px; max-height: 400px; overflow-y: auto; } #modal-terms-popup .modal-body h1, #modal-terms-popup .modal-body h2, #modal-terms-popup .modal-body h3, #modal-terms-popup .modal-body h4, #modal-terms-popup .modal-body h5, #modal-terms-popup .modal-body h6{ color: #777; font-size: 20px; } #modal-terms-popup .modal-body p{ color: #777; font-size: 14px; line-height: 17px; } /* Media Queries */ @media only screen and (max-width: 768px){ .auction-box{ margin-bottom: 20px; } .top-margin{ margin-top: 0; } } @media only screen and (max-width: 414px){ /*#header .sign-in{ display: none; } #header .sign-in a#signin{ display: block; }*/ .auction-box{ margin-bottom: 20px; } #footer .links{ margin-bottom: 20px; } #footer .link-img{ width: 100%; height: 100%; } } .modal-header .img{ position: relative; width: 100%; height: 100px; background: #eee; } .modal-header .img img{ width: 100%; height: 100%; object-fit: contain; -webkit-object-fit: contain; -moz-object-fit: contain; -o-object-fit: contain; -khtml-object-fit: contain; -shtml-object-fit: contain; } .modal-body h2.User-Agreement{ font-size: 17px; } .modal-body .terms-content{ height: 120px; overflow-y: auto; font-size: 14px; color: #aaa; } #main-content { padding: 30px 0; } .right-blog .card{ border-radius: 0; margin-bottom: 20px; text-align: center; } .right-blog .card img{ width: 100%; height: 200px; object-fit: contain; -webkit-object-fit: contain; -moz-object-fit: contain; -o-object-fit: contain; } .right-blog .card h5{ font-size: 18px; font-weight: 600; color: #888; margin: 0; } .right-blog .card p{ font-size: 16px; font-weight: bold; } .dropdown-menu ul li{ padding: 0 !important; } .dropdown-menu ul li a{ padding: 0 !important; font-size: 15px; padding: 5px 10px !important; color: #292526; } .pdf-download-btn{ display: inline-block; padding: 15px; background: #cd0209; color: #fff; text-transform: uppercase; font-size: 17px; float: right; margin-bottom: 10px; } .pdf-download-btn:hover{ color: #fff; opacity: .7; } /* MY BID PAGE */ .my-bid-box{ color: #292526; } span.timer-count-down{ color: #cd0209; } .my-bid-box .time-meta{ color: #cd0209; font-size: 17px; font-weight: 400; margin-bottom: 10px; } .my-bid-box .time-meta span.lot{ color: #292526; } .my-bid-box h1{ font-size: 20px; line-height: 20px; height: 45px; overflow: hidden; } .my-bid-box h3{ font-size: 17px; line-height: 17px; font-weight: 100; height: 40px; overflow: hidden; } .my-bid-box .img{ width: 100%; height: 150px; } .my-bid-box .img img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; } .my-bid-box .bid-btn{ width: 130px; float: right; } .home-page-auction-block{ /*border: 1px solid #292526;*/ background: #eee; } .home-page-auction-block .head{ background: #292526; color: #fff; padding: 10px; text-transform: uppercase; letter-spacing: 2px; font-size: 20px; } .home-page-auction-block .row{ padding: 10px; } #page{ margin: 10px 0; } .auction-content{ text-align: center; } .auction-content h2{ text-transform: uppercase; letter-spacing: 2px; display: inline-block; padding-bottom: 20px; border-bottom: 1px solid #292526; } #page .page-detail{ padding: 10px; background: #f5f5f5; } .next-img-box-2{ width: 100%; margin: 10px 0; } .next-img-box-2 img{ width: 100%; cursor: pointer; } .next-img-box{ margin: 10px 0; background: #292526; height: 200px; width: 100%; position: relative; } .next-img-box .inner{ position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: rgba(252, 232, 7,.5); color: #fff; cursor: pointer; text-align: center; line-height: 200px; font-size: 50px; font-weight: 100; display: none; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .next-img-box:hover > .inner{ display: block; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .next-img-box img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -khtml-object-fit: cover; -shtml-object-fit: cover; } .open-slider, .open-img{ cursor: pointer !important; } .theatre-cover-slider .slide{ width: 70%; margin: 0% auto; /*overflow: hidden;*/ } .theatre-cover-slider .slide .carousel-item{ width: 100%; /*height: 100%;*/ height: 700px; text-align: center; } .theatre-cover-slider .slide .carousel-item img{ height: 100%; width: 100%; object-fit: contain; -webkit-object-fit: contain; -moz-object-fit: contain; -o-object-fit: contain; }