From 2290d28f5082b56732eeecad39d73850f025cb4c Mon Sep 17 00:00:00 2001 From: Onur Date: Fri, 19 Jul 2019 00:20:19 +0300 Subject: [PATCH] css fixed --- .../resources/css/default/main.css | 11750 ++++++++-------- 1 file changed, 5875 insertions(+), 5875 deletions(-) diff --git a/addons/default/visiosoft/default-theme/resources/css/default/main.css b/addons/default/visiosoft/default-theme/resources/css/default/main.css index e7ec7e9d8..1ec045e7a 100755 --- a/addons/default/visiosoft/default-theme/resources/css/default/main.css +++ b/addons/default/visiosoft/default-theme/resources/css/default/main.css @@ -40,5883 +40,5883 @@ Global ========================================================================== */ - html, - body { - font-family: 'Ubuntu', sans-serif; - font-weight: 400; - color: #6f6f6f; - overflow-x: hidden; - -webkit-font-smoothing: antialiased; - background-color: #f7f7f7; - } - - h1, h2, h3, h4, h5, h6 { - font-family: 'Ubuntu', sans-serif; - font-weight: normal; - } - - ul { - margin: 0; - padding: 0; - list-style: none; - } - - a { - font-family: 'Ubuntu', sans-serif; - color: #00a651; - } - - a, - a:hover, - a:focus, - input:focus { - text-decoration: none; - outline: none; - color: #02743a; - } - - img { - max-width: 100%; - } - - section { - min-width: 100%; - position: relative; - width: 100%; - padding: 50px 0; - } - - a:active, - a:focus, button:focus, .btn:focus, - input:focus, textarea:focus, select:focus, .form-control:focus { - outline: none !important; - text-decoration: none !important; - box-shadow: none !important; - } - - .form-control:focus { - border-color: #00a651; - } - - .title { - line-height: 34px; - color: #ffffff; - font-family: 'Ubuntu', sans-serif; - font-weight: 700; - } - - .parallax-section { - position: relative; - background-repeat: no-repeat; - background-size: cover; - } - - .parallax-section:before { - position: absolute; - background-color: rgba(35, 174, 121, 0.94); - top: 0; - left: 0; - width: 100%; - height: 100%; - min-height: 264px; - display: block; - content: ""; - } - - .online { - position: relative; - } - - .order-item { - border: 1px solid #e5e5e5; - border-radius: 6px; - margin-bottom: 5px; - } - - .card-order-detail h5 { - font-weight: bold; - } - - .order-total h4 { - color: #00a651; - display: block; - margin-top: 5px; - } - - .order-total span { - color: #00a651; - font-size: 20px; - } - - .order-item-header div h4 { - text-align: center; - } - - .item-total h5 { - color: #00a651; - } - - .warning-color { - color: #f7941d !important; - } - - .seller-detail-1 span { - display: inline-block; - } - - .danger-color { - color: #ed1c24 !important; - } - - .success-color { - color: #00a651 !important; - } - - - .order-item-footer { - padding-right: 20px; - } - - .thead-dark { - background-color: #e9ecef; - } - - .order-row div h5 { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .order-total .card-header { - color: #000000; - } - - .order-total { - padding-left: 0px; - } - - .order-number { - padding-top: 10px !important; - padding-bottom: 0px !important; - } - - .order-date { - padding-top: 10px !important; - padding-bottom: 0px !important; - } - - .online:after { - position: absolute; - height: 6px; - width: 6px; - border-radius: 50%; - background-color: #38b590; - content: ""; - top: 6px; - } - - .section { - background-color: #fff; - border-radius: 4px; - padding: 35px 25px; - margin-bottom: 25px; - } - - .section-title h4 { - color: #000; - font-weight: 500; - } - - .form-control { - box-shadow: none; - -webkit-box-shadow: none; - border: 1px solid #e3e3e3; - height: 44px; - color: #000; - } - - textarea { - resize: none; - } - - .btn.btn-primary { - font-size: 18px; - font-weight: 400; - text-transform: capitalize; - background-color: #00a651; - padding: 10px 40px 12px; - border: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - } - - .btn.btn-primary:hover { - background-color: #0072bc; - color: #fff; - } - - .form-control::-webkit-input-placeholder { - color: #000; - } - - .form-control::-moz-placeholder { - color: #000; - } - - .form-control:-ms-input-placeholder { - color: #000; - } - - .form-control:-moz-placeholder { - color: #000; - } - - .navbar-default .navbar-toggle { - padding: 3px 10px; - font-size: 17px; - /*border-color:#00a651;*/ - } - - .navbar-default .navbar-toggle .icon-bar { - background-color: #00a651; - } - - .navbar-default .navbar-toggle:focus, - .navbar-default .navbar-toggle:hover { - background-color: transparent; - } - - .page { - padding-bottom: 0; - } - - /* ========================================================================== - Header - ========================================================================== */ - - #header .navbar-default { - padding: 4px 0; - background: #fff; - border: none; - } - - .navbar-brand { - padding: 2px 0px 15px; - } - - .navbar-brand > img { - height: 48px; - } - - .navbar { - margin: 0; - } - - .nav li a, - .navbar-default .navbar-nav > li > a { - background-color: transparent; - font-weight: 500; - font-size: 14px; - color: #0a0a0a; - padding: 10px 12px; - text-transform: uppercase; - } - - .navbar-nav { - margin: 7.5px 0px; - } - - .nav li a:hover, - .navbar-default .navbar-nav > li > a:focus, - .navbar-default .navbar-nav > li > a:hover, - .navbar-default .navbar-nav > .active > a:focus, - .navbar-default .navbar-nav > .active > a:hover, - .navbar-default .navbar-nav > .active > a, - .navbar-default .navbar-nav > .open > a, - .navbar-default .navbar-nav > .open > a:focus, - .navbar-default .navbar-nav > .open > a:hover, - .dropdown-menu > .active > a, - .dropdown-menu > .active > a:focus, - .dropdown-menu > .active > a:hover { - background-color: transparent; - color: #00a651; - } - - .dropdown-menu { - border-radius: 0; - } - - .navbar-nav .dropdown-menu > li > a { - padding: 6px 20px; - font-size: 13px; - } - - .dropdown-menu > li > a, - .dropdown-menu > li > a:hover { - background-color: transparent; - } - - .nav-right { - margin-top: 4px; - text-align: right; - float: right; - } - - .language-dropdown { - display: inline-block; - margin-right: 10px; - } - - /*.language-dropdown .dropdown-menu {*/ - /*margin: 5px 45px 20px !important;*/ - /*}*/ - - .language-dropdown .dropdown-menu { - margin-top: 7px; - } - - .language-dropdown button { - background-color: transparent !important; - color: #000000 !important; - font-size: 13px !important; - } - - .language-dropdown button:hover { - background-color: transparent !important; - } - - .language-dropdown a { - font-size: 16px; - color: #252525; - line-height: 23px; - } - - .language-dropdown a i { - margin-left: 5px; - } - - .language-dropdown a:hover { - color: #00a651; - } - - .language-dropdown li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: 400; - color: #333; - } - - .sign-in { - display: inline; - } - - .sign-in li { - display: inline-block; - margin-top: 10px; - } - - .sign-in li .fa-angle-down { - color: #000000; - margin-left: 3px; - } - - .nav-right { - display: inline-block; - } - - .language-dropdown i.fa-globe, - .sign-in li i { - font-size: 14px; - color: #00a651; - margin-right: 5px; - } - - .navbar-right { - padding: 5px; - } - - /*.nav-right .dropdown-menu {*/ - /*margin: 18px 0 20px;*/ - /*}*/ - .nav-right .dropdown-menu li a:hover { - color: #00a651; - background-color: transparent; - } - - .sign-in li a { - color: #000000; - font-size: 13px; - background-color: transparent !important; - } - - .sign-in li a:hover { - color: #00a651; - } - - .cart-dropdown div button { - color: #000000; - font-size: 13px; - background-color: transparent !important; - } - - .badge { - background-color: #00a651; - margin-left: 5px; - font-size: 10px; - font-weight: 500; - padding-bottom: 2px; - } - - /* ========================================================================== - Main - ========================================================================== */ - #main { - background-image: linear-gradient(to bottom, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%); - /*background-image: url("{{ img('theme::images/bg/main.png').url }}");*/ - background-repeat: no-repeat; - background-position: top center; - background-color: #f7f7f7; - padding: 3rem 0 0rem !important; - } - - #main.home-default { - padding-bottom: 0; - } - - .offered-field { - border-top: 1px solid #d5d5d5; - border-bottom: 1px solid #d5d5d5; - } - - .banner-section h1.title { - font-size: 50px; - line-height: 55px; - } - - .banner-section h3 { - font-size: 22px; - color: #FEFEFE; - margin: 15px 0 30px; - font-weight: 300; - } - - .banner-section { - padding: 15px 0 20px; - } - - .banner-section h1, .banner-section p { - color: white; - } - - .banner-form { - background-color: rgba(0, 0, 0, 0.14); - padding: 14px; - max-width: 88%; - margin: 12px auto; - border-radius: 3px; - text-align: left; - } - - .banner-form form .search-home-box { - padding: 0; - position: relative; - } - - .home-search-category-field { - width: 100%; - } - - .select-category-box { - padding-right: 0px; - } - - .home-search-category-field a { - font-size: 16px; - padding-right: 2px; - line-height: 30px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - display: inline-block; - width: 100%; - } - - .search-home-box .select-category-box { - margin-top: 8px; - height: 41px; - } - - .search-home-box div .search-input { - border: none; - height: 48px; - border-radius: 0px; - box-shadow: none; - } - - .home-one .banner-form form { - border: 0; - } - - .search-home-category { - padding: 0; - margin: 0; - } - - .search-home-category input { - margin: 0; - width: 100%; - height: 49px; - font-size: 21px; - } - - - .banner-form form { - display: inline-block; - width: 100%; - background-color: rgba(255, 255, 255, 0.95); - padding-top: 15px; - padding-bottom: 15px; - border-radius: 2px; - } - - } - - .easy-autocomplete { - width: 57% !important; - display: inline-block; - } - - .easy-autocomplete-container { - width: 100%; - } - - .banner-form button.form-control { - position: absolute; - right: -2px; - bottom: -1px; - max-width: 114px; - background-color: #00a651; - border-radius: 0 5px 5px 0; - color: #fff; - text-transform: uppercase; - border-color: #00a651; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - height: 51px; - } - - .banner-form button:hover { - background-color: #0072bc; - border-color: #0072bc; - } - - .banner-socail li { - display: inline-block;; - } - - .banner-socail li a { - color: #fff; - font-size: 20px; - background-color: transparent; - display: block; - height: 35px; - width: 35px; - line-height: 35px; - border: 1px solid transparent; - border-radius: 3px; - } - - .banner-socail li i { - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - } - - .banner-socail li a:hover .fa-facebook { - color: #405D9B; - } - - .banner-socail li a:hover .fa-twitter { - color: #29C5F6; - } - - .banner-socail li a:hover .fa-google-plus { - color: #CA3E27; - } - - .banner-socail li a:hover .fa-youtube { - color: #EB2429; - } - - .category-ad { - background-color: #fff; - display: inline-block !important; - padding: 40px 0px 10px; - border-radius: 3px; - } - - .category-list .category-item { - width: 20%; - float: left; - margin-bottom: 30px; - } - - .category a { - color: #505050; - display: block; - } - - .banner-form .dropdown-menu { - min-width: 100%; - padding: 15px 0; - } - - .category-icon { - width: 80px; - height: 37px; - } - - .category-icon img { - max-width: 100%; - max-height: 100%; - margin: auto; - } - - .category-title { - color: #505050; - min-width: 80px; - text-align: center; - } - - .category-quantity { - color: #b5b5b5; - } - - .category-title { - display: block; - font-size: 16px; - } - - .category-item:hover .category-quantity, - .category-item:hover .category-title { - color: #00a651; - } - - .featureds { - background-color: #fff; - padding: 15px 30px 0; - overflow: hidden; - border-radius: 4px; - } - - .featured-top, - .browse-categories .section-title { - border-bottom: 1px solid #f2f2f2; - margin-bottom: 20px; - padding-bottom: 5px; - } - - .featured-top { - margin-top: 35px; - } - - .featured-top-display-settings { - margin-bottom: 20px; - padding-bottom: 5px; - } - - .showMapBtn h4 { - margin-top: 0 !important; - color: #00a651 !important; - } - - .showListBtn h4 { - color: #00a651 !important; - } - - .featured-slider { - margin-right: -15px; - } - - .featured { - border: 1px solid #f6f6f6; - margin-right: 15px; - margin-bottom: 30px; - } - - .featured .ad-meta { - position: inherit; - width: 100%; - } - - .featured-image { - position: relative; - } - - .ad-section { - margin: 40px 0; - } - - #ad-post .ad-section { - margin-bottom: 20px; - } - - .ad-info { - padding: 20px 25px; - } - - .ordersinfo { - padding: 20px 25px; - } - - .ad-info .item-price { - margin-top: 0; - margin-bottom: 5px; - font-size: 20px; - font-weight: 500; - } - - .ad-info .item-title { - font-size: 18px; - margin-top: 0; - margin-bottom: 5px; - } - - .ad-info .item-title a { - color: #000; - } - - .ad-info .item-cat { - font-size: 14px; - color: #a0a0a0; - overflow: hidden; - display: flex; - -webkit-line-clamp: 1; - white-space: nowrap; - } - - .ad-info .item-cat a { - color: #a0a0a0; - } - - .featureds .ad-info { - height: 140px; - } - - .ad-info .item-title a:hover { - text-decoration: underline; - } - - .ad-info .item-cat a:hover, - .ad-info .item-price { - color: #00a651; - } - - .ad-meta { - background-color: #f6f6f6; - border-top: 1px solid #eeeeee; - min-height: 35px; - position: absolute; - bottom: 0; - right: -1px; - width: 100%; - padding-left: 25px; - display: table; - font-size: 14px; - } - - .position-relative { - position: relative !important; - } - - .ad-meta .meta-content { - display: table-cell; - vertical-align: middle; - } - - .ad-meta .meta-content .dated { - margin-right: 20px; - } - - .ad-meta .meta-content .dated, - .ad-meta .meta-content .visitors { - font-weight: 500; - color: #9fa4a4; - } - - .ad-meta .meta-content span, - .ad-meta .meta-content a { - font-weight: 400; - color: #9fa4a4; - } - - .ad-meta .meta-content a:hover { - color: #00a651; - } - - .ad-meta .user-option a { - font-size: 18px; - color: #9fa4a4; - display: inline-block; - width: 30px; - height: 35px; - text-align: center; - line-height: 35px; - } - - .featured .ad-meta .user-option a { - width: 30px; - } - - .ad-meta .user-option a:hover { - background-color: #fff; - color: #00a651; - } - - .ad-meta .user-option a.edit-item:hover { - color: #0072bc; - } - - .ad-meta .user-option a.delete-item { - color: #ed1c24; - } - - .ad-meta .user-option a.delete-item:hover { - color: #c3171d; - } - - .featured .ad-meta span a { - margin-top: 7px; - } - - .ad-meta a i { - text-align: right - } - - a.verified { - position: absolute; - top: 0; - right: 0; - } - - a.verified i { - height: 20px; - width: 20px; - background-color: #00a651; - color: #fff; - line-height: 25px; - text-align: center; - } - - .featured-image a i:before { - z-index: 9999; - position: relative; - } - - .featured-image a i:after { - position: absolute; - border-right: 40px solid #00a651; - border-bottom: 40px solid transparent; - border-left: 40px solid transparent; - top: 0px; - right: 0; - content: ""; - } - - .featured-ad { - position: absolute; - top: 15px; - left: -30px; - padding: 5px 15px; - color: #fff; - background-color: #ff740d; - -moz-transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - width: 120px; - text-align: center; - border: 1px dotted #ddd; - text-transform: uppercase; - font-size: 11px; - } - - .category-page .banner-form-full { - margin-bottom: 25px; - margin-top: 30px; - } - - /* slider */ - .featured-slider .col-sm-4 { - width: 100%; - } - - .owl-carousel .owl-next, - .owl-carousel .owl-prev { - position: absolute; - top: -60px; - font-size: 24px; - color: #d2d2d2; - } - - .owl-carousel .owl-next:hover, - .owl-carousel .owl-prev:hover { - color: #00a651; - } - - .owl-carousel .owl-next { - right: 15px; - } - - .owl-carousel .owl-prev { - right: 55px; - } - - .owl-carousel .owl-prev:before { - position: absolute; - content: ""; - top: 10px; - right: 50%; - margin-right: -20px; - width: 1px; - height: 16px; - background-color: #f2f2f2; - } - - .ad-section img { - display: inline; - } - - /*ads-info*/ - .item-image { - position: relative; - } - - .item-image img { - width: 100%; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - height: 152px; - } - - .oc-item:hover .item-image img { - -moz-transform: scale(1.05) rotate(2deg); - -webkit-transform: scale(1.05) rotate(2deg); - -o-transform: scale(1.05) rotate(2deg); - -ms-transform: scale(1.05) rotate(2deg); - transform: scale(1.05) rotate(2deg); - } - - .oc-item { - border: 1px solid #f3f3f3; - margin: 18px 0; - min-height: 152px; - border-radius: 2px; - max-height: 152px; - display: block !important; - } - - .oc-item1 { - border: 1px solid #f3f3f3; - margin: 18px 0; - min-height: 152px; - border-radius: 2px; - display: block !important; - } - - .item-image-box, .item-info { - padding: 0; - margin: 0; - position: relative; - } - - .item-info { - min-height: 152px; - } - - .item-image-box { - max-height: 152px; - overflow: hidden; - } - - .trending-ads { - margin-bottom: 15px; - background-color: #fff; - padding: 15px 30px; - } - - .oc-item .ad-info { - overflow: hidden; - } - - .oc-item .ad-info span + a { - color: #9fa4a4; - font-size: 14px; - line-height: 16px; - } - - .oc-item .ad-info span, - .featured .ad-info span { - color: #a0a0a0; - font-size: 14px; - line-height: 17px; - } - - .tab-manu { - overflow: hidden; - border-bottom: 1px solid #f2f2f2 - } - - .tab-manu h4 { - float: left; - margin-bottom: 14px; - } - - .tab-manu .nav-tabs { - float: right; - border: none; - border: 1px solid transparent; - } - - .tab-manu .nav-tabs li a { - padding: 12px 15px; - border-bottom: 0; - text-transform: capitalize; - color: #9c9c9c; - } - - .tab-manu .nav-tabs li a:hover, - .tab-manu .nav-tabs li.active a { - border: 1px solid #f2f2f2; - background-color: #fcfcfc; - border-bottom: #f2f2f2; - border-radius: 0; - color: #00a651; - } - - .my-ocs .ad-meta .pending { - color: #f7941d; - } - - /* Cta */ - .cta { - background-color: #fff; - display: inline-block; - color: #a0a0a0; - line-height: 17px; - padding: 41px 0 29px; - margin-top: 9px; - width: 100%; - border-radius: 4px; - } - - .cta-icon { - min-height: 56px; - } - - .cta-icon img { - margin: 0 auto; - } - - .cta h4 { - color: #000; - font-weight: 500; - margin: 28px 0 10px; - } - - /* Download */ - #download { - background-image: url("{{ img('theme::images/bg/1.png').url }}"); - padding: 55px 0 90px; - } - - #download > .parallax-section:before { - min-height: 400px - } - - #download h2 { - color: #fff; - font-size: 26px; - font-weight: 300; - margin-bottom: 50px; - } - - .download-app { - border: 1px solid #fff; - padding: 10px 40px; - color: #ffffff; - display: block; - overflow: hidden; - min-height: 75px; - } - - .download-app img { - float: left; - margin-top: 5px; - margin-right: 15px; - } - - .download-app span { - font-size: 16px; - line-height: 22px; - font-weight: 300; - } - - .download-app strong { - font-size: 25px; - display: block; - font-weight: 400; - } - - .download-app:hover, - .download-app:focus { - background-color: rgba(0, 0, 0, 0.1); - color: #fff; - } - - /* ========================================================================== - Home One - ========================================================================== */ - - #home-one-info { - background-color: #f7f7f7; - padding: 30px 0 70px; - } - - .home-one .category { - margin-bottom: 6px; - } - - .featured-slider-two .col-sm-3 { - width: 100%; - } - - .home-one .parallax-section:before { - background: -moz-linear-gradient(45deg, rgba(20, 169, 152, 0.9) 0%, rgba(20, 169, 152, 0.9) 42%, rgba(27, 171, 137, 0.9) 54%, rgba(45, 177, 101, 0.9) 74%, rgba(52, 179, 86, 0.9) 84%, rgba(55, 180, 80, 0.9) 90%, rgba(55, 180, 80, 1) 100%); - background: -webkit-linear-gradient(45deg, rgba(20, 169, 152, 0.9) 0%, rgba(20, 169, 152, 0.9) 42%, rgba(27, 171, 137, 0.9) 54%, rgba(45, 177, 101, 0.9) 74%, rgba(52, 179, 86, 0.9) 84%, rgba(55, 180, 80, 0.9) 90%, rgba(55, 180, 80, 0.9) 100%); - background: linear-gradient(45deg, rgba(20, 169, 152, 0.9) 0%, rgba(20, 169, 152, 0.9) 42%, rgba(27, 171, 137, 0.9) 54%, rgba(45, 177, 101, 0.9) 74%, rgba(52, 179, 86, 0.9) 84%, rgba(55, 180, 80, 0.9) 90%, rgba(55, 180, 80, 0.9) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14a998', endColorstr='#37b450', GradientType=1); - } - - #download.parallax-section:before { - background: -moz-linear-gradient(left, rgba(55, 180, 78, 0.9) 0%, rgba(49, 178, 91, 0.9) 24%, rgba(27, 171, 137, 0.96) 77%, rgba(21, 169, 151, 0.94) 100%); - background: -webkit-linear-gradient(left, rgba(55, 180, 78, 0.9) 0%, rgba(49, 178, 91, 0.9) 24%, rgba(27, 171, 137, 0.96) 77%, rgba(21, 169, 151, 0.94) 100%); - background: linear-gradient(to right, rgba(55, 180, 78, 0.9) 0%, rgba(49, 178, 91, 0.9) 24%, rgba(27, 171, 137, 0.96) 77%, rgba(21, 169, 151, 0.94) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b44e', endColorstr='#f015a997', GradientType=1); - } - - #banner-two { - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/2.jpg); - padding: 70px 0; - margin-bottom: 50px; - } - - .banner h1.title { - font-size: 51px; - } - - .banner h3 { - font-size: 22px; - font-weight: 300; - color: #fff; - margin: 27px 0 32px; - } - - .home-one .banner-form { - border-radius: 10px; - } - - .home-one .banner-form input[type="text"] { - max-width: 402px; - } - - .home-one .banner-form input[type="submit"] { - background-color: #005821; - } - - .home-one .banner-form input[type="submit"]:hover { - background-color: #0072bc; - color: #fff; - } - - .home-one .trending-ads { - margin-bottom: 20px; - } - - /* ========================================================================== - Home Two - ========================================================================== */ - - #main.home-two { - padding-top: 0; - padding-bottom: 35px; - } - - #road_map { - height: 550px; - position: relative; - border: 0; - } - - .home-two .banner-form input[type="text"] { - margin-left: -13px; - max-width: 544px; - border-right: 0; - } - - .home-two .banner-form input[type="submit"] { - margin-left: -2px; - font-size: 16px; - } - - .home-two .language-dropdown { - border-radius: 0; - margin-left: -3px; - } - - /* .home-two .banner-form { - background-color: #fff; - padding: 15px 20px 15px; - margin-bottom:30px; - } - */ - .home-two .featured img { - width: 100%; - } - - .home-two .featured { - margin-right: 0; - } - - .home-two .category-list .category-item, - .home-one .category-list .category-item { - width: 16.66%; - padding: 15px; - margin-bottom: 25px; - } - - .home-two .featureds { - margin-top: 30px; - border-radius: 4px; - } - - .home-one .featureds .featured-top h4, - .home-two .featureds .featured-top h4, - .home-three .featureds .featured-top h4 { - padding-bottom: 5px; - font-size: 18px; - font-weight: 500; - color: #000; - } - - .home-one .ad-info .item-title a, - .home-two .ad-info .item-title a, - .home-three .ad-info .item-title a { - text-decoration: underline; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - } - - .home-one .ad-info .item-title a:hover, - .home-two .ad-info .item-title a:hover, - .home-three .ad-info .item-title a:hover { - text-decoration: none; - } - - .home-two .featureds .pagination { - margin-bottom: 50px; - } - - .single-cta { - padding: 0 25px; - } - - .single-cta h4 { - text-align: center; - } - - .single-cta p { - text-align: center; - } - - .single-cta h5 { - text-align: center; - } - - /* ========================================================================== - Services Ad - ========================================================================== */ - #services-ad { - background-color: #f7f7f7; - padding: 0 0 82px; - } - - #home-section { - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/2.jpg); - padding: 70px 0 90px; - color: #fff; - } - - #home-section.parallax-section:before { - background-color: rgba(37, 34, 34, 0.8); - } - - #home-section h1 { - color: #00a651; - margin: 65px 0 0; - } - - #home-section h2 { - font-size: 60px; - font-weight: 700; - color: #fff; - margin: 4px 0 30px; - } - - #home-section .btn { - margin-right: 15px; - margin-top: 20px; - } - - #services-ad .language-dropdown { - border-radius: 0; - border-right: 0; - } - - .directory.page .banner-form-full .language-dropdown { - margin-left: -3px; - } - - #services-ad .category-dropdown { - border-right: 1px solid #e8e8e8; - } - - #services-ad .banner-form input[type="text"] { - margin-left: -13px; - max-width: 544px; - border-right: 0; - } - - #services-ad .banner-form input[type="submit"] { - margin-left: -2px; - font-size: 16px; - } - - #services-ad .banner-form input { - margin: 0; - } - - #services-ad .banner-form { - background-color: #fff; - padding: 15px 20px 13px; - margin-top: -50px; - } - - #services-ad .banner { - padding: 13px 0 18px; - } - - .services { - background-color: #fff; - margin-bottom: 30px; - padding: 40px; - overflow: hidden; - border-radius: 4px; - } - - .single-service { - display: inline-block; - width: 19.6%; - padding: 15px; - margin-bottom: 25px; - } - - .services-icon { - min-height: 30px; - } - - .single-service h5 { - font-size: 16px; - color: #505050; - font-weight: 500; - margin-bottom: 13px; - } - - .single-service li { - margin-bottom: 5px; - } - - .single-service li a { - color: #b5b5b5; - } - - .single-service li a:hover { - color: #00a651; - } - - - #services-ad .featured { - margin-bottom: 32px; - margin-right: 0; - } - - #services-ad .featured img { - width: 100%; - } - - #services-ad .featureds h4 { - padding-bottom: 5px; - } - - #services-ad .pagination { - margin-bottom: 50px; - } - - #home-section img { - display: inline; - } - - /* ========================================================================== - Category - ========================================================================== */ - - .breadcrumb { - background-color: transparent; - padding-left: 0; - } - - .breadcrumb li, - .breadcrumb li a { - color: #fff; - font-weight: 300; - } - - .breadcrumb > li + li:before { - content: "\f101"; - font-family: "Font Awesome 5 Free"; - visibility: visible; - font-weight: 900; - color: #fff; - visibility: visible; - font-weight: 900; - } - - #something-sell h2.title { - font-weight: 400; - font-size: 36px; - margin-bottom: 14px; - } - - .recommended-ads { - margin-bottom: 0; - display: inline-block; - } - - .recommended-ads h4 { - font-weight: 500; - color: #000; - margin: 20px 0; - display: inline; - } - - .recommended-ads h5 { - display: inline; - margin-right: 9px; - } - - .recommended-ads .featured-top { - padding-bottom: 13px; - } - - .recommended-ads .category-dropdown { - background-color: #fff; - border-radius: 0; - border: 0; - display: inline-block; - height: inherit; - line-height: inherit; - min-width: inherit; - text-align: center; - padding: 0; - } - - .recommended-ads .change-text { - color: #010101; - font-weight: 500; - } - - .recommended-ads .change-text + i { - color: #010101; - } - - .banner-section h1 { - font-size: 50px; - line-height: 55px; - font-weight: 700; - } - - .add-cart-button { - background-color: #F28B00; - border-color: #F28B00; - height: 48px; - line-height: 32px; - width: 154px; - } - - .add-cart-button i { - margin-right: 5px; - font-size: 18px; - } - - .add-cart-quantity { - padding: 0px; - text-align: center; - background-color: #bfbfbf; - height: 48px; - min-width: 50px; - max-width: 50px; - } - - .add-cart-quantity span { - text-align: center; - background-color: #fff; - display: block; - padding: 0px; - margin-top: -5px; - padding-bottom: 5px; - font-size: 10px !important; - } - - .add-cart-quantity-input { - border-radius: 0px; - text-align: center; - padding: 0px; - margin-top: 2px; - font-size: 13px; - font-weight: 700; - border: none; - font-family: Arial; - color: #484848; - height: 30px; - } - - .add-cart-reduce { - padding: 0px; - width: 25px; - } - - .offered-field { - margin-top: 15px; - } - - .offered-row { - padding-left: 0px; - } - - .add-cart-reduce button { - background-color: #bfbfbf !important; - border: none; - padding-right: 8px; - padding-left: 12px; - border-radius: 6px; - border-bottom-right-radius: 0px; - border-top-right-radius: 0px; - border-top: 1px solid #bfbfbf; - border-bottom: 1px solid #bfbfbf; - height: 48px; - } - - .add-cart-reduce button:before { - content: "-"; - font-weight: 700; - font-size: 20px; - font-family: Helvetica, Roboto, Arial, sans-serif; - } - - .add-cart-row { - padding-left: 0px; - } - - .add-cart-upgrade { - padding: 0px; - margin-left: -2px; - width: 27px; - } - - .add-cart-upgrade button { - background-color: #bfbfbf !important; - border: none; - padding-right: 7px; - padding-left: 8px; - border-radius: 6px; - border-bottom-left-radius: 0px; - border-top-left-radius: 0px; - border-top: 1px solid #bfbfbf; - border-bottom: 1px solid #bfbfbf; - height: 48px; - } - - .add-cart-upgrade button:before { - content: "+"; - font-weight: 700; - font-size: 20px; - font-family: Helvetica, Roboto, Arial, sans-serif; - } - - .add-cart-button:hover, .add-cart-button:active, .add-cart-button:focus { - background-color: #DE7f00 !important; - border-color: #DE7f00 !important; - color: #fff !important; - } - - .change-text { - margin-left: -24px; - padding-left: -5px; - display: block; - padding-top: 6px; - margin-bottom: -8px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .category-dropdown a i { - position: absolute; - right: 20px; - top: 50%; - margin-top: -8px; - } - - .recommended-ads .advertisement-daily { - padding: 13px 0 14px; - } - - .recommended-cta .cta { - background: #FFF; - padding: 25px 0; - margin-bottom: 20px; - margin-top: 0; - border-radius: 3px; - } - - .recommended-cta .single-cta { - padding: 25px 20px; - } - - .recommended-cta .single-cta h5 { - color: #000; - font-weight: 400; - margin-top: 0; - } - - .recommended-cta .single-cta a { - color: #a0a0a0; - } - - .recommended-cta .single-cta a:hover { - color: #00a651; - } - - #something-sell h4 { - font-size: 20px; - color: #fff; - font-weight: 300; - line-height: 28px; - } - - #something-sell .btn.btn-primary { - margin-top: 15px; - border: 1px solid #00a651; - } - - #something-sell a.btn:hover { - background-color: transparent; - border: 1px solid #00a651; - } - - /* Accordion */ - .accordion a h4 { - color: #000000; - font-weight: 500; - margin: 3px 0; - } - - #accordion .panel-default { - margin-bottom: 20px; - } - - #accordion .panel-default > .panel-heading { - background-color: #fff; - border: none; - } - - #accordion .panel-body { - padding: 20px 16px; - background-color: #fff; - } - - #accordion .panel-body h5 { - font-size: 16px; - color: #000; - margin-top: 0; - } - - #accordion .panel-body h5 i { - color: #00a651; - } - - #accordion .panel-body a { - color: #000000; - font-weight: 500; - font-size: 13px; - padding: 2px; - line-height: 28px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - display: block; - } - - #accordion .panel-body .posted-by { - margin: 0; - } - - #accordion .panel-body ul li a { - font-weight: 400; - line-height: 30px; - font-size: 14px; - } - - #accordion .panel-body a:hover, - #accordion .panel-body a:hover i { - color: #00a651; - } - - #accordion .panel-body ul li a span { - color: #9e9e9e; - margin-left: 5px; - } - - #accordion .panel-body a i { - font-size: 18px; - color: #8E8B8B; - margin-right: 10px; - } - - #accordion input[type="text"] { - margin: 8px 0 16px; - } - - #accordion .panel-body label { - position: relative; - padding-left: 25px; - display: block; - color: #000000; - font-weight: 400; - margin-bottom: 6px; - } - - #accordion .panel-body label input[type="checkbox"] { - width: 0; - height: 0; - display: none; - } - - .panel { - border: 1px solid transparent; - background-color: transparent; - } - - #accordion .panel-body label:before, - .checkbox label:before { - position: absolute; - color: #9e9e9e; - font-size: 16px; - left: 0; - top: 0; - } - - #accordion .panel-body label.checked:before, - .checkbox label.checked:before { - content: "\f046"; - color: #00a651; - } - - #accordion span.border { - border-bottom: 1px dashed #d1d1d1; - display: block; - margin: 10px; - } - - #accordion a.see-more { - color: #a0a0a0; - } - - #accordion a.see-more:hover { - color: #00a651; - } - - #accordion .panel-body .category-change li a { - line-height: 20px; - font-size: 14px; - } - - #accordion .panel-body .category-dropdown a, #accordion .panel-body .category-dropdown a i { - font-size: 14px; - line-height: 20px; - } - - #accordion .panel-body .category-change { - min-width: 70px; - } - - /* Pagination */ - .pagination { - margin-top: 25px; - margin-bottom: 10px; - } - - .pagination > li > a { - color: #9a9a9a; - font-size: 14px; - font-weight: 700; - background-color: #e7e8e9; - margin: 3px; - border: 1px solid #e2e3e3; - border-radius: 5px; - } - - .pagination > li > a:hover, - .pagination > .active > a, - .pagination > .active > a:focus, - .pagination > .active > a:hover { - color: #fff; - background-color: #00a651; - border: 1px solid #008c44; - } - - .pagination > li:nth-child(7) a, - .pagination > li:nth-child(7) a:hover { - background-color: transparent; - border: none; - color: #9a9a99; - } - - .pagination > li:nth-child(7) a { - padding: 4px 9px; - line-height: 25px; - } - - - /* something-sell */ - #something-sell { - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/1.jpg); - padding: 40px 0 60px; - } - - #something-sell.parallax-section:before { - background-color: rgba(0, 114, 188, 0.92); - } - - /* ========================================================================== - Details - ========================================================================== */ - - #main.details-page { - padding-bottom: 50px; - } - - .details-page .banner { - padding: 0; - } - - .details-page .banner-form-full { - margin-top: 30px; - } - - .banner-form-full { - max-width: 100%; - background-color: #fff; - padding: 15px 20px 15px; - margin-bottom: 30px; - margin-top: -40px; - } - - .banner-form-full.banner-form .form-control, - .banner-form-full.banner-form .category-dropdown { - width: 20%; - } - - .banner-form-full.banner-form input { - min-width: 448px; - } - - .home-two .banner-form-full.banner-form input, - .home-three .banner-form-full.banner-form input { - min-width: 434px; - } - - .category-page .language-dropdown, - .details-page .language-dropdown { - margin: 0; - border-radius: 0; - border-left: 1px solid #e6e6e6; - margin-left: -4px; - padding: 0 0 0 17px; - } - - .details-page .banner-form input { - max-width: 572px; - } - - .details-page .banner-form input[type="submit"] { - max-width: 114px; - } - - .banner-form-full.banner-form input::-webkit-input-placeholder { - color: #a4a4a4; - } - - .banner-form-full.banner-form input:-moz-placeholder { /* Firefox 18- */ - color: #a4a4a4; - } - - .banner-form-full.banner-form input::-moz-placeholder { /* Firefox 19+ */ - color: #a4a4a4; - } - - .banner-form-full.banner-form input:-ms-input-placeholder { - color: #a4a4a4; - } - - .slider { - background-color: #fff; - display: inline-block; - padding: 33px 30px 51px; - border-radius: 4px; - width: 100%; - min-height: 585px; - } - - .carousel-indicators { - position: absolute; - width: 100%; - left: 0; - bottom: -129px; - margin-left: 0; - border: none; - text-align: left; - } - - .featured-img { - position: absolute; - left: 0; - top: 0; - border: 0; - } - - .price-range .category-dropdown { - border-right: 0; - min-width: inherit; - line-height: inherit; - padding: 0; - height: 0; - } - - .price-range .category-dropdown a { - font-weight: 700; - } - - .price-range .dropdown-menu { - margin-top: 25px; - min-width: 110px; - } - - #product-carousel .carousel-indicators { - bottom: -140px; - } - - #product-carousel .carousel-indicators li, - #product-carousel .carousel-indicators li.active { - height: 105px; - width: 107px; - text-indent: inherit; - border: none !important; - border-radius: 0; - margin: 0; - margin-left: 17px; - } - - #product-carousel .carousel-indicators li:first-child { - margin-left: 0 !important; - } - - #product-carousel .carousel-indicators li img { - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - opacity: 0.7; - } - - #product-carousel .carousel-indicators li img:hover, - #product-carousel .carousel-indicators li.active img { - opacity: 1; - } - - #product-carousel .carousel-control { - background: none !important; - width: 50px; - height: 50px; - top: 50%; - margin-top: -25px; - font-size: 50px; - line-height: 50px; - } - - #product-carousel .carousel-control.left { - left: 0px; - } - - #product-carousel .carousel-control.right { - right: 0px; - } - - #product-carousel .carousel-control { - opacity: 0; - } - - #product-carousel:hover .carousel-control { - opacity: 1; - } - - .slider-text h2 { - color: #00a651; - font-size: 36px; - font-weight: 500; - margin: 0; - } - - #main .slider-text h3.title { - font-size: 25px; - font-weight: 400; - color: #000; - margin: 0 0 8px; - } - - .slider-text h4 { - font-weight: 500; - color: #272727; - } - - .slider-text span { - color: #9fa4a4; - font-size: 14px; - } - - .slider-text span a { - font-weight: 500; - color: #000; - margin-right: 10px; - } - - .slider-text span a.time { - color: #4a4b4b; - font-weight: 400; - } - - .slider-text span i { - margin-right: 10px; - } - - .slider-text span.icon { - display: inline-block; - margin: 11px 0 16px; - } - - .slider-text i.online:after { - top: -2px; - } - - .short-info a, - .slider-text span.icon a { - color: #9fa4a4; - font-weight: 400; - } - - .slider-text span.icon a strong { - font-weight: 400; - color: #00a651; - } - - .short-info h4 { - margin-bottom: 12px; - } - - .short-info strong { - color: #272727; - margin-right: 5px; - } - - .short-info a { - color: #272727; - } - - - .contact-with .btn { - background-color: #0d79bf; - color: #fff; - margin-right: 4px; - border: 1px solid transparent; - margin-bottom: 17px; - } - - .contact-with .btn-red { - background-color: #f36d2d; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - } - - .contact-with .btn i { - font-size: 22px; - vertical-align: top; - margin-right: 10px; - } - - .contact-with a.btn:hover { - color: #0d79bf; - background-color: transparent; - border: 1px solid #0d79bf; - } - - /*.contact-with .btn-red:hover {*/ - /*color: #f36d2d;*/ - /*background-color: transparent;*/ - /*border: 1px solid #f36d2d;*/ - /*}*/ - - .social-links li a { - font-size: 20px; - } - - .social-links li { - margin-right: 10px; - } - - .social-links li:last-child { - margin-right: 0; - } - - .social-links li a i.fa-facebook-square { - color: #0d79bf; - } - - .social-links li a i.fa-twitter-square { - color: #0db2f0; - } - - .social-links li a i.fa-google-plus-square { - color: #ec4d53; - } - - .social-links li a i.fa-linkedin-square { - color: #4e92ce; - } - - .social-links li a i.fa-pinterest-square { - color: #ed1c24; - } - - .social-links li a i.fa-tumblr-square { - color: #0054a6; - } - - .slider-text span a:hover, - .slider-text a:hover { - color: #00a651; - } - - .hide-number, .show-number .hide { - display: none; - } - - .show-number .show { - display: inline-block !important; - } - - .slider-text .show-number span { - color: #fff; - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - } - - .slider-text .show-number span:hover, - .slider-text .show-number:hover span, - .contact-with .show-number .btn-red:hover { - color: #fff; - } - - /*Description*/ - .description { - background-color: #fff; - color: #272727; - line-height: 22px; - margin-bottom: 25px; - border-radius: 3px; - padding: 20px 35px 35px; - font-family: 'Devanagari-Regular', sans-serif; - } - - .description h4, - .short-info h4 { - font-weight: 500; - color: #272727; - margin-bottom: 18px; - } - - .description h4 { - margin-bottom: 20px; - } - - .short-info { - background-color: #fff; - border-radius: 3px; - margin-bottom: 20px; - } - - .description-info .short-info { - padding: 20px 30px 25px; - } - - .short-info li { - margin-bottom: 20px; - } - - .short-info li i { - font-size: 18px; - color: #000; - margin-right: 28px; - } - - .short-info li a { - font-size: 16px; - color: #707070; - } - - .short-info li a:hover { - color: #00a651; - } - - .short-info li a span { - color: #00a651; - font-weight: 400; - } - - .details-page .recommended-ads { - padding-top: 20px; - } - - /* ====================================================================== - Ad Details - =========================================================================*/ - .adpost-details h4 { - border-bottom: 1px solid #f2f2f2; - color: #000; - font-size: 20px; - margin-bottom: 20px; - margin-top: 0; - } - - .adpost-details .seller-info h4 { - margin-bottom: 35px; - } - - .adpost-details .form-group { - position: relative; - } - - .postdetails h4 span { - font-size: 14px; - color: #ed1c24; - line-height: 26px; - } - - .postdetails li a { - color: #838383; - font-size: 16px; - } - - .postdetails li a:hover, - .postdetails li.active a, - .postdetails .edit:hover { - color: #00a651; - } - - .selected-product { - border-bottom: 1px solid #f2f2f2; - padding: 10px 0 20px; - } - - .selected-product .select-category li { - position: relative; - padding-right: 10px; - padding-left: 10px; - margin-right: 20px; - } - - .selected-product .select-category li:before { - top: -8px; - right: -10px; - opacity: 1; - } - - .selected-product .select-category li.active:before { - opacity: 0; - } - - .selected-product .select-category span.select { - margin-right: 15px; - } - - .selected-product .edit { - color: #0072bc; - position: absolute; - right: 0; - top: 14px; - } - - .selected-product .edit i { - margin-right: 8px; - } - - .adpost-details label { - font-size: 16px; - font-weight: 400; - color: #000; - } - - .adpost-details label.label-title { - padding-top: 10px; - } - - .adpost-details input[typef="radio"] + label { - cursor: pointer; - margin-right: 20px; - padding-left: 25px; - vertical-align: sub !important; - position: relative; - color: #838383; - margin-bottom: 0; - } - - .adpost-details input[type="radio"] { - display: none; - } - - .adpost-details input[type="radio"] + label:before, - .adpost-details input[type="radio"] + label:after { - position: absolute; - top: 5px; - left: 0; - content: ""; - width: 14px; - height: 14px; - border-radius: 50%; - display: inline-block; - background-color: transparent; - } - - .adpost-details input[type="radio"] + label:before { - border: 2px solid #00a651; - } - - .adpost-details input[type="radio"]:checked + label:after { - border: 5px solid #00a651; - } - - .required { - color: #ed1c24; - } - - .adpost-details .form-control::-webkit-input-placeholder { - color: #cfcfcf; - } - - .adpost-details .form-control::-moz-placeholder { - color: #cfcfcf; - } - - .adpost-details .form-control:-ms-input-placeholder { - color: #cfcfcf; - } - - .adpost-details .form-control:-moz-placeholder { - color: #cfcfcf; - } - - .upload-section { - overflow: hidden; - } - - .add-image h5 { - color: #000; - font-size: 16px; - position: relative; - padding-left: 50px; - line-height: 20px; - margin-bottom: 25px; - overflow: hidden; - } - - .add-image h5 span { - font-size: 14px; - display: block; - font-weight: 300; - color: #838383; - } - - .add-image .fa-upload { - position: absolute; - left: 0; - top: 3px; - font-size: 36px; - color: #00a651; - } - - .add-image label.upload-image { - width: 20%; - height: 75px; - border: 1px solid #e3e3e3; - border-radius: 4px; - position: relative; - margin-bottom: 0; - margin-left: 20px; - cursor: pointer; - } - - .add-image label.upload-image:first-child { - margin-left: 0; - } - - .add-image label.upload-image:before { - position: absolute; - content: "\f055"; - font-family: "Font Awesome 5 Free"; - visibility: visible; - font-weight: 900; - top: 50%; - left: 50%; - font-size: 30px; - color: #c2c2c2; - cursor: pointer; - margin-top: -14px; - margin-left: -14px; - line-height: 30px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - } - - .add-image label.upload-image:hover:before { - color: #00a651; - } - - .add-image label.upload-image input { - display: none; - } - - /*.select-price input[type="text"] {*/ - /*display:inline-block;*/ - /*width:initial;*/ - /*margin:0 15px;*/ - /*}*/ - - .postdetails .select-price { - margin-bottom: 40px; - } - - - .checkbox label { - position: relative; - padding-left: 22px; - color: #000000; - font-weight: 400; - margin-right: 35px; - margin-bottom: 10px; - } - - .checkbox label:last-child { - margin-right: 0; - } - - .postdetails .model-name { - margin-bottom: 45px; - } - - .postdetails .item-description { - margin-bottom: 15px; - } - - .adpost-details .premium-options { - margin-top: 30px; - max-width: 360px; - } - - .adpost-details .premium-options li { - margin-bottom: 25px; - color: #000; - } - - .adpost-details .premium-options li span { - float: right; - } - - .adpost-details .premium-options input[type="radio"] + label { - color: #000; - } - - - .adpost-details .agreement label { - line-height: 28px; - color: #494949; - margin-bottom: 40px; - } - - .agreement.checkbox label:before { - top: 8px; - } - - .adpost-details .agreement label a, - .quick-rules .lead a { - font-weight: 500; - color: #000; - } - - .adpost-details .agreement label a:hover, - .quick-rules .lead a:hover { - color: #00a651; - - } - - - .quick-rules .lead { - font-weight: 300; - font-size: 18px; - line-height: 25px; - margin: 16px 0 35px; - } - - .quick-rules .lead a { - font-weight: 400; - } - - .quick-rules li { - position: relative; - padding-left: 25px; - margin-bottom: 20px; - } - - .quick-rules li:before { - position: absolute; - color: #00a651; - font-size: 16px; - content: "\f105"; - font-family: "Font Awesome 5 Free"; - visibility: visible; - font-weight: 900; - left: 0; - top: 0; - } - - - /* ========================================================================== - Published Page - ========================================================================== */ - - #main.published-page { - padding: 64px 0 79px; - } - - .congratulations { - background-color: #fff; - padding: 100px; - padding-bottom: 115px; - border-radius: 4px; - } - - .congratulations i { - font-size: 72px; - color: #00a651; - margin-bottom: 18px; - } - - .congratulations h2 { - font-weight: 700; - color: #00a651; - margin: 0 0 4px; - } - - .congratulations h4 { - color: #b0b0b0; - font-size: 24px; - margin: 0; - padding: 0; - } - - /* ========================================================================== - User Page login / Sign up - ========================================================================== */ - - #main.user-page { - padding: 60px 0 80px; - } - - .user-account { - background-color: #fff; - border-radius: 4px; - padding: 40px 50px; - } - - .user-account h2 { - color: #00a651; - font-weight: 700; - margin-bottom: 55px; - } - - .user-account input { - height: 44px; - margin-bottom: 30px; - font-size: 16px; - } - - .user-account .btn { - background-color: #00a651; - color: #fff; - padding: 5px 32px 7px; - margin-top: 10px; - } - - .user-account select { - height: 44px; - margin-bottom: 30px; - font-size: 16px; - color: #000; - } - - .user-account .checkbox label, .forgot-password a { - color: #b9b9b9; - } - - .user-account .checkbox label:hover, .forgot-password a:hover { - color: #00a651; - } - - .user-account .user-option { - overflow: hidden; - margin-top: 55px; - } - - .user-option .forgot-password { - margin-top: 10px; - } - - .user-page .btn-primary { - padding: 15px 30px; - display: block; - font-size: 18px; - border-radius: 4px; - margin-top: 25px; - background-color: #0072bc; - } - - .user-page .btn-primary:hover { - background-color: #00a651; - } - - /* ========================================================================== - Post Page - ========================================================================== */ - - .post-option { - background-color: #fff; - border-radius: 4px; - padding: 25px; - } - - .post-option h4 { - font-size: 20px; - color: #010101; - margin-bottom: 20px; - } - - .post-option li { - border-top: 1px solid #f2f2f2; - padding: 15px 0 20px; - position: relative; - } - - .select-category li:before { - position: absolute; - top: 9px; - right: 0; - font-size: 30px; - content: "\f105"; - font-family: "Font Awesome 5 Free"; - visibility: visible; - font-weight: 900; - color: #00a651; - opacity: 0; - } - - .select-category li.active:before, - .select-category li:hover:before { - opacity: 1; - } - - .select-category span.select { - display: inline-block; - margin-right: 25px; - } - - .post-option li:hover a, - .post-option li a:hover, - .post-option li.active a, - .post-option li.link-active a { - color: #00a651; - } - - .select-category li a img { - display: inline-block; - } - - .post-option li a { - font-size: 16px; - color: #505050; - } - - .post-option.next-stap { - padding: 50px; - } - - .next-stap h2 { - font-size: 29px; - margin-bottom: 20px; - } - - .next-stap h2 span { - color: #00a651; - } - - .next-stap .btn-section { - margin: 25px 0; - } - - .next-stap .btn { - background-color: #dadada; - padding: 5px 50px 7px; - color: #fff; - border: 1px solid #dadada; - margin-right: 5px; - } - - .next-stap .btn-info { - background-color: transparent; - color: #333; - } - - .next-stap .btn:hover { - border: 1px solid #00a651; - background-color: transparent; - } - - .next-stap .btn:hover, - .next-stap .btn-info:hover { - color: #00a651; - } - - - /* ========================================================================== - Myads Page - ========================================================================== */ - - .myads-page .my-ocs { - background-color: #fff; - padding: 15px 30px; - border-radius: 4px; - } - - .myads-page .my-ocs h2 { - font-weight: 300; - color: #2a2a2a; - margin-top: 10px; - margin-bottom: 30px; - } - - - /* ========================================================================== - Ad Profile - ========================================================================== */ - - .ad-profile { - background-color: #fff; - padding: 0; - display: flow-root; - } - - .dropdown-item-pending, .dropdown-item-archived, .dropdown-item-myads { - width: 100%; - } - - .user-profile { - overflow: hidden; - padding: 0 25px; - } - - .user-images { - float: left; - margin-right: 30px; - margin-top: 30px; - border: 1px solid #fcfcfc; - } - - .favorites-user { - float: right; - } - - .ad-profile .user { - float: left; - } - - .ad-profile .user h2 { - font-weight: 300; - color: #2a2a2a; - margin-top: 30px; - } - - .ad-profile .user h2 a { - font-weight: 700; - color: #00a651; - } - - .ad-profile .user h5 { - color: #9fa4a4; - font-size: 16px; - } - - .ad-profile .my-ocs, - .ad-profile .favorites { - float: left; - padding: 30px 40px; - text-align: center; - border-left: 1px solid #f5f5f5; - } - - .ad-profile .my3-ads { - padding: 30px 55px; - } - - .ad-profile .favorites-user small { - display: block; - font-size: 16px; - color: #000; - line-height: 0; - } - - .ad-profile .favorites-user a { - font-size: 48px; - color: #00a651; - display: block; - } - - .ad-profile .favorites-user small:hover { - color: #00a651; - } - - .ad-profile .user-menu { - border-top: 1px solid #f5f5f5; - } - - .ad-profile .user-menu li { - padding: 15px 18px; - float: left; - border-left: 1px solid #f5f5f5; - } - - .user-menu-no-border li { - padding: 15px 18px; - float: left; - border-left: none; - } - - - .ad-profile .user-menu li a { - color: #9fa4a4; - font-size: 16px; - } - - .ad-profile .user-menu li.active a, - .ad-profile .user-menu li a:hover { - color: #00a651; - } - - .user-pro-section .section { - background-color: #fff; - padding: 15px 35px; - } - - .user-pro-section select, - .user-pro-section input { - color: #212020; - font-size: 16px; - height: 43px; - } - - .user-pro-section .form-group { - overflow: hidden; - margin-bottom: 30px; - } - - .user-pro-section label { - float: left; - width: 25%; - font-weight: 400; - color: #000; - font-size: 16px; - } - - .user-pro-section .form-control { - width: 75%; - } - - .user-pro-section .preferences-settings label, - .user-pro-section .preferences-settings .form-control { - float: none; - width: 100%; - margin: 5px 0; - font-size: 14px; - } - - .user-pro-section h2 { - margin-bottom: 30px; - font-weight: 300; - color: #000; - text-transform: capitalize; - } - - .user-pro-section .preferences-settings h2 { - margin-bottom: 15px; - } - - .profile a.btn, - .buttons a.btn { - background-color: #00a651; - color: #fff; - padding: 6px 26px 7px; - border: 1px solid #00a651; - margin: 9px 0 0; - margin-bottom: 30px; - } - - .ad-profile-page .buttons a.btn { - margin-bottom: 0; - } - - .profile a.btn.cancle, - .buttons a.btn.cancle { - background-color: #dbdbdb; - border: 1px solid #dbdbdb; - margin-left: 10px; - } - - .profile a.btn:hover, - .buttons a.btn:hover { - background-color: transparent; - color: #00a651; - border: 1px solid #00a651; - } - - - /* ========================================================================== - Delete Page - ========================================================================== */ - - .delete-account { - background-color: #fff; - border-radius: 4px; - padding: 48px 0 84px; - } - - .delete-account h2, - .delete-account h4 { - color: #2a2a2a; - font-weight: 300; - } - - .delete-account h4 { - margin-bottom: 28px; - } - - .delete-account .btn { - background-color: #f26522; - color: #fff; - padding: 6px 26px 7px; - border: 1px solid #f26522; - } - - .delete-account a.btn.cancle:hover, - .delete-account .btn:hover { - background-color: transparent; - color: #f26522; - border: 1px solid #f26522; - } - - .delete-account a.btn.cancle { - background-color: #dbdbdb; - border: 1px solid #dbdbdb; - margin-left: 10px; - } - - /* ========================================================================== - About Us - ========================================================================== */ - - .breadcrumb-section h2.title { - margin-top: 0; - margin-bottom: 32px; - } - - .breadcrumb-section .breadcrumb { - margin-bottom: 0; - margin: 0; - padding: 0; - } - - .about-us .about { - padding: 25px 25px 20px; - background-color: #fff; - overflow: hidden; - border-radius: 4px; - } - - .about-us h3 { - color: #000000; - font-weight: 400; - font-size: 24px; - margin-bottom: 20px; - } - - .about-us-images img { - width: 100%; - } - - .about-info { - margin-bottom: 45px; - } - - .about-text { - color: #888888; - } - - .approach { - margin-bottom: 15px; - } - - .our-approach { - margin-bottom: 30px; - } - - .team-section { - overflow: hidden; - } - - .team-members { - margin: 0 -10px; - } - - .team-member { - width: 20%; - float: left; - padding-left: 10px; - padding-right: 10px; - margin-top: 10px; - margin-bottom: 25px; - } - - - .team-member-image, - .team-member h4, - .team-member .social { - text-align: center; - } - - .team-member-image { - position: relative; - } - - .team-member-image img { - width: 100%; - } - - .team-social { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 166, 81, 0.74); - -webkit-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - } - - .team-member h4 { - font-size: 20px; - font-family: 'Signika Negative', sans-serif; - color: #000; - font-weight: 400; - margin-top: 15px; - } - - .team-member .social { - position: absolute; - top: 50%; - left: 50%; - margin-left: -59px; - margin-top: -8px; - } - - .team-member .social li { - float: left; - } - - .team-member .social li a i { - font-size: 16px; - color: #fff; - } - - .team-member .social li + li { - margin-left: 12px; - } - - .team-member .social li a i:hover { - color: #00aeef; - } - - .team-member:hover .team-social { - -webkit-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - } - - - .testimonials { - font-family: 'Signika Negative', sans-serif; - background-color: #fff; - width: 100%; - display: inline-block; - padding: 85px 0; - margin-bottom: 75px; - border-radius: 4px; - } - - .testimonials h3.client-name { - margin: 19px 0 0 !important; - } - - .testimonials h4.client-company { - margin: 8px 0 27px - } - - .client-pragrap { - font-size: 19px; - font-style: italic; - } - - .testimonials img { - width: 96px !important; - height: 96px; - margin: 0 auto; - border-radius: 50%; - } - - /* ======================================================================= - FAQ Page - ========================================================================== */ - .faq-page { - margin-bottom: 60px; - } - - .faq-page .breadcrumb { - margin: 0; - padding: 0; - } - - .faq-page .title { - margin: 0; - } - - - .faq-page .panel-heading { - padding: 20px 25px; - background-color: #fff; - } - - .faq-page .panel-heading i:hover { - color: #00a651; - } - - .faq-page .panel-heading .panel-title:hover, - .faq-page .active-faq.panel-heading .panel-title { - color: #00a651; - } - - /* ========================================================================== - Contact Us - ========================================================================== */ - #main.contact-us { - padding-bottom: 80px; - } - - .contact-us h2.title { - margin-top: 0; - margin-bottom: 31px; - } - - .contact-us ol.breadcrumb { - margin-bottom: 0; - margin: 0; - padding-bottom: 5px; - } - - #gmap { - width: 100%; - height: 370px; - margin-bottom: 30px; - } - - .contact-info { - background-color: #fff; - color: #000; - display: block; - font-size: 16px; - font-weight: 400; - line-height: 24px; - overflow: hidden; - padding: 35px; - border-radius: 4px; - } - - .contact-info h2 { - color: #000; - font-weight: 500; - margin-bottom: 26px; - } - - .contact-info address p { - margin-bottom: 13px; - } - - .contact-info address strong { - text-transform: capitalize; - } - - .contact-info address a { - color: #000; - } - - .contact-info address a:hover { - color: #00a651; - } - - .contact-info ul.social li { - float: left; - } - - .contact-info ul.social li a { - display: block; - margin-right: 18px; - } - - .contact-info .social i.fa-facebook { - color: #0072bc; - } - - .contact-info .social i.fa-twitter { - color: #00aeef; - } - - .contact-info .social i.fa-google-plus { - color: #ed1c24; - } - - .feedback { - background-color: #fff; - color: #000; - overflow: hidden; - padding: 35px; - border-radius: 4px; - } - - .feedback h2 { - color: #000; - font-weight: 500; - margin-bottom: 33px; - margin-left: 12px; - } - - .feedback textarea, - .feedback input { - height: 44px; - margin-bottom: 11px; - } - - .feedback textarea { - min-height: 100px; - margin-bottom: 30px; - font-weight: 300; - resize: none; - } - - .feedback .form-group { - margin-bottom: 25px - } - - .feedback .btn { - padding: 6px 15px; - background-color: #00a651; - color: #fff; - border: 1px solid #00a651; - } - - .feedback .btn:hover { - background-color: transparent; - border: 1px solid #00a651; - color: #00a651; - } - - .contact-info, .feedback { - min-height: 482px; - } - - /* ========================================================================== - Footer - ========================================================================== */ - #footer { - border-top: 1px solid #efefef; - } - - .footer-top { - padding: 50px 0 57px; - background-color: #fff; - } - - .footer-widget { - font-size: 16px; - color: #000; - line-height: 30px - } - - .footer-widget h3 { - font-weight: 300; - color: #000; - line-height: 28px; - margin-bottom: 45px; - } - - .social-widget h3, - .news-widget h3 { - margin-bottom: 50px; - } - - .footer-widget ul li { - color: #858585; - font-size: 16px; - font-weight: 300; - line-height: 36px; - margin-bottom: 10px; - } - - .footer-widget ul li:last-child { - margin-bottom: 0; - } - - .footer-widget ul li a { - color: #858585; - font-size: 18px; - line-height: 28px; - text-transform: capitalize; - display: block; - } - - .social-widget ul li { - margin-bottom: 20px; - } - - .social-widget ul li a { - display: inline-block; - } - - .footer-widget ul li a i { - color: #3b5998; - font-size: 45px; - vertical-align: middle; - margin-right: 15px; - } - - .footer-widget ul li.active a, - .footer-widget ul li a:hover { - color: #000; - } - - .social-widget .fa-twitter-square { - color: #76c0f3; - } - - .social-widget .fa-google-plus-square { - color: #282725; - } - - .social-widget .fa-youtube-play { - color: #c1272d; - } - - .footer-widget input { - width: 100%; - height: 44px; - border: 1px solid #e3e3e3; - } - - .footer-widget input[type="email"] { - margin: 20px 0; - font-weight: 300; - font-size: 16px; - } - - .footer-widget .btn.btn-primary { - font-size: 14px; - padding: 6px 25px 8px; - } - - - .footer-widget .form-control::-webkit-input-placeholder { - color: #cfcfcf; - } - - .footer-widget .form-control::-moz-placeholder { - color: #cfcfcf; - } - - .footer-widget .form-control:-ms-input-placeholder { - color: #cfcfcf; - } - - .footer-widget .form-control:-moz-placeholder { - color: #cfcfcf; - } - - .footer-widget.news-letter { - font-size: 16px; - line-height: 22px; - font-weight: 300; - } - - .footer-bottom { - background-color: #f7f7f7; - color: #6e6e6e; - font-size: 14px; - padding: 19px 0 12px; - font-weight: 300; - } - - .footer-bottom a { - color: #6e6e6e; - } - - .footer-bottom a:hover { - color: #00a651; - text-decoration: underline; - } - - - /* ========================================================================== - New Page +html, +body { + font-family: 'Ubuntu', sans-serif; + font-weight: 400; + color: #6f6f6f; + overflow-x: hidden; + -webkit-font-smoothing: antialiased; + background-color: #f7f7f7; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Ubuntu', sans-serif; + font-weight: normal; +} + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +a { + font-family: 'Ubuntu', sans-serif; + color: #00a651; +} + +a, +a:hover, +a:focus, +input:focus { + text-decoration: none; + outline: none; + color: #02743a; +} + +img { + max-width: 100%; +} + +section { + min-width: 100%; + position: relative; + width: 100%; + padding: 50px 0; +} + +a:active, +a:focus, button:focus, .btn:focus, +input:focus, textarea:focus, select:focus, .form-control:focus { + outline: none !important; + text-decoration: none !important; + box-shadow: none !important; +} + +.form-control:focus { + border-color: #00a651; +} + +.title { + line-height: 34px; + color: #ffffff; + font-family: 'Ubuntu', sans-serif; + font-weight: 700; +} + +.parallax-section { + position: relative; + background-repeat: no-repeat; + background-size: cover; +} + +.parallax-section:before { + position: absolute; + background-color: rgba(35, 174, 121, 0.94); + top: 0; + left: 0; + width: 100%; + height: 100%; + min-height: 264px; + display: block; + content: ""; +} + +.online { + position: relative; +} + +.order-item { + border: 1px solid #e5e5e5; + border-radius: 6px; + margin-bottom: 5px; +} + +.card-order-detail h5 { + font-weight: bold; +} + +.order-total h4 { + color: #00a651; + display: block; + margin-top: 5px; +} + +.order-total span { + color: #00a651; + font-size: 20px; +} + +.order-item-header div h4 { + text-align: center; +} + +.item-total h5 { + color: #00a651; +} + +.warning-color { + color: #f7941d !important; +} + +.seller-detail-1 span { + display: inline-block; +} + +.danger-color { + color: #ed1c24 !important; +} + +.success-color { + color: #00a651 !important; +} + + +.order-item-footer { + padding-right: 20px; +} + +.thead-dark { + background-color: #e9ecef; +} + +.order-row div h5 { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.order-total .card-header { + color: #000000; +} + +.order-total { + padding-left: 0px; +} + +.order-number { + padding-top: 10px !important; + padding-bottom: 0px !important; +} + +.order-date { + padding-top: 10px !important; + padding-bottom: 0px !important; +} + +.online:after { + position: absolute; + height: 6px; + width: 6px; + border-radius: 50%; + background-color: #38b590; + content: ""; + top: 6px; +} + +.section { + background-color: #fff; + border-radius: 4px; + padding: 35px 25px; + margin-bottom: 25px; +} + +.section-title h4 { + color: #000; + font-weight: 500; +} + +.form-control { + box-shadow: none; + -webkit-box-shadow: none; + border: 1px solid #e3e3e3; + height: 44px; + color: #000; +} + +textarea { + resize: none; +} + +.btn.btn-primary { + font-size: 18px; + font-weight: 400; + text-transform: capitalize; + background-color: #00a651; + padding: 10px 40px 12px; + border: 0; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} + +.btn.btn-primary:hover { + background-color: #0072bc; + color: #fff; +} + +.form-control::-webkit-input-placeholder { + color: #000; +} + +.form-control::-moz-placeholder { + color: #000; +} + +.form-control:-ms-input-placeholder { + color: #000; +} + +.form-control:-moz-placeholder { + color: #000; +} + +.navbar-default .navbar-toggle { + padding: 3px 10px; + font-size: 17px; + /*border-color:#00a651;*/ +} + +.navbar-default .navbar-toggle .icon-bar { + background-color: #00a651; +} + +.navbar-default .navbar-toggle:focus, +.navbar-default .navbar-toggle:hover { + background-color: transparent; +} + +.page { + padding-bottom: 0; +} + +/* ========================================================================== + Header ========================================================================== */ - - .home-banner { - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car1.jpg); - background-size: cover; - position: relative; - color: #fff; - padding-top: 90px; - padding-bottom: 80px; - } - - .banner-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(37, 34, 34, 0.6); - } - - .home-banner .car-info { - margin-top: 105px; - } - - .car-info .socail li + li { - margin-left: 10px; - } - - .car-info .socail li a i { - color: #fff; - font-size: 20px; - } - - .car-info .socail li a i:hover { - color: #00a651; - } - - .home-banner h1 { - font-size: 62px; - font-weight: 700; - text-transform: uppercase; - margin-top: 10px; - } - - .home-banner h2 { - font-size: 24px; - font-weight: 300; - margin-top: 0; - margin-bottom: 15px; - } - - .home-banner h2 span { - font-weight: 700; - } - - .home-banner .btn.btn-primary { - padding-left: 20px; - padding-right: 20px; - padding-top: 7px; - padding-bottom: 9px; - margin-top: 15px; - } - - .home-banner .contact-form { - color: #000; - background-color: #fff; - border-radius: 4px; - overflow: hidden; - } - - .home-banner .contact-info { - padding: 25px; - padding-top: 20px; - padding-bottom: 40px; - min-height: inherit; - } - - .home-banner .contact-form h1 { - font-size: 20px; - font-weight: 400; - padding-left: 25px; - padding-top: 25px; - padding-bottom: 15px; - margin: 0; - background-color: #f7f7f7; - text-transform: capitalize; - border-bottom: 1px solid #ececec; - } - - .home-banner .contact-form h3 { - margin-top: 0; - font-size: 16px; - } - - .home-banner .dropdown.category-dropdown { - border: 1px solid #f7f7f7; - margin-bottom: 20px; - min-width: 100%; - } - - .home-banner .dropdown .dropdown-menu { - width: 100%; - border: 1px solid #f7f7f7; - padding-top: 10px; - padding-bottom: 10px; - } - - .home-banner .dropdown.category-dropdown a { - font-size: 16px; - color: #a4a4a4; - display: block; - font-family: 'MyriadPro-Regular', sans-serif; - } - - .home-banner .dropdown.category-dropdown a:hover, - .home-banner .dropdown.category-dropdown a:hover i { - color: #00a651; - } - - .home-banner .dropdown.category-dropdown a i { - color: #000; - } - - .home-banner .contact-form i { - float: right; - margin-top: 15px; - - } - - .home-banner .contact-form .form-control { - width: 90px; - height: 35px; - float: right; - color: #fff; - margin-top: 20px; - border: 1px solid #00a651; - background-color: #00a651; - } - - .home-banner .contact-form .form-control:hover { - color: #00a651; - background-color: transparent; - } - - - /* Category Section */ - - .page { - background-color: #f7f7f7; - padding-bottom: 70px; - } - - .page .section-title { - border-bottom: 1px solid #f2f2f2; - padding-bottom: 5px; - overflow: hidden; - } - - .category-section .section-title h4 { - float: left; - } - - .category-section .section-title h5 { - float: right; - font-size: 14px; - color: #000; - font-weight: 400; - } - - .category-section { - background-color: #fff; - padding: 0 30px; - padding-top: 15px; - padding-bottom: 20px; - margin-top: 40px; - margin-bottom: 30px; - border-radius: 4px; - } - - .cars-category { - padding-left: 20px; - overflow: hidden; - } - - .category-menu { - margin-top: 25px; - width: 16.6%; - float: left; - } - - .category-menu li { - margin-bottom: 25px; - } - - .category-menu li a { - color: #000; - font-size: 14px; - } - - .category-menu li a:hover { - color: #00a651; - } - - .section.cars-ads { - margin-bottom: 25px; - } - - .section.cars-ads .ad-info { - padding: 0; - padding-top: 20px; - } - - .trending-ads.cars-ads .item-image { - max-width: 230px; - overflow: hidden; - float: left; - margin-right: 20px; - } - - .cars-ads-box { - position: relative; - min-height: 150px; - } - - .section.cars-ads .car-info { - color: #000; - font-size: 14px; - float: left; - padding-top: 20px; - } - - .section.cars-ads .car-info + .car-info { - margin-left: 50px; - } - - .padding-left-20 { - padding-left: 20px;; - } - - .padding-bottom-20 { - padding-bottom: 20px; - } - - .cut-max-title { - overflow: hidden; - /*white-space: nowrap;*/ - text-overflow: ellipsis; - } - - .section.cars-ads .ad-meta { - width: 135%; - } - - .section.cars-ads .item-title { - margin-bottom: 10px; - } - - .section.cars-ads .car-info i { - color: #a4a9a9; - margin-right: 10px; - } - - .section.cars-ads .car-info li { - margin-bottom: 5px; - } - - #download.car-app-store { - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car2.jpg); - } - - #download.car-app-store.parallax-section:before { - opacity: .9; - } - - /* ========================================================================== - Car Two Home Banner + +#header .navbar-default { + padding: 4px 0; + background: #fff; + border: none; +} + +.navbar-brand { + padding: 2px 0px 15px; +} + +.navbar-brand > img { + height: 48px; +} + +.navbar { + margin: 0; +} + +.nav li a, +.navbar-default .navbar-nav > li > a { + background-color: transparent; + font-weight: 500; + font-size: 14px; + color: #0a0a0a; + padding: 10px 12px; + text-transform: uppercase; +} + +.navbar-nav { + margin: 7.5px 0px; +} + +.nav li a:hover, +.navbar-default .navbar-nav > li > a:focus, +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > .active > a:focus, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:focus, +.navbar-default .navbar-nav > .open > a:hover, +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:focus, +.dropdown-menu > .active > a:hover { + background-color: transparent; + color: #00a651; +} + +.dropdown-menu { + border-radius: 0; +} + +.navbar-nav .dropdown-menu > li > a { + padding: 6px 20px; + font-size: 13px; +} + +.dropdown-menu > li > a, +.dropdown-menu > li > a:hover { + background-color: transparent; +} + +.nav-right { + margin-top: 4px; + text-align: right; + float: right; +} + +.language-dropdown { + display: inline-block; + margin-right: 10px; +} + +/*.language-dropdown .dropdown-menu {*/ +/*margin: 5px 45px 20px !important;*/ +/*}*/ + +.language-dropdown .dropdown-menu { + margin-top: 7px; +} + +.language-dropdown button { + background-color: transparent !important; + color: #000000 !important; + font-size: 13px !important; +} + +.language-dropdown button:hover { + background-color: transparent !important; +} + +.language-dropdown a { + font-size: 16px; + color: #252525; + line-height: 23px; +} + +.language-dropdown a i { + margin-left: 5px; +} + +.language-dropdown a:hover { + color: #00a651; +} + +.language-dropdown li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: 400; + color: #333; +} + +.sign-in { + display: inline; +} + +.sign-in li { + display: inline-block; + margin-top: 10px; +} + +.sign-in li .fa-angle-down { + color: #000000; + margin-left: 3px; +} + +.nav-right { + display: inline-block; +} + +.language-dropdown i.fa-globe, +.sign-in li i { + font-size: 14px; + color: #00a651; + margin-right: 5px; +} + +.navbar-right { + padding: 5px; +} + +/*.nav-right .dropdown-menu {*/ +/*margin: 18px 0 20px;*/ +/*}*/ +.nav-right .dropdown-menu li a:hover { + color: #00a651; + background-color: transparent; +} + +.sign-in li a { + color: #000000; + font-size: 13px; + background-color: transparent !important; +} + +.sign-in li a:hover { + color: #00a651; +} + +.cart-dropdown div button { + color: #000000; + font-size: 13px; + background-color: transparent !important; +} + +.badge { + background-color: #00a651; + margin-left: 5px; + font-size: 10px; + font-weight: 500; + padding-bottom: 2px; +} + +/* ========================================================================== + Main ========================================================================== */ - - .home-banner.banner { - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car3.jpg); - padding: 125px 0; - } - - .home-banner.slide-1 { - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car2.jpg); - } - - - .home-banner.slide-2 { - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car1.jpg); - } - - .home-banner.banner .car-info { - margin-top: 0; - } - - .home-banner .car-info-box { - background-color: rgba(2, 2, 2, 0.6); - padding: 0 40px; - padding-top: 55px; - padding-bottom: 50px; - max-width: 620px; - } - - /* ========================================================================== - Upcoming Section +#main { + background-image: linear-gradient(to bottom, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%); + /*background-image: url("{{ img('theme::images/bg/main.png').url }}");*/ + background-repeat: no-repeat; + background-position: top center; + background-color: #f7f7f7; + padding: 3rem 0 0rem !important; +} + +#main.home-default { + padding-bottom: 0; +} + +.offered-field { + border-top: 1px solid #d5d5d5; + border-bottom: 1px solid #d5d5d5; +} + +.banner-section h1.title { + font-size: 50px; + line-height: 55px; +} + +.banner-section h3 { + font-size: 22px; + color: #FEFEFE; + margin: 15px 0 30px; + font-weight: 300; +} + +.banner-section { + padding: 15px 0 20px; +} + +.banner-section h1, .banner-section p { + color: white; +} + +.banner-form { + background-color: rgba(0, 0, 0, 0.14); + padding: 14px; + max-width: 88%; + margin: 12px auto; + border-radius: 3px; + text-align: left; +} + +.banner-form form .search-home-box { + padding: 0; + position: relative; +} + +.home-search-category-field { + width: 100%; +} + +.select-category-box { + padding-right: 0px; +} + +.home-search-category-field a { + font-size: 16px; + padding-right: 2px; + line-height: 30px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + display: inline-block; + width: 100%; +} + +.search-home-box .select-category-box { + margin-top: 8px; + height: 41px; +} + +.search-home-box div .search-input { + border: none; + height: 48px; + border-radius: 0px; + box-shadow: none; +} + +.home-one .banner-form form { + border: 0; +} + +.search-home-category { + padding: 0; + margin: 0; +} + +.search-home-category input { + margin: 0; + width: 100%; + height: 49px; + font-size: 21px; +} + + +.banner-form form { + display: inline-block; + width: 100%; + background-color: rgba(255, 255, 255, 0.95); + padding-top: 15px; + padding-bottom: 15px; + border-radius: 2px; +} + +} + +.easy-autocomplete { + width: 57% !important; + display: inline-block; +} + +.easy-autocomplete-container { + width: 100%; +} + +.banner-form button.form-control { + position: absolute; + right: -2px; + bottom: -1px; + max-width: 114px; + background-color: #00a651; + border-radius: 0 5px 5px 0; + color: #fff; + text-transform: uppercase; + border-color: #00a651; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + height: 51px; +} + +.banner-form button:hover { + background-color: #0072bc; + border-color: #0072bc; +} + +.banner-socail li { + display: inline-block;; +} + +.banner-socail li a { + color: #fff; + font-size: 20px; + background-color: transparent; + display: block; + height: 35px; + width: 35px; + line-height: 35px; + border: 1px solid transparent; + border-radius: 3px; +} + +.banner-socail li i { + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} + +.banner-socail li a:hover .fa-facebook { + color: #405D9B; +} + +.banner-socail li a:hover .fa-twitter { + color: #29C5F6; +} + +.banner-socail li a:hover .fa-google-plus { + color: #CA3E27; +} + +.banner-socail li a:hover .fa-youtube { + color: #EB2429; +} + +.category-ad { + background-color: #fff; + display: inline-block !important; + padding: 40px 0px 10px; + border-radius: 3px; +} + +.category-list .category-item { + width: 20%; + float: left; + margin-bottom: 30px; +} + +.category a { + color: #505050; + display: block; +} + +.banner-form .dropdown-menu { + min-width: 100%; + padding: 15px 0; +} + +.category-icon { + width: 80px; + height: 37px; +} + +.category-icon img { + max-width: 100%; + max-height: 100%; + margin: auto; +} + +.category-title { + color: #505050; + min-width: 80px; + text-align: center; +} + +.category-quantity { + color: #b5b5b5; +} + +.category-title { + display: block; + font-size: 16px; +} + +.category-item:hover .category-quantity, +.category-item:hover .category-title { + color: #00a651; +} + +.featureds { + background-color: #fff; + padding: 15px 30px 0; + overflow: hidden; + border-radius: 4px; +} + +.featured-top, +.browse-categories .section-title { + border-bottom: 1px solid #f2f2f2; + margin-bottom: 20px; + padding-bottom: 5px; +} + +.featured-top { + margin-top: 35px; +} + +.featured-top-display-settings { + margin-bottom: 20px; + padding-bottom: 5px; +} + +.showMapBtn h4 { + margin-top: 0 !important; + color: #00a651 !important; +} + +.showListBtn h4 { + color: #00a651 !important; +} + +.featured-slider { + margin-right: -15px; +} + +.featured { + border: 1px solid #f6f6f6; + margin-right: 15px; + margin-bottom: 30px; +} + +.featured .ad-meta { + position: inherit; + width: 100%; +} + +.featured-image { + position: relative; +} + +.ad-section { + margin: 40px 0; +} + +#ad-post .ad-section { + margin-bottom: 20px; +} + +.ad-info { + padding: 20px 25px; +} + +.ordersinfo { + padding: 20px 25px; +} + +.ad-info .item-price { + margin-top: 0; + margin-bottom: 5px; + font-size: 20px; + font-weight: 500; +} + +.ad-info .item-title { + font-size: 18px; + margin-top: 0; + margin-bottom: 5px; +} + +.ad-info .item-title a { + color: #000; +} + +.ad-info .item-cat { + font-size: 14px; + color: #a0a0a0; + overflow: hidden; + display: flex; + -webkit-line-clamp: 1; + white-space: nowrap; +} + +.ad-info .item-cat a { + color: #a0a0a0; +} + +.featureds .ad-info { + height: 140px; +} + +.ad-info .item-title a:hover { + text-decoration: underline; +} + +.ad-info .item-cat a:hover, +.ad-info .item-price { + color: #00a651; +} + +.ad-meta { + background-color: #f6f6f6; + border-top: 1px solid #eeeeee; + min-height: 35px; + position: absolute; + bottom: 0; + right: -1px; + width: 100%; + padding-left: 25px; + display: table; + font-size: 14px; +} + +.position-relative { + position: relative !important; +} + +.ad-meta .meta-content { + display: table-cell; + vertical-align: middle; +} + +.ad-meta .meta-content .dated { + margin-right: 20px; +} + +.ad-meta .meta-content .dated, +.ad-meta .meta-content .visitors { + font-weight: 500; + color: #9fa4a4; +} + +.ad-meta .meta-content span, +.ad-meta .meta-content a { + font-weight: 400; + color: #9fa4a4; +} + +.ad-meta .meta-content a:hover { + color: #00a651; +} + +.ad-meta .user-option a { + font-size: 18px; + color: #9fa4a4; + display: inline-block; + width: 30px; + height: 35px; + text-align: center; + line-height: 35px; +} + +.featured .ad-meta .user-option a { + width: 30px; +} + +.ad-meta .user-option a:hover { + background-color: #fff; + color: #00a651; +} + +.ad-meta .user-option a.edit-item:hover { + color: #0072bc; +} + +.ad-meta .user-option a.delete-item { + color: #ed1c24; +} + +.ad-meta .user-option a.delete-item:hover { + color: #c3171d; +} + +.featured .ad-meta span a { + margin-top: 7px; +} + +.ad-meta a i { + text-align: right +} + +a.verified { + position: absolute; + top: 0; + right: 0; +} + +a.verified i { + height: 20px; + width: 20px; + background-color: #00a651; + color: #fff; + line-height: 25px; + text-align: center; +} + +.featured-image a i:before { + z-index: 9999; + position: relative; +} + +.featured-image a i:after { + position: absolute; + border-right: 40px solid #00a651; + border-bottom: 40px solid transparent; + border-left: 40px solid transparent; + top: 0px; + right: 0; + content: ""; +} + +.featured-ad { + position: absolute; + top: 15px; + left: -30px; + padding: 5px 15px; + color: #fff; + background-color: #ff740d; + -moz-transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 120px; + text-align: center; + border: 1px dotted #ddd; + text-transform: uppercase; + font-size: 11px; +} + +.category-page .banner-form-full { + margin-bottom: 25px; + margin-top: 30px; +} + +/* slider */ +.featured-slider .col-sm-4 { + width: 100%; +} + +.owl-carousel .owl-next, +.owl-carousel .owl-prev { + position: absolute; + top: -60px; + font-size: 24px; + color: #d2d2d2; +} + +.owl-carousel .owl-next:hover, +.owl-carousel .owl-prev:hover { + color: #00a651; +} + +.owl-carousel .owl-next { + right: 15px; +} + +.owl-carousel .owl-prev { + right: 55px; +} + +.owl-carousel .owl-prev:before { + position: absolute; + content: ""; + top: 10px; + right: 50%; + margin-right: -20px; + width: 1px; + height: 16px; + background-color: #f2f2f2; +} + +.ad-section img { + display: inline; +} + +/*ads-info*/ +.item-image { + position: relative; +} + +.item-image img { + width: 100%; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; + height: 152px; +} + +.oc-item:hover .item-image img { + -moz-transform: scale(1.05) rotate(2deg); + -webkit-transform: scale(1.05) rotate(2deg); + -o-transform: scale(1.05) rotate(2deg); + -ms-transform: scale(1.05) rotate(2deg); + transform: scale(1.05) rotate(2deg); +} + +.oc-item { + border: 1px solid #f3f3f3; + margin: 18px 0; + min-height: 152px; + border-radius: 2px; + max-height: 152px; + display: block !important; +} + +.oc-item1 { + border: 1px solid #f3f3f3; + margin: 18px 0; + min-height: 152px; + border-radius: 2px; + display: block !important; +} + +.item-image-box, .item-info { + padding: 0; + margin: 0; + position: relative; +} + +.item-info { + min-height: 152px; +} + +.item-image-box { + max-height: 152px; + overflow: hidden; +} + +.trending-ads { + margin-bottom: 15px; + background-color: #fff; + padding: 15px 30px; +} + +.oc-item .ad-info { + overflow: hidden; +} + +.oc-item .ad-info span + a { + color: #9fa4a4; + font-size: 14px; + line-height: 16px; +} + +.oc-item .ad-info span, +.featured .ad-info span { + color: #a0a0a0; + font-size: 14px; + line-height: 17px; +} + +.tab-manu { + overflow: hidden; + border-bottom: 1px solid #f2f2f2 +} + +.tab-manu h4 { + float: left; + margin-bottom: 14px; +} + +.tab-manu .nav-tabs { + float: right; + border: none; + border: 1px solid transparent; +} + +.tab-manu .nav-tabs li a { + padding: 12px 15px; + border-bottom: 0; + text-transform: capitalize; + color: #9c9c9c; +} + +.tab-manu .nav-tabs li a:hover, +.tab-manu .nav-tabs li.active a { + border: 1px solid #f2f2f2; + background-color: #fcfcfc; + border-bottom: #f2f2f2; + border-radius: 0; + color: #00a651; +} + +.my-ocs .ad-meta .pending { + color: #f7941d; +} + +/* Cta */ +.cta { + background-color: #fff; + display: inline-block; + color: #a0a0a0; + line-height: 17px; + padding: 41px 0 29px; + margin-top: 9px; + width: 100%; + border-radius: 4px; +} + +.cta-icon { + min-height: 56px; +} + +.cta-icon img { + margin: 0 auto; +} + +.cta h4 { + color: #000; + font-weight: 500; + margin: 28px 0 10px; +} + +/* Download */ +#download { + background-image: url("{{ img('theme::images/bg/1.png').url }}"); + padding: 55px 0 90px; +} + +#download > .parallax-section:before { + min-height: 400px +} + +#download h2 { + color: #fff; + font-size: 26px; + font-weight: 300; + margin-bottom: 50px; +} + +.download-app { + border: 1px solid #fff; + padding: 10px 40px; + color: #ffffff; + display: block; + overflow: hidden; + min-height: 75px; +} + +.download-app img { + float: left; + margin-top: 5px; + margin-right: 15px; +} + +.download-app span { + font-size: 16px; + line-height: 22px; + font-weight: 300; +} + +.download-app strong { + font-size: 25px; + display: block; + font-weight: 400; +} + +.download-app:hover, +.download-app:focus { + background-color: rgba(0, 0, 0, 0.1); + color: #fff; +} + +/* ========================================================================== + Home One ========================================================================== */ - - .upcoming-section { - color: #fff; - padding-top: 175px; - padding-bottom: 165px; - text-align: center; - position: relative; - background-size: cover; - z-index: 1; - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/coming-soon.jpg); - } - - .upcoming-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); - z-index: -1; - } - - .logo-intro img { - display: inline-block; - } - - .upcoming-section h1 { - font-size: 48px; - font-weight: 300; - margin-top: 50px; - } - - .upcoming-section h2 { - font-size: 24px; - font-weight: 300; - margin-top: 15px; - } - - #countdown { - margin-top: 35px; - margin-bottom: 50px; - } - - #countdown li { - display: inline-block; - color: #fff; - width: 100px; - font-size: 18px; - text-transform: capitalize; - } - - #countdown li p { - line-height: 0; - } - - #countdown li + li { - margin-left: 75px; - } - - #countdown li span { - font-size: 72px; - font-weight: 700; - color: #39b54a; - line-height: 110px; - } - - .upcoming-section .socail li + li { - margin-left: 15px; - } - - .upcoming-section .socail a { - font-size: 18px; - color: #fff; - } - - .upcoming-section .socail a:hover { - color: #00bff3; - } - - /* about-trade */ - - .about-trade { - padding-top: 125px; - padding-bottom: 70px; - background-color: #f7f7f7; - } - - .about-trade .about-title { - margin-bottom: 75px; - } - - .about-trade h1 { - text-align: center; - font-size: 48px; - font-weight: 300; - color: #000; - } - - .about-trade h1 span { - font-weight: 500; - } - - .about-trade .about { - font-size: 16px; - line-height: 26px; - color: #000; - } - - .about-trade .about-info { - font-size: 22px; - line-height: 30px; - color: #000; - margin-top: 65px; - } - - .about-trade .about-info a { - margin-top: 5px; - display: inline-block; - } - - .col-to-action { - text-align: center; - background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/col-to-action.jpg); - z-index: 1; - color: #fff; - font-size: 18px; - padding-top: 70px; - padding-bottom: 100px; - } - - .col-to-action h1 { - font-weight: 400; - } - - .col-to-action.parallax-section:before { - background-color: rgba(57, 181, 74, 0.9); - z-index: -1; - } - - .col-to-action .contact { - overflow: hidden; - } - - .col-to-action .contact-form { - position: relative; - } - - .col-to-action .form-control { - background-color: transparent; - border: 1px solid #3a9243; - color: #fff; - font-size: 16px; - padding-left: 30px; - padding-right: 40px; - height: 60px; - line-height: 60px; - margin-top: 10px; - background-color: rgba(0, 0, 0, 0.06); - } - - .col-to-action .form-control:focus { - border-color: #fff; - box-shadow: none; - } - - .col-to-action .btn { - position: absolute; - right: 5px; - top: 7px; - font-size: 24px; - background-color: transparent; - } - - .col-to-action .btn:hover { - color: rgba(0, 0, 0, 0.6); - } - - .col-to-action .form-control::-webkit-input-placeholder { - color: #fff; - } - - .col-to-action .form-control:-moz-placeholder { - color: #fff; - } - - .col-to-action .form-control::-moz-placeholder { - color: #fff; - } - - .col-to-action .form-control:-ms-input-placeholder { - color: #fff; - } - - /* Contac Section */ - - .contac-section { - padding: 80px 0; - } - - .contac-section h1 { - font-size: 48px; - font-weight: 300; - color: #000; - margin-bottom: 50px; - text-align: center; - } - - .contac-section .touch-content { - - } - - .contac-section .form-control { - height: 60px; - line-height: 60px; - border: 1px solid #c6c6c6; - font-size: 16px; - font-weight: 300; - color: #9c9c9c; - margin-bottom: 25px; - padding-left: 20px; - padding-right: 20px; - } - - .contac-section textarea.form-control { - height: 230px; - } - - .contac-section .form-control::-webkit-input-placeholder { - color: #9c9c9c; - } - - .contac-section .form-control:-moz-placeholder { - color: #9c9c9c; - } - - .contac-section .form-control::-moz-placeholder { - color: #9c9c9c; - } - - .contac-section .form-control:-ms-input-placeholder { - color: #9c9c9c; - } - - .contac-section .btn.btn-primary { - margin-top: 5px; - padding: 5px 20px; - } - - /* ========================================================================== - Pricing Section + +#home-one-info { + background-color: #f7f7f7; + padding: 30px 0 70px; +} + +.home-one .category { + margin-bottom: 6px; +} + +.featured-slider-two .col-sm-3 { + width: 100%; +} + +.home-one .parallax-section:before { + background: -moz-linear-gradient(45deg, rgba(20, 169, 152, 0.9) 0%, rgba(20, 169, 152, 0.9) 42%, rgba(27, 171, 137, 0.9) 54%, rgba(45, 177, 101, 0.9) 74%, rgba(52, 179, 86, 0.9) 84%, rgba(55, 180, 80, 0.9) 90%, rgba(55, 180, 80, 1) 100%); + background: -webkit-linear-gradient(45deg, rgba(20, 169, 152, 0.9) 0%, rgba(20, 169, 152, 0.9) 42%, rgba(27, 171, 137, 0.9) 54%, rgba(45, 177, 101, 0.9) 74%, rgba(52, 179, 86, 0.9) 84%, rgba(55, 180, 80, 0.9) 90%, rgba(55, 180, 80, 0.9) 100%); + background: linear-gradient(45deg, rgba(20, 169, 152, 0.9) 0%, rgba(20, 169, 152, 0.9) 42%, rgba(27, 171, 137, 0.9) 54%, rgba(45, 177, 101, 0.9) 74%, rgba(52, 179, 86, 0.9) 84%, rgba(55, 180, 80, 0.9) 90%, rgba(55, 180, 80, 0.9) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14a998', endColorstr='#37b450', GradientType=1); +} + +#download.parallax-section:before { + background: -moz-linear-gradient(left, rgba(55, 180, 78, 0.9) 0%, rgba(49, 178, 91, 0.9) 24%, rgba(27, 171, 137, 0.96) 77%, rgba(21, 169, 151, 0.94) 100%); + background: -webkit-linear-gradient(left, rgba(55, 180, 78, 0.9) 0%, rgba(49, 178, 91, 0.9) 24%, rgba(27, 171, 137, 0.96) 77%, rgba(21, 169, 151, 0.94) 100%); + background: linear-gradient(to right, rgba(55, 180, 78, 0.9) 0%, rgba(49, 178, 91, 0.9) 24%, rgba(27, 171, 137, 0.96) 77%, rgba(21, 169, 151, 0.94) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b44e', endColorstr='#f015a997', GradientType=1); +} + +#banner-two { + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/2.jpg); + padding: 70px 0; + margin-bottom: 50px; +} + +.banner h1.title { + font-size: 51px; +} + +.banner h3 { + font-size: 22px; + font-weight: 300; + color: #fff; + margin: 27px 0 32px; +} + +.home-one .banner-form { + border-radius: 10px; +} + +.home-one .banner-form input[type="text"] { + max-width: 402px; +} + +.home-one .banner-form input[type="submit"] { + background-color: #005821; +} + +.home-one .banner-form input[type="submit"]:hover { + background-color: #0072bc; + color: #fff; +} + +.home-one .trending-ads { + margin-bottom: 20px; +} + +/* ========================================================================== + Home Two ========================================================================== */ - - .pricing-section .pric { - background-color: #fff; - padding: 0 30px; - color: #000; - padding-top: 25px; - border-radius: 4px; - padding-bottom: 45px; - margin-bottom: 15px; - } - - .pricing-section .pric h2 { - font-size: 20px; - margin-bottom: 0; - } - - .pricing-section .pric h3 { - font-size: 72px; - font-weight: 300; - margin-top: 0; - line-height: 90px; - } - - .pricing-section .pric h3 sup { - font-size: 30px; - font-weight: 500; - top: -25px; - } - - .pricing-section .pric h3 span { - font-size: 14px; - font-weight: 400; - } - - .pricing-section .pric li { - margin-bottom: 20px; - font-size: 14px; - } - - .pricing-section .pric li i { - margin-right: 20px; - } - - .pricing-section .pric li i.fa-check { - color: #00a651; - } - - .pricing-section .pric li i.fa-times { - color: #cfcfcf; - } - - .pricing-section .pric-menu { - margin-top: 25px; - } - - .pricing-section .btn.btn-primary { - padding: 5px 15px; - margin-top: 30px; - font-size: 14px; - - } - - .pricing-section .pric.active { - position: relative; - overflow: hidden; - } - - .pricing-section .pric .popular { - position: absolute; - top: 10px; - right: -65px; - } - - .pricing-section .pric .popular h2 { - font-size: 14px; - background-color: #00a651; - padding: 10px 80px; - color: #fff; - -webkit-transform: rotate(40deg); - -moz-transform: rotate(40deg); - -ms-transform: rotate(40deg); - -o-transform: rotate(40deg); - transform: rotate(40deg); - } - - /* ========================================================================== - Found Section + +#main.home-two { + padding-top: 0; + padding-bottom: 35px; +} + +#road_map { + height: 550px; + position: relative; + border: 0; +} + +.home-two .banner-form input[type="text"] { + margin-left: -13px; + max-width: 544px; + border-right: 0; +} + +.home-two .banner-form input[type="submit"] { + margin-left: -2px; + font-size: 16px; +} + +.home-two .language-dropdown { + border-radius: 0; + margin-left: -3px; +} + +/* .home-two .banner-form { + background-color: #fff; + padding: 15px 20px 15px; + margin-bottom:30px; +} + */ +.home-two .featured img { + width: 100%; +} + +.home-two .featured { + margin-right: 0; +} + +.home-two .category-list .category-item, +.home-one .category-list .category-item { + width: 16.66%; + padding: 15px; + margin-bottom: 25px; +} + +.home-two .featureds { + margin-top: 30px; + border-radius: 4px; +} + +.home-one .featureds .featured-top h4, +.home-two .featureds .featured-top h4, +.home-three .featureds .featured-top h4 { + padding-bottom: 5px; + font-size: 18px; + font-weight: 500; + color: #000; +} + +.home-one .ad-info .item-title a, +.home-two .ad-info .item-title a, +.home-three .ad-info .item-title a { + text-decoration: underline; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; +} + +.home-one .ad-info .item-title a:hover, +.home-two .ad-info .item-title a:hover, +.home-three .ad-info .item-title a:hover { + text-decoration: none; +} + +.home-two .featureds .pagination { + margin-bottom: 50px; +} + +.single-cta { + padding: 0 25px; +} + +.single-cta h4 { + text-align: center; +} + +.single-cta p { + text-align: center; +} + +.single-cta h5 { + text-align: center; +} + +/* ========================================================================== + Services Ad ========================================================================== */ - - .found-section { - color: #b0b0b0; - font-size: 18px; - margin-top: 40px; - margin-bottom: 40px; - padding-top: 65px; - padding-bottom: 105px; - } - - .found-section h1 { - font-size: 112px; - color: #00a651; - font-weight: 700; - margin-bottom: 0; - } - - .found-section h2 { - color: #000; - font-weight: 500; - margin-top: 0; - margin-bottom: 0; - } - - .found-section .btn.btn-primary { - padding: 6px 30px; - font-size: 14px; - margin-top: 30px; - } - - /* Directory Page */ - - .directory.page { - padding-bottom: 40px; - } - - .explore-nearby .featured-top h4 { - color: #000; - font-weight: 500; - } - - .explore-nearby .ad-info { - padding: 20px 10px; - } - - .explore-nearby .rating ul { - display: block; - } - - .explore-nearby .rating ul li { - display: inline; - color: #fc0; - } - - .explore-nearby .ad-info h4 { - font-size: 20px; - color: #000; - margin-bottom: 5px; - } - - .explore-nearby .ad-info h4 a { - color: #a0a0a0; - } - - .explore-nearby .item-cat { - margin-bottom: 10px; - } - - .explore-nearby .ad-info address { - color: #a0a0a0; - line-height: 22px; - margin-bottom: 0; - } - - .explore-nearby { - padding-bottom: 55px; - } - - .browse-categories { - padding: 15px 30px; - } - - .browse-categories .section-title { - margin-bottom: 15px; - } - - .featured-image img { - width: 100%; - } - - - /* ========================================================================== - Extra - ========================================================================== */ - - #scrollUp { - background-image: url("{{ img('theme::images/top.png').url }}"); - bottom: 60px; - right: 20px; - width: 38px; /* Width of image */ - height: 38px; /* Height of image */ - text-indent: -9999px; - } - - - input, select, a, .transition, - .footer-widget input, - .favorites-user small, - .feedback input[type="submit"], - .select-category li:before, - .team-social, .social-widget a, - .banner-form input[type="submit"], - .category-title, .category-icon img, - .category-quantity, - .owl-next, .owl-prev, - .home-banner .contact-form .form-control, - .col-to-action .btn, .see-more button, - .post-resume .upload-image { - -webkit-transition: all 500ms; - -moz-transition: all 500ms; - -ms-transition: all 500ms; - -o-transition: all 500ms; - transition: all 500ms; - } - - - /* ========================================================================== - Custom Fonts - ========================================================================== */ - - @font-face { - font-family: 'MyriadPro-Regular', sans-serif; - src: url('fonts/MyriadPro-Regular.eot'); - src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), - url('fonts/MyriadPro-Regular.woff2') format('woff2'), - url('fonts/MyriadPro-Regular.woff') format('woff'), - url('fonts/MyriadPro-Regular.ttf') format('truetype'), - url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); - font-weight: normal; - font-style: normal; - - } - - @font-face { - font-family: 'Devanagari-Regular', sans-serif; - src: url('fonts/devanagari-normal-webfont.eot'); - src: url('fonts/devanagari-normal-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/devanagari-normal-webfont.woff2') format('woff2'), - url('fonts/devanagari-normal-webfont.woff') format('woff'), - url('fonts/devanagari-normal-webfont.ttf') format('truetype'), - url('fonts/devanagari-normal-webfont.svg#devanagarinormal') format('svg'); - font-weight: normal; - font-style: normal; - - } - - - /*======================== - =======style-chooser====== - ==========================*/ - - .style-chooser { - width: 140px; - left: -140px; - position: fixed; - top: 50%; - margin-top: -121px; - z-index: 99999; - -webkit-transition: all 0.4s ease-in-out; - -moz-transition: all 0.4s ease-in-out; - -ms-transition: all 0.4s ease-in-out; - -o-transition: all 0.4s ease-in-out; - transition: all 0.4s ease-in-out; - } - - .style-chooser.opened { - left: 0; - } - - .style-chooser .toggler { - position: absolute; - top: 0; - right: -48px; - display: inline-block; - background-color: #ddd; - width: 48px; - height: 48px; - line-height: 48px; - text-align: center; - font-size: 24px; - color: #333; - } - - .style-chooser-inner { - position: relative; - background-color: #ddd; - padding: 15px; - } - - .style-chooser-inner h4 { - margin: 0 0 10px; - text-transform: uppercase; - font-size: 13px; - } - - .style-chooser-inner ul { - list-style: none; - padding: 0; - margin: -5px; - } - - .style-chooser-inner ul li { - display: block; - width: 58px; - float: left; - padding: 5px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - } - - .style-chooser-inner ul li a { - display: block; - height: 40px; - } - - .style-chooser-inner ul li.preset1 a { - background-color: #00a651; - } - - .style-chooser-inner ul li.preset2 a { - background-color: #f26522; - } - - .style-chooser-inner ul li.preset3 a { - background-color: #0054a6; - } - - .style-chooser-inner ul li.preset4 a { - background: #662d91; - } - - #category-list-items { - width: 100%; - } - - .carousel-image img { - margin-right: auto; - margin-left: auto; - } - - .recommended-info { - margin-top: 20px; - } - - /*.user-interactions {*/ - /*margin-top: 10px;*/ - /*}*/ - - .fa-heart { - color: red !important; - } - - .bottom-complaints { - margin-top: 15px; - margin-bottom: 0 !important; - } - - .bottom-complaints li { - margin-bottom: 0 !important; - } - - .favorites { - float: right; - font-size: 22px; - padding-left: 5px; - color: black; - font-weight: 700; - } - - .complaints { - font-size: 26px; - padding-left: 5px; - color: #bfbcbc; - font-weight: 700; - } - - .disputeDescription { - width: 100%; - border: 1px solid #999999; - } - - #map { - margin-bottom: 25px; - } - - .advs-custom-fields { - background-color: #fff; - color: #272727; - display: inline-block; - margin-bottom: 25px; - border-radius: 3px; - padding: 20px 35px 35px; - font-family: 'Devanagari-Regular', sans-serif; - width: 100%; - } - - .advs-custom-fields ul { - } - - .advs-custom-fields ul > li { - width: 25%; - margin-bottom: 3px; - float: left; - padding-left: 5px; - } - - .advs-custom-fields ul > li h5 { - margin-left: 6px; - } - - .advs-custom-fields ul > li > ul { - border-right: 1px solid #e0e6ec; - } - - .advs-custom-fields ul > li > ul > li { - float: none; - width: 100%; - } - - .advs-custom-fields i { - margin-right: 5px; - color: #62ca62; - font-size: 15px; - } - - .advs-custom-fields i.fstatus { - color: gray; - } - - .custom-checkbox { - float: left; - margin-right: 5px; - } - - .catIcon { - width: 20px; - height: 20px; - margin-right: 7px; - margin-top: -3px; - } - - #list-items { - float: left; - } - - #list-items li { - list-style: none; - float: left; - margin-right: 7px; - width: 100%; - margin-bottom: 5px; - } - - #search-button { - margin-top: 15px; - } - - .price { - height: 15px; - } - - #page-map { - width: 100%; - height: 400px; - background-color: grey; - margin-bottom: 30px; - } - - .message-outer { - background-color: #fff; - border-radius: 4px; - padding: 35px 25px; - margin-bottom: 25px; - display: inline-block; - width: 100%; - } - - .message-box { - display: inline-block; - height: 65px; - margin-bottom: 5px; - float: left; - width: 100%; - border: 1px solid #d6d1d1; - border-radius: 5px; - padding: 10px 5px 0 21px; - vertical-align: middle; - } - - .message-box:hover { - background-color: #d6d1d1; - cursor: pointer; - -webkit-transition: background-color 0.5s ease-out; - -moz-transition: background-color 0.5s ease-out; - -o-transition: background-color 0.5s ease-out; - transition: background-color 0.5s ease-out; - } - - .message-title { - width: 80%; - float: left; - position: relative; - height: 100%; - } - - .message-title span { - transform: translateY(-50%); - } - - .message-time { - width: 20%; - float: right; - position: relative; - height: 100%; - } - - .message-time span { - float: right; - } - - .message-details { - width: 100%; - } - - .message-details form > textarea { - width: 100%; - margin-bottom: 15px; - min-height: 85px; - } - - .message-detail-header { - height: 65px; - width: 100%; - border: 1px solid #dcd5d5; - } - - .message-detail-header i { - font-size: 25px; - } - - #back-button-messages { - background-color: transparent; - border: none; - border-right: 1px solid #dcd5d5; - height: 100%; - width: 65px; - } - - .message-detail-header span { - margin-left: 10px; - font-size: 18px; - font-weight: bold; - } - - .message-inpage-details { - margin-top: 10px; - width: 100%; - } - - .message-item { - border: 1px solid #dcd5d5; - width: 100%; - min-height: 75px; - margin-bottom: 10px; - padding: 15px 5px 15px 35px; - display: inline-block; - } - - .message-item li { - float: left; - width: 80%; - position: relative; - } - - .message-date-li { - float: right !important; - width: 20% !important; - margin-top: -25px; - } - - .message-adv-details { - margin-top: 25px; - margin-bottom: 10px; - display: inline-block; - width: 100%; - } - - .message-adv-img { - width: 30%; - height: 150px; - float: left; - } - - .message-adv-img img { - width: 100%; - height: 100%; - } - - .message-adv-text { - width: 70%; - float: left; - padding-left: 15px; - } - - .message-adv-text h4 { - color: #000000; - } - - .message-adv-price { - font-weight: bold; - font-size: 18px; - } - - .message-adv-desc { - } - - #messages_modal .modal-content { - border-top: 4px solid #07ad07; - border-radius: 1px; - } - - .message-header { - text-align: center; - color: #000000; - border: none; - } - - #message-detail { - width: 100%; - background-color: #f1f1f1; - border-radius: 2px; - } - - .message-body { - border: none; - padding: 10px 30px 10px 30px; - } - - .message-footer { - border: none; - text-align: center; - padding-bottom: 30px; - } - - #message-sent-modal .modal-content { - border-top: 4px solid #07ad07; - border-radius: 1px; - width: 350px; - } - - #message-sent-modal .message-body { - text-align: center; - } - - #message-sent-modal button { - width: 100%; - height: 50px; - } - - #login-button { - display: none; - } - - #logout-button { - display: none; - } - - #item-messages { - display: none; - } - - .profile-dropdown-list #messages { - display: none; - } - - .input-outer { - position: relative; - } - - .input-outer strong { - position: absolute; - top: 0; - left: 19px; - } - - .pagination .active span { - color: #ffffff; - font-size: 14px; - font-weight: 700; - background-color: #00a651; - margin: 3px; - border: 1px solid #e2e3e3; - border-radius: 5px; - } - - .pagination .disabled span { - color: #9a9a9a; - font-size: 14px; - font-weight: 700; - background-color: #e7e8e9; - margin: 3px; - border: 1px solid #e2e3e3; - border-radius: 5px; - } - - .cf-li-item { - width: 100%; - float: left; - } - - .cf-li-item-top{ - float: left; - width: auto; - padding:10px; - cursor: pointer; - } - .cf-li-item-top.active{ - background: #5b8dbd !important; - } - .cf-li-item-top.active a{ - color: white !important; - font-weight: bold !important; - } - - #sort_by { - background-color: transparent; - border: none; - color: #000000; - font-size: 16px; - } - - .price-input { - width: 33% !important; - } - - .category-tabs button { - margin-bottom: 5px; - } - - .search-fav-body { - text-align: center; - } - - .favorite-searches { - width: 100%; - height: 80px; - display: inline-block; - margin-top: 40px; - border: 1px solid #dedede; - } - - .search-fav-icon i { - font-size: 40px; - margin-top: 14px; - color: #1bbd1b; - } - - .search-fav-tex { - padding-top: 8px; - } - - #save-search { - width: 100%; - height: 40px; - font-size: 13px; - margin-top: 20px; - } - - #favs-outer { - background-color: #fff; - border-radius: 4px; - padding: 0px 0px; - margin-bottom: 25px; - display: inline-block; - width: 100%; - } - - #fav_tabs { - background-color: #fff; - border-radius: 4px; - margin-bottom: 25px; - display: inline-block; - width: 100%; - } - - #fav_tabs .message-outer { - padding: 0 !important; - } - - .fav-search-section { - border: 1px solid #dedede; - padding: 15px 0 15px 15px; - min-height: 50px; - min-width: 200px; - margin-bottom: 15px; - display: inline-block; - } - - .fav-search-section a { - margin: 0 !important; - } - - .fav-search-section .delete-item { - margin-left: 15px !important; - } - - .upper-list-banner { - margin-bottom: 20px; - height: 250px; - position: relative; - } - - .upper-list-banner img { - height: 100%; - width: 100%; - } - - .upper-list-user { - width: 217px; - min-height: 205px; - position: absolute; - top: 25px; - border: 1px solid #CCC; - background-color: #FFFFFF; - -webkit-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75); - -moz-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75); - box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75); - left: 50px; - } - - .upper-list-info { - width: 190px; - min-height: 30px; - margin: 0px 14px 14px 14px; - float: left; - font-weight: bold; - font-size: 15px; - text-align: center; - overflow: hidden; - color: #444; - } - - .upper-list-phone { - width: 190px; - min-height: 30px; - margin: 0px 14px 0px 14px; - float: left; - font-weight: bold; - font-size: 15px; - text-align: center; - overflow: hidden; - color: #444; - } - - .upper-list-img { - width: 190px; - height: 115px; - margin: 14px; - border-bottom: 1px solid #CCC; - padding-bottom: 5px; - float: left; - } - - .recommended-ads { - width: 100%; - } - - #image-section { - width: 200px; - height: 200px; - } - - #image-section img { - width: 100%; - height: 100%; - } - - #company-desc-section { - margin-top: 15px; - width: 100%; - } - - .doping-section { - width: 100%; - min-height: 200px; - } - - .outer-doping { - padding: 5px; - } - - .inner-doping { - border: 1px solid #dedede; - display: inline-block; - width: 100%; - min-height: 200px; - } - - .doping-image { - width: 30%; - float: left; - } - - .doping-image i { - font-size: 70px; - padding-left: 20px; - padding-top: 45px; - color: darkcyan; - } - - .doping-text { - width: 70%; - float: left; - } - - .featured_adv_item { - background-color: #f6f6f6; - } - - .navbar-search-section { - float: left; - padding-top: 5px; - min-width: 305px; - padding-left: 20px; - } - - .navbar-search-button { - float: left; - width: 30%; - border-radius: 0; - border-left: none; - } - - .navbar-search-input { - width: 70%; - float: left; - border-radius: 7px; - border-right: none; - -webkit-box-shadow: none; - border: 1px solid #e3e3e3; - height: 44px; - color: #000; - padding-left: 5px; - } - - .sub-cat-item { - margin-left: 34px; - height: 34px; - margin-top: -10px; - } - - .message-image { - float: left; - width: 50px; - height: 50px; - margin-right: 10px; - margin-top: -4px; - } - - .gray-span { - color: #6b6363; - } - - .message-icon { - font-size: 50px; - color: #717070; - } - - .sub-cat-item - .main-page-ad-item { - margin-bottom: 10px; - } - - .slider-box { - margin-bottom: 20px - } - - .navbar-search-section_mobile { - display: none; - } - - .post-ad-mobile { - display: none; - } - - .sub-newsletter { - float: left; - width: 100%; - margin-bottom: 10px; - } - - .sub-newsletter i { - font-size: 45px; - color: #139813; - } - - .sub-newsletter span { - font-size: 16px; - font-weight: 400; - } - - .newsletter-icon { - float: left; - width: 45px; - height: 50px; - margin-right: 5px; - } - - .newsletter-test { - float: left; - } - - .newsletter-item { - float: left; - width: 100%; - } - - .language-item { - margin-top: 10px; - } - - .border-none { - border: none; - } - - .cart-dropdown { - display: inline-block; - margin-right: 10px; - } - - - ul.dropdown-cart { - min-width: 250px; - float: right; - background: white; - width: 295px; - border-radius: 3px; - padding: 5px; - margin: 20px 0px 0px 0 !important; - overflow-y: scroll; - max-height: 400px; - right: 0; - left: auto; - } - - ul.dropdown-cart li .cart-item { - display: block; - padding: 3px 10px; - margin: 3px 0; - border-bottom: 1px solid #E8E8E8; - } - - ul.dropdown-cart li .cart-item:hover { - background-color: #f3f3f3; - } - - ul.dropdown-cart li .cart-item:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } - - ul.dropdown-cart li .cart-item-left { - float: left; - } - - ul.dropdown-cart li .cart-item-left img, - ul.dropdown-cart li .cart-item-left span.item-info { - float: left; - } - - ul.dropdown-cart li .cart-item-left span.item-info { - margin-left: 10px; - } - - ul.dropdown-cart li .cart-item-left span.item-info span { - display: block; - } - - ul.dropdown-cart li .cart-item-right { - float: right; - } - - ul.dropdown-cart li .cart-item-right button { - margin-top: 14px; - } - - .cart-icon { - color: #6394F8; - font-size: 24px; - margin-right: 7px; - float: left; - } - - .cart-total-pieces { - background-color: #6394F8; - border-radius: 10px; - color: white; - display: inline-block; - font-size: 12px; - line-height: 1; - padding: 3px 7px; - text-align: center; - vertical-align: middle; - white-space: nowrap; - } - - .shopping-cart-total { - float: right; - } - - .cart-header { - border-bottom: 1px solid #E8E8E8; - padding: 15px; - display: block; - } - - .cart-view-button { - background-color: #345fa7 !important; - color: white !important; - text-align: center; - padding: 10px; - text-decoration: none; - display: block; - border-radius: 3px; - font-size: 16px; - margin: 0 5px; - } - - .cart-view-button:hover { - background: #174494 !important; - color: #fff !important; - } - - .cart-remove-item-btn { - background: #6394F8; - color: #fff; - border-color: #6394F8; - } - - .cart-remove-item-btn:hover { - background: #d9534f; - color: #fff; - border-color: #d9534f; - } - - .cart-view-icon { - color: #00a651; - margin-right: 5px; - } - - .item-price { - color: #6394F8; - margin-right: 8px; - } - - .item-name { - font-weight: bold; - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 2; /* kaç satırla sınırlayacağımızı yazıyoruz */ - -webkit-box-orient: vertical; - color: #000; - } - - .item-quantity { - color: #ABB0BE; - } - - .item-cart-img { - margin-top: 5px; - margin-right: 5px; - } - - .transport_field { - margin-bottom: 10px; - } - - .transportNumber-name, .transportNumber-button { - line-height: 45px; - } - - .sort-by-selected-text { - display: inline; - margin-right: 5px; - } - - .sort-by-dropdown { - position: absolute; - transform: translate3d(61px, 26px, 0px); - top: 0px; - left: 0px; - will-change: transform; - } - - .sort-by-open-dropdown { - display: inline-block !important; - } - - .sort-by-open-dropdown i { - right: 0 !important; - } - - .confirm-password-field i { - float: right; - margin: 0; - margin-left: 2%; - line-height: 43px; - height: 43px; - font-size: 23px; - color: #e86c6c; - } - - .confirm-password-field input { - float: right; - margin: 0; - margin-left: 2%; - } - - .confirm-password-field label { - float: right; - height: 43px; - width: 75%; - text-align: right; - line-height: 43px; - } - - .disable-account-field { - margin-top: 20px; - text-align: center; - padding: 2px; - } - - .preferences-settings { - text-align: left; - padding-top: 0px !important; - padding-left: 30px !important; - } - - .preferences-settings h2 { - color: #000; - font-size: 20px; - } - - .preferences-settings div label { - color: #a0a0a0; - } - - .flag-dropdown { - display: inline-block; - } - - input[name="username"] { - width: 100% !important; - } - - .intl-tel-input { - width: 65.5%; - } - - .balances { - float: left; - padding: 30px 40px; - text-align: center; - border-left: 1px solid #f5f5f5; - } - - #map { - height: 500px; - width: 100%; - display: none; - } - - #listAdvs { - display: none; - border-radius: 0; - } - - .listMap { - border-top-right-radius: 0; - } - - .home_footer_categories_field_icon img { - margin-left: 0px; - } - - - .home_footer_categories_field_title { - text-align: left; - width: 82%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .home_footer_categories_field_title a { - font-size: 16px; - color: #505050; - font-weight: 500; - margin-bottom: 13px; - margin-top: 10px; - } - - .home_footer_sub_categories_field { - text-align: left; - } - - .home_footer_sub_categories_field li a { - color: #b5b5b5; - font-size: 16px; - } - - - .login-button-field { - display: none !important; - } - - .navigation-select-category-field { - -webkit-box-shadow: none; - border: 1px solid #e3e3e3; - height: 44px; - color: #000; - width: 40%; - } - - .navigation-input-category-field input { - border-radius: 0; - } - - .navigation-button-category-field button { - border-radius: 0; - background-color: #00a651; - color: #fff; - border: 1px solid #00a651; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - - .selected-category-item-field { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .easy-autocomplete { - width: 100% !important; - } - - - .navigation-new-ad-btn { - background-color: #2e559d !important; - color: white !important; - border-color: #174494 !important; - } - - .cart-footer { - font-weight: bold; - text-align: center; - } - - .cart-footer .total-color-text { - color: #050505; - font-size: 20px; - } - - .bg-white { - background-color: white; - } - - .mobile-cart-field { - display: none; - position: fixed; - z-index: 2147483647; - bottom: 20px; - right: 20px; - border-radius: 25px; - width: 38px; - background-color: #4d4d4d; - height: 38px; - text-indent: -9999px; - background-repeat: no-repeat; - background-size: 50% 45%; - background-position: center; - background-image: url("{{ img('theme::images/cart-add-icon.png').url }}"); - } - - .lds-ripple { - display: inline-block; - position: fixed; - width: 64px; - left: 50%; - top: 50%; - height: 64px; - } - - .lds-ripple div { - position: absolute; - border: 4px solid #00a651; - opacity: 1; - border-radius: 50%; - animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; - } - - .lds-ripple div:nth-child(2) { - animation-delay: -0.5s; - } - - @keyframes lds-ripple { - 0% { - top: 28px; - left: 28px; - width: 0; - height: 0; - opacity: 1; - } - 100% { - top: -1px; - left: -1px; - width: 58px; - height: 58px; - opacity: 0; - } - } - - - .mobile-cart-active-box { - background-color: #66c066; - position: relative; - height: 17px; - margin-top: -5px; - margin-left: -5px; - width: 17px; - font-size: 12px; - text-align: right; - padding: 0px 5px; - color: white; - border-radius: 10px; - } - - .loading-cart { - position: fixed; - top: 0; - left: 0; - z-index: 9999999999; - width: 100%; - height: 100%; - background-color: rgb(255, 255, 255, 0.5); - } - - .add-cart-quantity-field, .add-cart-button-field { - display: inline-block; - float: left; - } - - .add-cart-button-field { - margin-left: 10px; - } - - [data-notify="progressbar"] { - margin-bottom: 0px; - position: absolute; - bottom: 0px; - left: 0px; - width: 100%; - height: 5px; - } - - .profile-right-sidebar { - display: inline-block; - } - - .required-profile-phone-field { - margin-bottom: 47px !important; - } - - .required-field-profile .form-group { - margin-bottom: 11px; - } - - #posts .container { - margin-top: 30px; - margin-bottom: 30px; - } - - #post, .post { - box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); - } - - #post { - background-color: #fff; - } - - .post header h2, #post header h1 { - background-color: #969494; - border-top-left-radius: 6px; - border-top-right-radius: 6px; - color: #fff; - padding: 10px; - margin-bottom: 0; - } - - .post header .meta { - padding: 10px; - color: white; - text-align: right; - margin-top: -41px; - } - - .post header .meta .category a { - display: inline-block !important; - color: #fff; - } - - .post .summary { - background-color: white; - padding: 10px; - } - - .post .summary p { - font-weight: 500; - color: #333; - font-size: 17px; - } - - .post header h2 a { - color: white; - padding: 0px 10px; - } - - .post header h2 a::before { - content: "▸ "; - } - - #post .content { - margin-top: -34px; - padding: 0px 40px 18px 40px; - margin-bottom: 50px; - } - - #post header .meta { - text-align: right; - padding-right: 10px; - } - - #post header .meta .category a { - display: inline-block !important; - color: #6f6f6f; - } - - #header { - background-color: white; - } - - .cat-dropdown-menu li a { - font-size: 16px; - } - - .recently_img { - height: 150px; - } - - .home-search-field { - height: 44px; - padding-right: 0px; - } - - .home-search-category-field .btn-default, - .home-search-category-field .btn-default:hover, - .home-search-category-field .btn-default:focus, - .home-search-category-field .btn-default:active, - .easy-autocomplete input, - .easy-autocomplete input:hover, - .easy-autocomplete input:focus, - .easy-autocomplete input:active { - border: solid 1px #cdd6de; - background-color: #fff; - } - - .home-search-field .search-button, - .home-search-field .search-button:hover, - .home-search-field .search-button:focus, - .home-search-field .search-button:hover:focus { - height: 100%; - min-width: 100px; - width: 100%; - background-color: #00a651; - text-transform: uppercase; - border-color: #00a651; - color: #fff; - font-weight: 700; - } - - .home-search-field .map-search-button, - .home-search-field .map-search-button:hover, - .home-search-field .map-search-button:focus, - .home-search-field .map-search-button:hover:focus { - height: 100%; - background-color: #fff; - float: right; - width: 84%; - text-transform: uppercase; - border-color: #cdd6de; - color: #00a651; - font-weight: 700; - } - - .banner-form .row { - margin-right: 0px; - } - - .home-search-category-field .btn-default { - padding-left: 13px; - text-align: left; - } - - .select2-selection { - height: 44px !important; - } - - .select2-selection span { - padding-top: 8px; - height: 44px !important; - } - - .select2-container span span { - border-color: #cdd6de !important; - } - - .select2-container { - width: 100% !important; - } - - .last-search { - width: 100%; - display: inline-block; - } - - .last-search a { - width: 33%; - height: 44px; - color: #fff; - font-weight: 400; - margin: 18px auto auto auto; - padding: 11px 18px 11px 15px; - border-radius: 4px; - background-color: rgba(0, 0, 0, 0.3); - border: solid 1px #fff; - -webkit-animation: load-effect 2s 1; - animation: load-effect 2s 1; - -webkit-transition: background-color .3s; - transition: background-color .3s; - } - - .featured-top-display-settings { - text-align: right; - } - - .featured-top-display-settings a { - margin: 0 10px; - } - - .viewType { - color: #5b8dbd !important; - } - - .table-image { - text-align: center; - height: auto; - width: 100%; - max-width: 140px; - max-height: 80px; - } - - .text-start { - text-align: start; - } - - - .vertical-top { - vertical-align: top!important; - } - - .vertical-center { - vertical-align: middle !important; - } - - .table-row-name-bar { - width: 100%; - } - - .table-row-name { - height: 50px; - font-weight: 500; - } - - - .table-row-name-bar a { - padding: 6px; - } - - .table-row-dopings-ads { - background-color: #dad8d82b; - } - .clickable-row { - cursor: pointer; - } - - .ads-list-table tbody tr:hover { - background-color: #e0dddd; - } - - .store-social-links { - color: #6f6f6f; - font-size: 30px; - } - - .store-web-links { - color: #6f6f6f; - } - - .select2-selection__rendered #list-items li { - float: left; - list-style: none; - margin-right: 5px; - margin-bottom: auto; - } - - .lang-flag{ - width: 20px; - margin-right: 5px; - } - - .label-filter-location { - position: relative; - display: block; - padding-left: 0 !important; - color: #000000; - font-weight: 500 !important; - margin-bottom: 6px; - } - - .filter-list-items { - width: 100%; - } - - #login-dp { - min-width: 250px; - padding: 14px 14px 0; - overflow: hidden; - background-color: rgba(255, 255, 255, .8); - } - - #login-dp .help-block { - font-size: 12px - } - - #login-dp .bottom { - border-top: 1px solid #ddd; - clear: both; - padding: 14px; - } - - #login-dp .social-buttons { - margin: 12px 0 - } - - #login-dp .social-buttons a { - width: 49%; - } - - #login-dp .form-group { - margin-bottom: 10px; - } - - .login-button-dropdown a { - color: #fff !important; - } - - @media (max-width: 768px) { - #login-dp { - background-color: inherit; - color: #fff; - } - - #login-dp .bottom { - background-color: inherit; - border-top: 0 none; - } - } \ No newline at end of file +#services-ad { + background-color: #f7f7f7; + padding: 0 0 82px; +} + +#home-section { + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/2.jpg); + padding: 70px 0 90px; + color: #fff; +} + +#home-section.parallax-section:before { + background-color: rgba(37, 34, 34, 0.8); +} + +#home-section h1 { + color: #00a651; + margin: 65px 0 0; +} + +#home-section h2 { + font-size: 60px; + font-weight: 700; + color: #fff; + margin: 4px 0 30px; +} + +#home-section .btn { + margin-right: 15px; + margin-top: 20px; +} + +#services-ad .language-dropdown { + border-radius: 0; + border-right: 0; +} + +.directory.page .banner-form-full .language-dropdown { + margin-left: -3px; +} + +#services-ad .category-dropdown { + border-right: 1px solid #e8e8e8; +} + +#services-ad .banner-form input[type="text"] { + margin-left: -13px; + max-width: 544px; + border-right: 0; +} + +#services-ad .banner-form input[type="submit"] { + margin-left: -2px; + font-size: 16px; +} + +#services-ad .banner-form input { + margin: 0; +} + +#services-ad .banner-form { + background-color: #fff; + padding: 15px 20px 13px; + margin-top: -50px; +} + +#services-ad .banner { + padding: 13px 0 18px; +} + +.services { + background-color: #fff; + margin-bottom: 30px; + padding: 40px; + overflow: hidden; + border-radius: 4px; +} + +.single-service { + display: inline-block; + width: 19.6%; + padding: 15px; + margin-bottom: 25px; +} + +.services-icon { + min-height: 30px; +} + +.single-service h5 { + font-size: 16px; + color: #505050; + font-weight: 500; + margin-bottom: 13px; +} + +.single-service li { + margin-bottom: 5px; +} + +.single-service li a { + color: #b5b5b5; +} + +.single-service li a:hover { + color: #00a651; +} + + +#services-ad .featured { + margin-bottom: 32px; + margin-right: 0; +} + +#services-ad .featured img { + width: 100%; +} + +#services-ad .featureds h4 { + padding-bottom: 5px; +} + +#services-ad .pagination { + margin-bottom: 50px; +} + +#home-section img { + display: inline; +} + +/* ========================================================================== + Category + ========================================================================== */ + +.breadcrumb { + background-color: transparent; + padding-left: 0; +} + +.breadcrumb li, +.breadcrumb li a { + color: #fff; + font-weight: 300; +} + +.breadcrumb > li + li:before { + content: "\f101"; + font-family: "Font Awesome 5 Free"; + visibility: visible; + font-weight: 900; + color: #fff; + visibility: visible; + font-weight: 900; +} + +#something-sell h2.title { + font-weight: 400; + font-size: 36px; + margin-bottom: 14px; +} + +.recommended-ads { + margin-bottom: 0; + display: inline-block; +} + +.recommended-ads h4 { + font-weight: 500; + color: #000; + margin: 20px 0; + display: inline; +} + +.recommended-ads h5 { + display: inline; + margin-right: 9px; +} + +.recommended-ads .featured-top { + padding-bottom: 13px; +} + +.recommended-ads .category-dropdown { + background-color: #fff; + border-radius: 0; + border: 0; + display: inline-block; + height: inherit; + line-height: inherit; + min-width: inherit; + text-align: center; + padding: 0; +} + +.recommended-ads .change-text { + color: #010101; + font-weight: 500; +} + +.recommended-ads .change-text + i { + color: #010101; +} + +.banner-section h1 { + font-size: 50px; + line-height: 55px; + font-weight: 700; +} + +.add-cart-button { + background-color: #F28B00; + border-color: #F28B00; + height: 48px; + line-height: 32px; + width: 154px; +} + +.add-cart-button i { + margin-right: 5px; + font-size: 18px; +} + +.add-cart-quantity { + padding: 0px; + text-align: center; + background-color: #bfbfbf; + height: 48px; + min-width: 50px; + max-width: 50px; +} + +.add-cart-quantity span { + text-align: center; + background-color: #fff; + display: block; + padding: 0px; + margin-top: -5px; + padding-bottom: 5px; + font-size: 10px !important; +} + +.add-cart-quantity-input { + border-radius: 0px; + text-align: center; + padding: 0px; + margin-top: 2px; + font-size: 13px; + font-weight: 700; + border: none; + font-family: Arial; + color: #484848; + height: 30px; +} + +.add-cart-reduce { + padding: 0px; + width: 25px; +} + +.offered-field { + margin-top: 15px; +} + +.offered-row { + padding-left: 0px; +} + +.add-cart-reduce button { + background-color: #bfbfbf !important; + border: none; + padding-right: 8px; + padding-left: 12px; + border-radius: 6px; + border-bottom-right-radius: 0px; + border-top-right-radius: 0px; + border-top: 1px solid #bfbfbf; + border-bottom: 1px solid #bfbfbf; + height: 48px; +} + +.add-cart-reduce button:before { + content: "-"; + font-weight: 700; + font-size: 20px; + font-family: Helvetica, Roboto, Arial, sans-serif; +} + +.add-cart-row { + padding-left: 0px; +} + +.add-cart-upgrade { + padding: 0px; + margin-left: -2px; + width: 27px; +} + +.add-cart-upgrade button { + background-color: #bfbfbf !important; + border: none; + padding-right: 7px; + padding-left: 8px; + border-radius: 6px; + border-bottom-left-radius: 0px; + border-top-left-radius: 0px; + border-top: 1px solid #bfbfbf; + border-bottom: 1px solid #bfbfbf; + height: 48px; +} + +.add-cart-upgrade button:before { + content: "+"; + font-weight: 700; + font-size: 20px; + font-family: Helvetica, Roboto, Arial, sans-serif; +} + +.add-cart-button:hover, .add-cart-button:active, .add-cart-button:focus { + background-color: #DE7f00 !important; + border-color: #DE7f00 !important; + color: #fff !important; +} + +.change-text { + margin-left: -24px; + padding-left: -5px; + display: block; + padding-top: 6px; + margin-bottom: -8px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.category-dropdown a i { + position: absolute; + right: 20px; + top: 50%; + margin-top: -8px; +} + +.recommended-ads .advertisement-daily { + padding: 13px 0 14px; +} + +.recommended-cta .cta { + background: #FFF; + padding: 25px 0; + margin-bottom: 20px; + margin-top: 0; + border-radius: 3px; +} + +.recommended-cta .single-cta { + padding: 25px 20px; +} + +.recommended-cta .single-cta h5 { + color: #000; + font-weight: 400; + margin-top: 0; +} + +.recommended-cta .single-cta a { + color: #a0a0a0; +} + +.recommended-cta .single-cta a:hover { + color: #00a651; +} + +#something-sell h4 { + font-size: 20px; + color: #fff; + font-weight: 300; + line-height: 28px; +} + +#something-sell .btn.btn-primary { + margin-top: 15px; + border: 1px solid #00a651; +} + +#something-sell a.btn:hover { + background-color: transparent; + border: 1px solid #00a651; +} + +/* Accordion */ +.accordion a h4 { + color: #000000; + font-weight: 500; + margin: 3px 0; +} + +#accordion .panel-default { + margin-bottom: 20px; +} + +#accordion .panel-default > .panel-heading { + background-color: #fff; + border: none; +} + +#accordion .panel-body { + padding: 20px 16px; + background-color: #fff; +} + +#accordion .panel-body h5 { + font-size: 16px; + color: #000; + margin-top: 0; +} + +#accordion .panel-body h5 i { + color: #00a651; +} + +#accordion .panel-body a { + color: #000000; + font-weight: 500; + font-size: 13px; + padding: 2px; + line-height: 28px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + display: block; +} + +#accordion .panel-body .posted-by { + margin: 0; +} + +#accordion .panel-body ul li a { + font-weight: 400; + line-height: 30px; + font-size: 14px; +} + +#accordion .panel-body a:hover, +#accordion .panel-body a:hover i { + color: #00a651; +} + +#accordion .panel-body ul li a span { + color: #9e9e9e; + margin-left: 5px; +} + +#accordion .panel-body a i { + font-size: 18px; + color: #8E8B8B; + margin-right: 10px; +} + +#accordion input[type="text"] { + margin: 8px 0 16px; +} + +#accordion .panel-body label { + position: relative; + padding-left: 25px; + display: block; + color: #000000; + font-weight: 400; + margin-bottom: 6px; +} + +#accordion .panel-body label input[type="checkbox"] { + width: 0; + height: 0; + display: none; +} + +.panel { + border: 1px solid transparent; + background-color: transparent; +} + +#accordion .panel-body label:before, +.checkbox label:before { + position: absolute; + color: #9e9e9e; + font-size: 16px; + left: 0; + top: 0; +} + +#accordion .panel-body label.checked:before, +.checkbox label.checked:before { + content: "\f046"; + color: #00a651; +} + +#accordion span.border { + border-bottom: 1px dashed #d1d1d1; + display: block; + margin: 10px; +} + +#accordion a.see-more { + color: #a0a0a0; +} + +#accordion a.see-more:hover { + color: #00a651; +} + +#accordion .panel-body .category-change li a { + line-height: 20px; + font-size: 14px; +} + +#accordion .panel-body .category-dropdown a, #accordion .panel-body .category-dropdown a i { + font-size: 14px; + line-height: 20px; +} + +#accordion .panel-body .category-change { + min-width: 70px; +} + +/* Pagination */ +.pagination { + margin-top: 25px; + margin-bottom: 10px; +} + +.pagination > li > a { + color: #9a9a9a; + font-size: 14px; + font-weight: 700; + background-color: #e7e8e9; + margin: 3px; + border: 1px solid #e2e3e3; + border-radius: 5px; +} + +.pagination > li > a:hover, +.pagination > .active > a, +.pagination > .active > a:focus, +.pagination > .active > a:hover { + color: #fff; + background-color: #00a651; + border: 1px solid #008c44; +} + +.pagination > li:nth-child(7) a, +.pagination > li:nth-child(7) a:hover { + background-color: transparent; + border: none; + color: #9a9a99; +} + +.pagination > li:nth-child(7) a { + padding: 4px 9px; + line-height: 25px; +} + + +/* something-sell */ +#something-sell { + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/1.jpg); + padding: 40px 0 60px; +} + +#something-sell.parallax-section:before { + background-color: rgba(0, 114, 188, 0.92); +} + +/* ========================================================================== + Details + ========================================================================== */ + +#main.details-page { + padding-bottom: 50px; +} + +.details-page .banner { + padding: 0; +} + +.details-page .banner-form-full { + margin-top: 30px; +} + +.banner-form-full { + max-width: 100%; + background-color: #fff; + padding: 15px 20px 15px; + margin-bottom: 30px; + margin-top: -40px; +} + +.banner-form-full.banner-form .form-control, +.banner-form-full.banner-form .category-dropdown { + width: 20%; +} + +.banner-form-full.banner-form input { + min-width: 448px; +} + +.home-two .banner-form-full.banner-form input, +.home-three .banner-form-full.banner-form input { + min-width: 434px; +} + +.category-page .language-dropdown, +.details-page .language-dropdown { + margin: 0; + border-radius: 0; + border-left: 1px solid #e6e6e6; + margin-left: -4px; + padding: 0 0 0 17px; +} + +.details-page .banner-form input { + max-width: 572px; +} + +.details-page .banner-form input[type="submit"] { + max-width: 114px; +} + +.banner-form-full.banner-form input::-webkit-input-placeholder { + color: #a4a4a4; +} + +.banner-form-full.banner-form input:-moz-placeholder { /* Firefox 18- */ + color: #a4a4a4; +} + +.banner-form-full.banner-form input::-moz-placeholder { /* Firefox 19+ */ + color: #a4a4a4; +} + +.banner-form-full.banner-form input:-ms-input-placeholder { + color: #a4a4a4; +} + +.slider { + background-color: #fff; + display: inline-block; + padding: 33px 30px 51px; + border-radius: 4px; + width: 100%; + min-height: 585px; +} + +.carousel-indicators { + position: absolute; + width: 100%; + left: 0; + bottom: -129px; + margin-left: 0; + border: none; + text-align: left; +} + +.featured-img { + position: absolute; + left: 0; + top: 0; + border: 0; +} + +.price-range .category-dropdown { + border-right: 0; + min-width: inherit; + line-height: inherit; + padding: 0; + height: 0; +} + +.price-range .category-dropdown a { + font-weight: 700; +} + +.price-range .dropdown-menu { + margin-top: 25px; + min-width: 110px; +} + +#product-carousel .carousel-indicators { + bottom: -140px; +} + +#product-carousel .carousel-indicators li, +#product-carousel .carousel-indicators li.active { + height: 105px; + width: 107px; + text-indent: inherit; + border: none !important; + border-radius: 0; + margin: 0; + margin-left: 17px; +} + +#product-carousel .carousel-indicators li:first-child { + margin-left: 0 !important; +} + +#product-carousel .carousel-indicators li img { + overflow: hidden; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + opacity: 0.7; +} + +#product-carousel .carousel-indicators li img:hover, +#product-carousel .carousel-indicators li.active img { + opacity: 1; +} + +#product-carousel .carousel-control { + background: none !important; + width: 50px; + height: 50px; + top: 50%; + margin-top: -25px; + font-size: 50px; + line-height: 50px; +} + +#product-carousel .carousel-control.left { + left: 0px; +} + +#product-carousel .carousel-control.right { + right: 0px; +} + +#product-carousel .carousel-control { + opacity: 0; +} + +#product-carousel:hover .carousel-control { + opacity: 1; +} + +.slider-text h2 { + color: #00a651; + font-size: 36px; + font-weight: 500; + margin: 0; +} + +#main .slider-text h3.title { + font-size: 25px; + font-weight: 400; + color: #000; + margin: 0 0 8px; +} + +.slider-text h4 { + font-weight: 500; + color: #272727; +} + +.slider-text span { + color: #9fa4a4; + font-size: 14px; +} + +.slider-text span a { + font-weight: 500; + color: #000; + margin-right: 10px; +} + +.slider-text span a.time { + color: #4a4b4b; + font-weight: 400; +} + +.slider-text span i { + margin-right: 10px; +} + +.slider-text span.icon { + display: inline-block; + margin: 11px 0 16px; +} + +.slider-text i.online:after { + top: -2px; +} + +.short-info a, +.slider-text span.icon a { + color: #9fa4a4; + font-weight: 400; +} + +.slider-text span.icon a strong { + font-weight: 400; + color: #00a651; +} + +.short-info h4 { + margin-bottom: 12px; +} + +.short-info strong { + color: #272727; + margin-right: 5px; +} + +.short-info a { + color: #272727; +} + + +.contact-with .btn { + background-color: #0d79bf; + color: #fff; + margin-right: 4px; + border: 1px solid transparent; + margin-bottom: 17px; +} + +.contact-with .btn-red { + background-color: #f36d2d; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; +} + +.contact-with .btn i { + font-size: 22px; + vertical-align: top; + margin-right: 10px; +} + +.contact-with a.btn:hover { + color: #0d79bf; + background-color: transparent; + border: 1px solid #0d79bf; +} + +/*.contact-with .btn-red:hover {*/ +/*color: #f36d2d;*/ +/*background-color: transparent;*/ +/*border: 1px solid #f36d2d;*/ +/*}*/ + +.social-links li a { + font-size: 20px; +} + +.social-links li { + margin-right: 10px; +} + +.social-links li:last-child { + margin-right: 0; +} + +.social-links li a i.fa-facebook-square { + color: #0d79bf; +} + +.social-links li a i.fa-twitter-square { + color: #0db2f0; +} + +.social-links li a i.fa-google-plus-square { + color: #ec4d53; +} + +.social-links li a i.fa-linkedin-square { + color: #4e92ce; +} + +.social-links li a i.fa-pinterest-square { + color: #ed1c24; +} + +.social-links li a i.fa-tumblr-square { + color: #0054a6; +} + +.slider-text span a:hover, +.slider-text a:hover { + color: #00a651; +} + +.hide-number, .show-number .hide { + display: none; +} + +.show-number .show { + display: inline-block !important; +} + +.slider-text .show-number span { + color: #fff; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; +} + +.slider-text .show-number span:hover, +.slider-text .show-number:hover span, +.contact-with .show-number .btn-red:hover { + color: #fff; +} + +/*Description*/ +.description { + background-color: #fff; + color: #272727; + line-height: 22px; + margin-bottom: 25px; + border-radius: 3px; + padding: 20px 35px 35px; + font-family: 'Devanagari-Regular', sans-serif; +} + +.description h4, +.short-info h4 { + font-weight: 500; + color: #272727; + margin-bottom: 18px; +} + +.description h4 { + margin-bottom: 20px; +} + +.short-info { + background-color: #fff; + border-radius: 3px; + margin-bottom: 20px; +} + +.description-info .short-info { + padding: 20px 30px 25px; +} + +.short-info li { + margin-bottom: 20px; +} + +.short-info li i { + font-size: 18px; + color: #000; + margin-right: 28px; +} + +.short-info li a { + font-size: 16px; + color: #707070; +} + +.short-info li a:hover { + color: #00a651; +} + +.short-info li a span { + color: #00a651; + font-weight: 400; +} + +.details-page .recommended-ads { + padding-top: 20px; +} + +/* ====================================================================== + Ad Details + =========================================================================*/ +.adpost-details h4 { + border-bottom: 1px solid #f2f2f2; + color: #000; + font-size: 20px; + margin-bottom: 20px; + margin-top: 0; +} + +.adpost-details .seller-info h4 { + margin-bottom: 35px; +} + +.adpost-details .form-group { + position: relative; +} + +.postdetails h4 span { + font-size: 14px; + color: #ed1c24; + line-height: 26px; +} + +.postdetails li a { + color: #838383; + font-size: 16px; +} + +.postdetails li a:hover, +.postdetails li.active a, +.postdetails .edit:hover { + color: #00a651; +} + +.selected-product { + border-bottom: 1px solid #f2f2f2; + padding: 10px 0 20px; +} + +.selected-product .select-category li { + position: relative; + padding-right: 10px; + padding-left: 10px; + margin-right: 20px; +} + +.selected-product .select-category li:before { + top: -8px; + right: -10px; + opacity: 1; +} + +.selected-product .select-category li.active:before { + opacity: 0; +} + +.selected-product .select-category span.select { + margin-right: 15px; +} + +.selected-product .edit { + color: #0072bc; + position: absolute; + right: 0; + top: 14px; +} + +.selected-product .edit i { + margin-right: 8px; +} + +.adpost-details label { + font-size: 16px; + font-weight: 400; + color: #000; +} + +.adpost-details label.label-title { + padding-top: 10px; +} + +.adpost-details input[typef="radio"] + label { + cursor: pointer; + margin-right: 20px; + padding-left: 25px; + vertical-align: sub !important; + position: relative; + color: #838383; + margin-bottom: 0; +} + +.adpost-details input[type="radio"] { + display: none; +} + +.adpost-details input[type="radio"] + label:before, +.adpost-details input[type="radio"] + label:after { + position: absolute; + top: 5px; + left: 0; + content: ""; + width: 14px; + height: 14px; + border-radius: 50%; + display: inline-block; + background-color: transparent; +} + +.adpost-details input[type="radio"] + label:before { + border: 2px solid #00a651; +} + +.adpost-details input[type="radio"]:checked + label:after { + border: 5px solid #00a651; +} + +.required { + color: #ed1c24; +} + +.adpost-details .form-control::-webkit-input-placeholder { + color: #cfcfcf; +} + +.adpost-details .form-control::-moz-placeholder { + color: #cfcfcf; +} + +.adpost-details .form-control:-ms-input-placeholder { + color: #cfcfcf; +} + +.adpost-details .form-control:-moz-placeholder { + color: #cfcfcf; +} + +.upload-section { + overflow: hidden; +} + +.add-image h5 { + color: #000; + font-size: 16px; + position: relative; + padding-left: 50px; + line-height: 20px; + margin-bottom: 25px; + overflow: hidden; +} + +.add-image h5 span { + font-size: 14px; + display: block; + font-weight: 300; + color: #838383; +} + +.add-image .fa-upload { + position: absolute; + left: 0; + top: 3px; + font-size: 36px; + color: #00a651; +} + +.add-image label.upload-image { + width: 20%; + height: 75px; + border: 1px solid #e3e3e3; + border-radius: 4px; + position: relative; + margin-bottom: 0; + margin-left: 20px; + cursor: pointer; +} + +.add-image label.upload-image:first-child { + margin-left: 0; +} + +.add-image label.upload-image:before { + position: absolute; + content: "\f055"; + font-family: "Font Awesome 5 Free"; + visibility: visible; + font-weight: 900; + top: 50%; + left: 50%; + font-size: 30px; + color: #c2c2c2; + cursor: pointer; + margin-top: -14px; + margin-left: -14px; + line-height: 30px; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} + +.add-image label.upload-image:hover:before { + color: #00a651; +} + +.add-image label.upload-image input { + display: none; +} + +/*.select-price input[type="text"] {*/ +/*display:inline-block;*/ +/*width:initial;*/ +/*margin:0 15px;*/ +/*}*/ + +.postdetails .select-price { + margin-bottom: 40px; +} + + +.checkbox label { + position: relative; + padding-left: 22px; + color: #000000; + font-weight: 400; + margin-right: 35px; + margin-bottom: 10px; +} + +.checkbox label:last-child { + margin-right: 0; +} + +.postdetails .model-name { + margin-bottom: 45px; +} + +.postdetails .item-description { + margin-bottom: 15px; +} + +.adpost-details .premium-options { + margin-top: 30px; + max-width: 360px; +} + +.adpost-details .premium-options li { + margin-bottom: 25px; + color: #000; +} + +.adpost-details .premium-options li span { + float: right; +} + +.adpost-details .premium-options input[type="radio"] + label { + color: #000; +} + + +.adpost-details .agreement label { + line-height: 28px; + color: #494949; + margin-bottom: 40px; +} + +.agreement.checkbox label:before { + top: 8px; +} + +.adpost-details .agreement label a, +.quick-rules .lead a { + font-weight: 500; + color: #000; +} + +.adpost-details .agreement label a:hover, +.quick-rules .lead a:hover { + color: #00a651; + +} + + +.quick-rules .lead { + font-weight: 300; + font-size: 18px; + line-height: 25px; + margin: 16px 0 35px; +} + +.quick-rules .lead a { + font-weight: 400; +} + +.quick-rules li { + position: relative; + padding-left: 25px; + margin-bottom: 20px; +} + +.quick-rules li:before { + position: absolute; + color: #00a651; + font-size: 16px; + content: "\f105"; + font-family: "Font Awesome 5 Free"; + visibility: visible; + font-weight: 900; + left: 0; + top: 0; +} + + +/* ========================================================================== + Published Page + ========================================================================== */ + +#main.published-page { + padding: 64px 0 79px; +} + +.congratulations { + background-color: #fff; + padding: 100px; + padding-bottom: 115px; + border-radius: 4px; +} + +.congratulations i { + font-size: 72px; + color: #00a651; + margin-bottom: 18px; +} + +.congratulations h2 { + font-weight: 700; + color: #00a651; + margin: 0 0 4px; +} + +.congratulations h4 { + color: #b0b0b0; + font-size: 24px; + margin: 0; + padding: 0; +} + +/* ========================================================================== + User Page login / Sign up + ========================================================================== */ + +#main.user-page { + padding: 60px 0 80px; +} + +.user-account { + background-color: #fff; + border-radius: 4px; + padding: 40px 50px; +} + +.user-account h2 { + color: #00a651; + font-weight: 700; + margin-bottom: 55px; +} + +.user-account input { + height: 44px; + margin-bottom: 30px; + font-size: 16px; +} + +.user-account .btn { + background-color: #00a651; + color: #fff; + padding: 5px 32px 7px; + margin-top: 10px; +} + +.user-account select { + height: 44px; + margin-bottom: 30px; + font-size: 16px; + color: #000; +} + +.user-account .checkbox label, .forgot-password a { + color: #b9b9b9; +} + +.user-account .checkbox label:hover, .forgot-password a:hover { + color: #00a651; +} + +.user-account .user-option { + overflow: hidden; + margin-top: 55px; +} + +.user-option .forgot-password { + margin-top: 10px; +} + +.user-page .btn-primary { + padding: 15px 30px; + display: block; + font-size: 18px; + border-radius: 4px; + margin-top: 25px; + background-color: #0072bc; +} + +.user-page .btn-primary:hover { + background-color: #00a651; +} + +/* ========================================================================== + Post Page + ========================================================================== */ + +.post-option { + background-color: #fff; + border-radius: 4px; + padding: 25px; +} + +.post-option h4 { + font-size: 20px; + color: #010101; + margin-bottom: 20px; +} + +.post-option li { + border-top: 1px solid #f2f2f2; + padding: 15px 0 20px; + position: relative; +} + +.select-category li:before { + position: absolute; + top: 9px; + right: 0; + font-size: 30px; + content: "\f105"; + font-family: "Font Awesome 5 Free"; + visibility: visible; + font-weight: 900; + color: #00a651; + opacity: 0; +} + +.select-category li.active:before, +.select-category li:hover:before { + opacity: 1; +} + +.select-category span.select { + display: inline-block; + margin-right: 25px; +} + +.post-option li:hover a, +.post-option li a:hover, +.post-option li.active a, +.post-option li.link-active a { + color: #00a651; +} + +.select-category li a img { + display: inline-block; +} + +.post-option li a { + font-size: 16px; + color: #505050; +} + +.post-option.next-stap { + padding: 50px; +} + +.next-stap h2 { + font-size: 29px; + margin-bottom: 20px; +} + +.next-stap h2 span { + color: #00a651; +} + +.next-stap .btn-section { + margin: 25px 0; +} + +.next-stap .btn { + background-color: #dadada; + padding: 5px 50px 7px; + color: #fff; + border: 1px solid #dadada; + margin-right: 5px; +} + +.next-stap .btn-info { + background-color: transparent; + color: #333; +} + +.next-stap .btn:hover { + border: 1px solid #00a651; + background-color: transparent; +} + +.next-stap .btn:hover, +.next-stap .btn-info:hover { + color: #00a651; +} + + +/* ========================================================================== + Myads Page + ========================================================================== */ + +.myads-page .my-ocs { + background-color: #fff; + padding: 15px 30px; + border-radius: 4px; +} + +.myads-page .my-ocs h2 { + font-weight: 300; + color: #2a2a2a; + margin-top: 10px; + margin-bottom: 30px; +} + + +/* ========================================================================== + Ad Profile + ========================================================================== */ + +.ad-profile { + background-color: #fff; + padding: 0; + display: flow-root; +} + +.dropdown-item-pending, .dropdown-item-archived, .dropdown-item-myads { + width: 100%; +} + +.user-profile { + overflow: hidden; + padding: 0 25px; +} + +.user-images { + float: left; + margin-right: 30px; + margin-top: 30px; + border: 1px solid #fcfcfc; +} + +.favorites-user { + float: right; +} + +.ad-profile .user { + float: left; +} + +.ad-profile .user h2 { + font-weight: 300; + color: #2a2a2a; + margin-top: 30px; +} + +.ad-profile .user h2 a { + font-weight: 700; + color: #00a651; +} + +.ad-profile .user h5 { + color: #9fa4a4; + font-size: 16px; +} + +.ad-profile .my-ocs, +.ad-profile .favorites { + float: left; + padding: 30px 40px; + text-align: center; + border-left: 1px solid #f5f5f5; +} + +.ad-profile .my3-ads { + padding: 30px 55px; +} + +.ad-profile .favorites-user small { + display: block; + font-size: 16px; + color: #000; + line-height: 0; +} + +.ad-profile .favorites-user a { + font-size: 48px; + color: #00a651; + display: block; +} + +.ad-profile .favorites-user small:hover { + color: #00a651; +} + +.ad-profile .user-menu { + border-top: 1px solid #f5f5f5; +} + +.ad-profile .user-menu li { + padding: 15px 18px; + float: left; + border-left: 1px solid #f5f5f5; +} + +.user-menu-no-border li { + padding: 15px 18px; + float: left; + border-left: none; +} + + +.ad-profile .user-menu li a { + color: #9fa4a4; + font-size: 16px; +} + +.ad-profile .user-menu li.active a, +.ad-profile .user-menu li a:hover { + color: #00a651; +} + +.user-pro-section .section { + background-color: #fff; + padding: 15px 35px; +} + +.user-pro-section select, +.user-pro-section input { + color: #212020; + font-size: 16px; + height: 43px; +} + +.user-pro-section .form-group { + overflow: hidden; + margin-bottom: 30px; +} + +.user-pro-section label { + float: left; + width: 25%; + font-weight: 400; + color: #000; + font-size: 16px; +} + +.user-pro-section .form-control { + width: 75%; +} + +.user-pro-section .preferences-settings label, +.user-pro-section .preferences-settings .form-control { + float: none; + width: 100%; + margin: 5px 0; + font-size: 14px; +} + +.user-pro-section h2 { + margin-bottom: 30px; + font-weight: 300; + color: #000; + text-transform: capitalize; +} + +.user-pro-section .preferences-settings h2 { + margin-bottom: 15px; +} + +.profile a.btn, +.buttons a.btn { + background-color: #00a651; + color: #fff; + padding: 6px 26px 7px; + border: 1px solid #00a651; + margin: 9px 0 0; + margin-bottom: 30px; +} + +.ad-profile-page .buttons a.btn { + margin-bottom: 0; +} + +.profile a.btn.cancle, +.buttons a.btn.cancle { + background-color: #dbdbdb; + border: 1px solid #dbdbdb; + margin-left: 10px; +} + +.profile a.btn:hover, +.buttons a.btn:hover { + background-color: transparent; + color: #00a651; + border: 1px solid #00a651; +} + + +/* ========================================================================== + Delete Page + ========================================================================== */ + +.delete-account { + background-color: #fff; + border-radius: 4px; + padding: 48px 0 84px; +} + +.delete-account h2, +.delete-account h4 { + color: #2a2a2a; + font-weight: 300; +} + +.delete-account h4 { + margin-bottom: 28px; +} + +.delete-account .btn { + background-color: #f26522; + color: #fff; + padding: 6px 26px 7px; + border: 1px solid #f26522; +} + +.delete-account a.btn.cancle:hover, +.delete-account .btn:hover { + background-color: transparent; + color: #f26522; + border: 1px solid #f26522; +} + +.delete-account a.btn.cancle { + background-color: #dbdbdb; + border: 1px solid #dbdbdb; + margin-left: 10px; +} + +/* ========================================================================== + About Us + ========================================================================== */ + +.breadcrumb-section h2.title { + margin-top: 0; + margin-bottom: 32px; +} + +.breadcrumb-section .breadcrumb { + margin-bottom: 0; + margin: 0; + padding: 0; +} + +.about-us .about { + padding: 25px 25px 20px; + background-color: #fff; + overflow: hidden; + border-radius: 4px; +} + +.about-us h3 { + color: #000000; + font-weight: 400; + font-size: 24px; + margin-bottom: 20px; +} + +.about-us-images img { + width: 100%; +} + +.about-info { + margin-bottom: 45px; +} + +.about-text { + color: #888888; +} + +.approach { + margin-bottom: 15px; +} + +.our-approach { + margin-bottom: 30px; +} + +.team-section { + overflow: hidden; +} + +.team-members { + margin: 0 -10px; +} + +.team-member { + width: 20%; + float: left; + padding-left: 10px; + padding-right: 10px; + margin-top: 10px; + margin-bottom: 25px; +} + + +.team-member-image, +.team-member h4, +.team-member .social { + text-align: center; +} + +.team-member-image { + position: relative; +} + +.team-member-image img { + width: 100%; +} + +.team-social { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 166, 81, 0.74); + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); +} + +.team-member h4 { + font-size: 20px; + font-family: 'Signika Negative', sans-serif; + color: #000; + font-weight: 400; + margin-top: 15px; +} + +.team-member .social { + position: absolute; + top: 50%; + left: 50%; + margin-left: -59px; + margin-top: -8px; +} + +.team-member .social li { + float: left; +} + +.team-member .social li a i { + font-size: 16px; + color: #fff; +} + +.team-member .social li + li { + margin-left: 12px; +} + +.team-member .social li a i:hover { + color: #00aeef; +} + +.team-member:hover .team-social { + -webkit-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); +} + + +.testimonials { + font-family: 'Signika Negative', sans-serif; + background-color: #fff; + width: 100%; + display: inline-block; + padding: 85px 0; + margin-bottom: 75px; + border-radius: 4px; +} + +.testimonials h3.client-name { + margin: 19px 0 0 !important; +} + +.testimonials h4.client-company { + margin: 8px 0 27px +} + +.client-pragrap { + font-size: 19px; + font-style: italic; +} + +.testimonials img { + width: 96px !important; + height: 96px; + margin: 0 auto; + border-radius: 50%; +} + +/* ======================================================================= + FAQ Page + ========================================================================== */ +.faq-page { + margin-bottom: 60px; +} + +.faq-page .breadcrumb { + margin: 0; + padding: 0; +} + +.faq-page .title { + margin: 0; +} + + +.faq-page .panel-heading { + padding: 20px 25px; + background-color: #fff; +} + +.faq-page .panel-heading i:hover { + color: #00a651; +} + +.faq-page .panel-heading .panel-title:hover, +.faq-page .active-faq.panel-heading .panel-title { + color: #00a651; +} + +/* ========================================================================== + Contact Us + ========================================================================== */ +#main.contact-us { + padding-bottom: 80px; +} + +.contact-us h2.title { + margin-top: 0; + margin-bottom: 31px; +} + +.contact-us ol.breadcrumb { + margin-bottom: 0; + margin: 0; + padding-bottom: 5px; +} + +#gmap { + width: 100%; + height: 370px; + margin-bottom: 30px; +} + +.contact-info { + background-color: #fff; + color: #000; + display: block; + font-size: 16px; + font-weight: 400; + line-height: 24px; + overflow: hidden; + padding: 35px; + border-radius: 4px; +} + +.contact-info h2 { + color: #000; + font-weight: 500; + margin-bottom: 26px; +} + +.contact-info address p { + margin-bottom: 13px; +} + +.contact-info address strong { + text-transform: capitalize; +} + +.contact-info address a { + color: #000; +} + +.contact-info address a:hover { + color: #00a651; +} + +.contact-info ul.social li { + float: left; +} + +.contact-info ul.social li a { + display: block; + margin-right: 18px; +} + +.contact-info .social i.fa-facebook { + color: #0072bc; +} + +.contact-info .social i.fa-twitter { + color: #00aeef; +} + +.contact-info .social i.fa-google-plus { + color: #ed1c24; +} + +.feedback { + background-color: #fff; + color: #000; + overflow: hidden; + padding: 35px; + border-radius: 4px; +} + +.feedback h2 { + color: #000; + font-weight: 500; + margin-bottom: 33px; + margin-left: 12px; +} + +.feedback textarea, +.feedback input { + height: 44px; + margin-bottom: 11px; +} + +.feedback textarea { + min-height: 100px; + margin-bottom: 30px; + font-weight: 300; + resize: none; +} + +.feedback .form-group { + margin-bottom: 25px +} + +.feedback .btn { + padding: 6px 15px; + background-color: #00a651; + color: #fff; + border: 1px solid #00a651; +} + +.feedback .btn:hover { + background-color: transparent; + border: 1px solid #00a651; + color: #00a651; +} + +.contact-info, .feedback { + min-height: 482px; +} + +/* ========================================================================== + Footer + ========================================================================== */ +#footer { + border-top: 1px solid #efefef; +} + +.footer-top { + padding: 50px 0 57px; + background-color: #fff; +} + +.footer-widget { + font-size: 16px; + color: #000; + line-height: 30px +} + +.footer-widget h3 { + font-weight: 300; + color: #000; + line-height: 28px; + margin-bottom: 45px; +} + +.social-widget h3, +.news-widget h3 { + margin-bottom: 50px; +} + +.footer-widget ul li { + color: #858585; + font-size: 16px; + font-weight: 300; + line-height: 36px; + margin-bottom: 10px; +} + +.footer-widget ul li:last-child { + margin-bottom: 0; +} + +.footer-widget ul li a { + color: #858585; + font-size: 18px; + line-height: 28px; + text-transform: capitalize; + display: block; +} + +.social-widget ul li { + margin-bottom: 20px; +} + +.social-widget ul li a { + display: inline-block; +} + +.footer-widget ul li a i { + color: #3b5998; + font-size: 45px; + vertical-align: middle; + margin-right: 15px; +} + +.footer-widget ul li.active a, +.footer-widget ul li a:hover { + color: #000; +} + +.social-widget .fa-twitter-square { + color: #76c0f3; +} + +.social-widget .fa-google-plus-square { + color: #282725; +} + +.social-widget .fa-youtube-play { + color: #c1272d; +} + +.footer-widget input { + width: 100%; + height: 44px; + border: 1px solid #e3e3e3; +} + +.footer-widget input[type="email"] { + margin: 20px 0; + font-weight: 300; + font-size: 16px; +} + +.footer-widget .btn.btn-primary { + font-size: 14px; + padding: 6px 25px 8px; +} + + +.footer-widget .form-control::-webkit-input-placeholder { + color: #cfcfcf; +} + +.footer-widget .form-control::-moz-placeholder { + color: #cfcfcf; +} + +.footer-widget .form-control:-ms-input-placeholder { + color: #cfcfcf; +} + +.footer-widget .form-control:-moz-placeholder { + color: #cfcfcf; +} + +.footer-widget.news-letter { + font-size: 16px; + line-height: 22px; + font-weight: 300; +} + +.footer-bottom { + background-color: #f7f7f7; + color: #6e6e6e; + font-size: 14px; + padding: 19px 0 12px; + font-weight: 300; +} + +.footer-bottom a { + color: #6e6e6e; +} + +.footer-bottom a:hover { + color: #00a651; + text-decoration: underline; +} + + +/* ========================================================================== + New Page +========================================================================== */ + +.home-banner { + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car1.jpg); + background-size: cover; + position: relative; + color: #fff; + padding-top: 90px; + padding-bottom: 80px; +} + +.banner-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(37, 34, 34, 0.6); +} + +.home-banner .car-info { + margin-top: 105px; +} + +.car-info .socail li + li { + margin-left: 10px; +} + +.car-info .socail li a i { + color: #fff; + font-size: 20px; +} + +.car-info .socail li a i:hover { + color: #00a651; +} + +.home-banner h1 { + font-size: 62px; + font-weight: 700; + text-transform: uppercase; + margin-top: 10px; +} + +.home-banner h2 { + font-size: 24px; + font-weight: 300; + margin-top: 0; + margin-bottom: 15px; +} + +.home-banner h2 span { + font-weight: 700; +} + +.home-banner .btn.btn-primary { + padding-left: 20px; + padding-right: 20px; + padding-top: 7px; + padding-bottom: 9px; + margin-top: 15px; +} + +.home-banner .contact-form { + color: #000; + background-color: #fff; + border-radius: 4px; + overflow: hidden; +} + +.home-banner .contact-info { + padding: 25px; + padding-top: 20px; + padding-bottom: 40px; + min-height: inherit; +} + +.home-banner .contact-form h1 { + font-size: 20px; + font-weight: 400; + padding-left: 25px; + padding-top: 25px; + padding-bottom: 15px; + margin: 0; + background-color: #f7f7f7; + text-transform: capitalize; + border-bottom: 1px solid #ececec; +} + +.home-banner .contact-form h3 { + margin-top: 0; + font-size: 16px; +} + +.home-banner .dropdown.category-dropdown { + border: 1px solid #f7f7f7; + margin-bottom: 20px; + min-width: 100%; +} + +.home-banner .dropdown .dropdown-menu { + width: 100%; + border: 1px solid #f7f7f7; + padding-top: 10px; + padding-bottom: 10px; +} + +.home-banner .dropdown.category-dropdown a { + font-size: 16px; + color: #a4a4a4; + display: block; + font-family: 'MyriadPro-Regular', sans-serif; +} + +.home-banner .dropdown.category-dropdown a:hover, +.home-banner .dropdown.category-dropdown a:hover i { + color: #00a651; +} + +.home-banner .dropdown.category-dropdown a i { + color: #000; +} + +.home-banner .contact-form i { + float: right; + margin-top: 15px; + +} + +.home-banner .contact-form .form-control { + width: 90px; + height: 35px; + float: right; + color: #fff; + margin-top: 20px; + border: 1px solid #00a651; + background-color: #00a651; +} + +.home-banner .contact-form .form-control:hover { + color: #00a651; + background-color: transparent; +} + + +/* Category Section */ + +.page { + background-color: #f7f7f7; + padding-bottom: 70px; +} + +.page .section-title { + border-bottom: 1px solid #f2f2f2; + padding-bottom: 5px; + overflow: hidden; +} + +.category-section .section-title h4 { + float: left; +} + +.category-section .section-title h5 { + float: right; + font-size: 14px; + color: #000; + font-weight: 400; +} + +.category-section { + background-color: #fff; + padding: 0 30px; + padding-top: 15px; + padding-bottom: 20px; + margin-top: 40px; + margin-bottom: 30px; + border-radius: 4px; +} + +.cars-category { + padding-left: 20px; + overflow: hidden; +} + +.category-menu { + margin-top: 25px; + width: 16.6%; + float: left; +} + +.category-menu li { + margin-bottom: 25px; +} + +.category-menu li a { + color: #000; + font-size: 14px; +} + +.category-menu li a:hover { + color: #00a651; +} + +.section.cars-ads { + margin-bottom: 25px; +} + +.section.cars-ads .ad-info { + padding: 0; + padding-top: 20px; +} + +.trending-ads.cars-ads .item-image { + max-width: 230px; + overflow: hidden; + float: left; + margin-right: 20px; +} + +.cars-ads-box { + position: relative; + min-height: 150px; +} + +.section.cars-ads .car-info { + color: #000; + font-size: 14px; + float: left; + padding-top: 20px; +} + +.section.cars-ads .car-info + .car-info { + margin-left: 50px; +} + +.padding-left-20 { + padding-left: 20px;; +} + +.padding-bottom-20 { + padding-bottom: 20px; +} + +.cut-max-title { + overflow: hidden; + /*white-space: nowrap;*/ + text-overflow: ellipsis; +} + +.section.cars-ads .ad-meta { + width: 135%; +} + +.section.cars-ads .item-title { + margin-bottom: 10px; +} + +.section.cars-ads .car-info i { + color: #a4a9a9; + margin-right: 10px; +} + +.section.cars-ads .car-info li { + margin-bottom: 5px; +} + +#download.car-app-store { + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car2.jpg); +} + +#download.car-app-store.parallax-section:before { + opacity: .9; +} + +/* ========================================================================== + Car Two Home Banner +========================================================================== */ + +.home-banner.banner { + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car3.jpg); + padding: 125px 0; +} + +.home-banner.slide-1 { + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car2.jpg); +} + + +.home-banner.slide-2 { + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/car1.jpg); +} + +.home-banner.banner .car-info { + margin-top: 0; +} + +.home-banner .car-info-box { + background-color: rgba(2, 2, 2, 0.6); + padding: 0 40px; + padding-top: 55px; + padding-bottom: 50px; + max-width: 620px; +} + +/* ========================================================================== + Upcoming Section +========================================================================== */ + +.upcoming-section { + color: #fff; + padding-top: 175px; + padding-bottom: 165px; + text-align: center; + position: relative; + background-size: cover; + z-index: 1; + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/coming-soon.jpg); +} + +.upcoming-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: -1; +} + +.logo-intro img { + display: inline-block; +} + +.upcoming-section h1 { + font-size: 48px; + font-weight: 300; + margin-top: 50px; +} + +.upcoming-section h2 { + font-size: 24px; + font-weight: 300; + margin-top: 15px; +} + +#countdown { + margin-top: 35px; + margin-bottom: 50px; +} + +#countdown li { + display: inline-block; + color: #fff; + width: 100px; + font-size: 18px; + text-transform: capitalize; +} + +#countdown li p { + line-height: 0; +} + +#countdown li + li { + margin-left: 75px; +} + +#countdown li span { + font-size: 72px; + font-weight: 700; + color: #39b54a; + line-height: 110px; +} + +.upcoming-section .socail li + li { + margin-left: 15px; +} + +.upcoming-section .socail a { + font-size: 18px; + color: #fff; +} + +.upcoming-section .socail a:hover { + color: #00bff3; +} + +/* about-trade */ + +.about-trade { + padding-top: 125px; + padding-bottom: 70px; + background-color: #f7f7f7; +} + +.about-trade .about-title { + margin-bottom: 75px; +} + +.about-trade h1 { + text-align: center; + font-size: 48px; + font-weight: 300; + color: #000; +} + +.about-trade h1 span { + font-weight: 500; +} + +.about-trade .about { + font-size: 16px; + line-height: 26px; + color: #000; +} + +.about-trade .about-info { + font-size: 22px; + line-height: 30px; + color: #000; + margin-top: 65px; +} + +.about-trade .about-info a { + margin-top: 5px; + display: inline-block; +} + +.col-to-action { + text-align: center; + background-image: url(../addons/default/visiosoft/default-theme/resources/images/bg/col-to-action.jpg); + z-index: 1; + color: #fff; + font-size: 18px; + padding-top: 70px; + padding-bottom: 100px; +} + +.col-to-action h1 { + font-weight: 400; +} + +.col-to-action.parallax-section:before { + background-color: rgba(57, 181, 74, 0.9); + z-index: -1; +} + +.col-to-action .contact { + overflow: hidden; +} + +.col-to-action .contact-form { + position: relative; +} + +.col-to-action .form-control { + background-color: transparent; + border: 1px solid #3a9243; + color: #fff; + font-size: 16px; + padding-left: 30px; + padding-right: 40px; + height: 60px; + line-height: 60px; + margin-top: 10px; + background-color: rgba(0, 0, 0, 0.06); +} + +.col-to-action .form-control:focus { + border-color: #fff; + box-shadow: none; +} + +.col-to-action .btn { + position: absolute; + right: 5px; + top: 7px; + font-size: 24px; + background-color: transparent; +} + +.col-to-action .btn:hover { + color: rgba(0, 0, 0, 0.6); +} + +.col-to-action .form-control::-webkit-input-placeholder { + color: #fff; +} + +.col-to-action .form-control:-moz-placeholder { + color: #fff; +} + +.col-to-action .form-control::-moz-placeholder { + color: #fff; +} + +.col-to-action .form-control:-ms-input-placeholder { + color: #fff; +} + +/* Contac Section */ + +.contac-section { + padding: 80px 0; +} + +.contac-section h1 { + font-size: 48px; + font-weight: 300; + color: #000; + margin-bottom: 50px; + text-align: center; +} + +.contac-section .touch-content { + +} + +.contac-section .form-control { + height: 60px; + line-height: 60px; + border: 1px solid #c6c6c6; + font-size: 16px; + font-weight: 300; + color: #9c9c9c; + margin-bottom: 25px; + padding-left: 20px; + padding-right: 20px; +} + +.contac-section textarea.form-control { + height: 230px; +} + +.contac-section .form-control::-webkit-input-placeholder { + color: #9c9c9c; +} + +.contac-section .form-control:-moz-placeholder { + color: #9c9c9c; +} + +.contac-section .form-control::-moz-placeholder { + color: #9c9c9c; +} + +.contac-section .form-control:-ms-input-placeholder { + color: #9c9c9c; +} + +.contac-section .btn.btn-primary { + margin-top: 5px; + padding: 5px 20px; +} + +/* ========================================================================== + Pricing Section +========================================================================== */ + +.pricing-section .pric { + background-color: #fff; + padding: 0 30px; + color: #000; + padding-top: 25px; + border-radius: 4px; + padding-bottom: 45px; + margin-bottom: 15px; +} + +.pricing-section .pric h2 { + font-size: 20px; + margin-bottom: 0; +} + +.pricing-section .pric h3 { + font-size: 72px; + font-weight: 300; + margin-top: 0; + line-height: 90px; +} + +.pricing-section .pric h3 sup { + font-size: 30px; + font-weight: 500; + top: -25px; +} + +.pricing-section .pric h3 span { + font-size: 14px; + font-weight: 400; +} + +.pricing-section .pric li { + margin-bottom: 20px; + font-size: 14px; +} + +.pricing-section .pric li i { + margin-right: 20px; +} + +.pricing-section .pric li i.fa-check { + color: #00a651; +} + +.pricing-section .pric li i.fa-times { + color: #cfcfcf; +} + +.pricing-section .pric-menu { + margin-top: 25px; +} + +.pricing-section .btn.btn-primary { + padding: 5px 15px; + margin-top: 30px; + font-size: 14px; + +} + +.pricing-section .pric.active { + position: relative; + overflow: hidden; +} + +.pricing-section .pric .popular { + position: absolute; + top: 10px; + right: -65px; +} + +.pricing-section .pric .popular h2 { + font-size: 14px; + background-color: #00a651; + padding: 10px 80px; + color: #fff; + -webkit-transform: rotate(40deg); + -moz-transform: rotate(40deg); + -ms-transform: rotate(40deg); + -o-transform: rotate(40deg); + transform: rotate(40deg); +} + +/* ========================================================================== + Found Section +========================================================================== */ + +.found-section { + color: #b0b0b0; + font-size: 18px; + margin-top: 40px; + margin-bottom: 40px; + padding-top: 65px; + padding-bottom: 105px; +} + +.found-section h1 { + font-size: 112px; + color: #00a651; + font-weight: 700; + margin-bottom: 0; +} + +.found-section h2 { + color: #000; + font-weight: 500; + margin-top: 0; + margin-bottom: 0; +} + +.found-section .btn.btn-primary { + padding: 6px 30px; + font-size: 14px; + margin-top: 30px; +} + +/* Directory Page */ + +.directory.page { + padding-bottom: 40px; +} + +.explore-nearby .featured-top h4 { + color: #000; + font-weight: 500; +} + +.explore-nearby .ad-info { + padding: 20px 10px; +} + +.explore-nearby .rating ul { + display: block; +} + +.explore-nearby .rating ul li { + display: inline; + color: #fc0; +} + +.explore-nearby .ad-info h4 { + font-size: 20px; + color: #000; + margin-bottom: 5px; +} + +.explore-nearby .ad-info h4 a { + color: #a0a0a0; +} + +.explore-nearby .item-cat { + margin-bottom: 10px; +} + +.explore-nearby .ad-info address { + color: #a0a0a0; + line-height: 22px; + margin-bottom: 0; +} + +.explore-nearby { + padding-bottom: 55px; +} + +.browse-categories { + padding: 15px 30px; +} + +.browse-categories .section-title { + margin-bottom: 15px; +} + +.featured-image img { + width: 100%; +} + + +/* ========================================================================== + Extra + ========================================================================== */ + +#scrollUp { + background-image: url("{{ img('theme::images/top.png').url }}"); + bottom: 60px; + right: 20px; + width: 38px; /* Width of image */ + height: 38px; /* Height of image */ + text-indent: -9999px; +} + + +input, select, a, .transition, +.footer-widget input, +.favorites-user small, +.feedback input[type="submit"], +.select-category li:before, +.team-social, .social-widget a, +.banner-form input[type="submit"], +.category-title, .category-icon img, +.category-quantity, +.owl-next, .owl-prev, +.home-banner .contact-form .form-control, +.col-to-action .btn, .see-more button, +.post-resume .upload-image { + -webkit-transition: all 500ms; + -moz-transition: all 500ms; + -ms-transition: all 500ms; + -o-transition: all 500ms; + transition: all 500ms; +} + + +/* ========================================================================== + Custom Fonts + ========================================================================== */ + +@font-face { + font-family: 'MyriadPro-Regular', sans-serif; + src: url('fonts/MyriadPro-Regular.eot'); + src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), + url('fonts/MyriadPro-Regular.woff2') format('woff2'), + url('fonts/MyriadPro-Regular.woff') format('woff'), + url('fonts/MyriadPro-Regular.ttf') format('truetype'), + url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'Devanagari-Regular', sans-serif; + src: url('fonts/devanagari-normal-webfont.eot'); + src: url('fonts/devanagari-normal-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/devanagari-normal-webfont.woff2') format('woff2'), + url('fonts/devanagari-normal-webfont.woff') format('woff'), + url('fonts/devanagari-normal-webfont.ttf') format('truetype'), + url('fonts/devanagari-normal-webfont.svg#devanagarinormal') format('svg'); + font-weight: normal; + font-style: normal; + +} + + +/*======================== +=======style-chooser====== +==========================*/ + +.style-chooser { + width: 140px; + left: -140px; + position: fixed; + top: 50%; + margin-top: -121px; + z-index: 99999; + -webkit-transition: all 0.4s ease-in-out; + -moz-transition: all 0.4s ease-in-out; + -ms-transition: all 0.4s ease-in-out; + -o-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; +} + +.style-chooser.opened { + left: 0; +} + +.style-chooser .toggler { + position: absolute; + top: 0; + right: -48px; + display: inline-block; + background-color: #ddd; + width: 48px; + height: 48px; + line-height: 48px; + text-align: center; + font-size: 24px; + color: #333; +} + +.style-chooser-inner { + position: relative; + background-color: #ddd; + padding: 15px; +} + +.style-chooser-inner h4 { + margin: 0 0 10px; + text-transform: uppercase; + font-size: 13px; +} + +.style-chooser-inner ul { + list-style: none; + padding: 0; + margin: -5px; +} + +.style-chooser-inner ul li { + display: block; + width: 58px; + float: left; + padding: 5px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; +} + +.style-chooser-inner ul li a { + display: block; + height: 40px; +} + +.style-chooser-inner ul li.preset1 a { + background-color: #00a651; +} + +.style-chooser-inner ul li.preset2 a { + background-color: #f26522; +} + +.style-chooser-inner ul li.preset3 a { + background-color: #0054a6; +} + +.style-chooser-inner ul li.preset4 a { + background: #662d91; +} + +#category-list-items { + width: 100%; +} + +.carousel-image img { + margin-right: auto; + margin-left: auto; +} + +.recommended-info { + margin-top: 20px; +} + +/*.user-interactions {*/ +/*margin-top: 10px;*/ +/*}*/ + +.fa-heart { + color: red !important; +} + +.bottom-complaints { + margin-top: 15px; + margin-bottom: 0 !important; +} + +.bottom-complaints li { + margin-bottom: 0 !important; +} + +.favorites { + float: right; + font-size: 22px; + padding-left: 5px; + color: black; + font-weight: 700; +} + +.complaints { + font-size: 26px; + padding-left: 5px; + color: #bfbcbc; + font-weight: 700; +} + +.disputeDescription { + width: 100%; + border: 1px solid #999999; +} + +#map { + margin-bottom: 25px; +} + +.advs-custom-fields { + background-color: #fff; + color: #272727; + display: inline-block; + margin-bottom: 25px; + border-radius: 3px; + padding: 20px 35px 35px; + font-family: 'Devanagari-Regular', sans-serif; + width: 100%; +} + +.advs-custom-fields ul { +} + +.advs-custom-fields ul > li { + width: 25%; + margin-bottom: 3px; + float: left; + padding-left: 5px; +} + +.advs-custom-fields ul > li h5 { + margin-left: 6px; +} + +.advs-custom-fields ul > li > ul { + border-right: 1px solid #e0e6ec; +} + +.advs-custom-fields ul > li > ul > li { + float: none; + width: 100%; +} + +.advs-custom-fields i { + margin-right: 5px; + color: #62ca62; + font-size: 15px; +} + +.advs-custom-fields i.fstatus { + color: gray; +} + +.custom-checkbox { + float: left; + margin-right: 5px; +} + +.catIcon { + width: 20px; + height: 20px; + margin-right: 7px; + margin-top: -3px; +} + +#list-items { + float: left; +} + +#list-items li { + list-style: none; + float: left; + margin-right: 7px; + width: 100%; + margin-bottom: 5px; +} + +#search-button { + margin-top: 15px; +} + +.price { + height: 15px; +} + +#page-map { + width: 100%; + height: 400px; + background-color: grey; + margin-bottom: 30px; +} + +.message-outer { + background-color: #fff; + border-radius: 4px; + padding: 35px 25px; + margin-bottom: 25px; + display: inline-block; + width: 100%; +} + +.message-box { + display: inline-block; + height: 65px; + margin-bottom: 5px; + float: left; + width: 100%; + border: 1px solid #d6d1d1; + border-radius: 5px; + padding: 10px 5px 0 21px; + vertical-align: middle; +} + +.message-box:hover { + background-color: #d6d1d1; + cursor: pointer; + -webkit-transition: background-color 0.5s ease-out; + -moz-transition: background-color 0.5s ease-out; + -o-transition: background-color 0.5s ease-out; + transition: background-color 0.5s ease-out; +} + +.message-title { + width: 80%; + float: left; + position: relative; + height: 100%; +} + +.message-title span { + transform: translateY(-50%); +} + +.message-time { + width: 20%; + float: right; + position: relative; + height: 100%; +} + +.message-time span { + float: right; +} + +.message-details { + width: 100%; +} + +.message-details form > textarea { + width: 100%; + margin-bottom: 15px; + min-height: 85px; +} + +.message-detail-header { + height: 65px; + width: 100%; + border: 1px solid #dcd5d5; +} + +.message-detail-header i { + font-size: 25px; +} + +#back-button-messages { + background-color: transparent; + border: none; + border-right: 1px solid #dcd5d5; + height: 100%; + width: 65px; +} + +.message-detail-header span { + margin-left: 10px; + font-size: 18px; + font-weight: bold; +} + +.message-inpage-details { + margin-top: 10px; + width: 100%; +} + +.message-item { + border: 1px solid #dcd5d5; + width: 100%; + min-height: 75px; + margin-bottom: 10px; + padding: 15px 5px 15px 35px; + display: inline-block; +} + +.message-item li { + float: left; + width: 80%; + position: relative; +} + +.message-date-li { + float: right !important; + width: 20% !important; + margin-top: -25px; +} + +.message-adv-details { + margin-top: 25px; + margin-bottom: 10px; + display: inline-block; + width: 100%; +} + +.message-adv-img { + width: 30%; + height: 150px; + float: left; +} + +.message-adv-img img { + width: 100%; + height: 100%; +} + +.message-adv-text { + width: 70%; + float: left; + padding-left: 15px; +} + +.message-adv-text h4 { + color: #000000; +} + +.message-adv-price { + font-weight: bold; + font-size: 18px; +} + +.message-adv-desc { +} + +#messages_modal .modal-content { + border-top: 4px solid #07ad07; + border-radius: 1px; +} + +.message-header { + text-align: center; + color: #000000; + border: none; +} + +#message-detail { + width: 100%; + background-color: #f1f1f1; + border-radius: 2px; +} + +.message-body { + border: none; + padding: 10px 30px 10px 30px; +} + +.message-footer { + border: none; + text-align: center; + padding-bottom: 30px; +} + +#message-sent-modal .modal-content { + border-top: 4px solid #07ad07; + border-radius: 1px; + width: 350px; +} + +#message-sent-modal .message-body { + text-align: center; +} + +#message-sent-modal button { + width: 100%; + height: 50px; +} + +#login-button { + display: none; +} + +#logout-button { + display: none; +} + +#item-messages { + display: none; +} + +.profile-dropdown-list #messages { + display: none; +} + +.input-outer { + position: relative; +} + +.input-outer strong { + position: absolute; + top: 0; + left: 19px; +} + +.pagination .active span { + color: #ffffff; + font-size: 14px; + font-weight: 700; + background-color: #00a651; + margin: 3px; + border: 1px solid #e2e3e3; + border-radius: 5px; +} + +.pagination .disabled span { + color: #9a9a9a; + font-size: 14px; + font-weight: 700; + background-color: #e7e8e9; + margin: 3px; + border: 1px solid #e2e3e3; + border-radius: 5px; +} + +.cf-li-item { + width: 100%; + float: left; +} + +.cf-li-item-top{ + float: left; + width: auto; + padding:10px; + cursor: pointer; +} +.cf-li-item-top.active{ + background: #5b8dbd !important; +} +.cf-li-item-top.active a{ + color: white !important; + font-weight: bold !important; +} + +#sort_by { + background-color: transparent; + border: none; + color: #000000; + font-size: 16px; +} + +.price-input { + width: 33% !important; +} + +.category-tabs button { + margin-bottom: 5px; +} + +.search-fav-body { + text-align: center; +} + +.favorite-searches { + width: 100%; + height: 80px; + display: inline-block; + margin-top: 40px; + border: 1px solid #dedede; +} + +.search-fav-icon i { + font-size: 40px; + margin-top: 14px; + color: #1bbd1b; +} + +.search-fav-tex { + padding-top: 8px; +} + +#save-search { + width: 100%; + height: 40px; + font-size: 13px; + margin-top: 20px; +} + +#favs-outer { + background-color: #fff; + border-radius: 4px; + padding: 0px 0px; + margin-bottom: 25px; + display: inline-block; + width: 100%; +} + +#fav_tabs { + background-color: #fff; + border-radius: 4px; + margin-bottom: 25px; + display: inline-block; + width: 100%; +} + +#fav_tabs .message-outer { + padding: 0 !important; +} + +.fav-search-section { + border: 1px solid #dedede; + padding: 15px 0 15px 15px; + min-height: 50px; + min-width: 200px; + margin-bottom: 15px; + display: inline-block; +} + +.fav-search-section a { + margin: 0 !important; +} + +.fav-search-section .delete-item { + margin-left: 15px !important; +} + +.upper-list-banner { + margin-bottom: 20px; + height: 250px; + position: relative; +} + +.upper-list-banner img { + height: 100%; + width: 100%; +} + +.upper-list-user { + width: 217px; + min-height: 205px; + position: absolute; + top: 25px; + border: 1px solid #CCC; + background-color: #FFFFFF; + -webkit-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75); + box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.75); + left: 50px; +} + +.upper-list-info { + width: 190px; + min-height: 30px; + margin: 0px 14px 14px 14px; + float: left; + font-weight: bold; + font-size: 15px; + text-align: center; + overflow: hidden; + color: #444; +} + +.upper-list-phone { + width: 190px; + min-height: 30px; + margin: 0px 14px 0px 14px; + float: left; + font-weight: bold; + font-size: 15px; + text-align: center; + overflow: hidden; + color: #444; +} + +.upper-list-img { + width: 190px; + height: 115px; + margin: 14px; + border-bottom: 1px solid #CCC; + padding-bottom: 5px; + float: left; +} + +.recommended-ads { + width: 100%; +} + +#image-section { + width: 200px; + height: 200px; +} + +#image-section img { + width: 100%; + height: 100%; +} + +#company-desc-section { + margin-top: 15px; + width: 100%; +} + +.doping-section { + width: 100%; + min-height: 200px; +} + +.outer-doping { + padding: 5px; +} + +.inner-doping { + border: 1px solid #dedede; + display: inline-block; + width: 100%; + min-height: 200px; +} + +.doping-image { + width: 30%; + float: left; +} + +.doping-image i { + font-size: 70px; + padding-left: 20px; + padding-top: 45px; + color: darkcyan; +} + +.doping-text { + width: 70%; + float: left; +} + +.featured_adv_item { + background-color: #f6f6f6; +} + +.navbar-search-section { + float: left; + padding-top: 5px; + min-width: 305px; + padding-left: 20px; +} + +.navbar-search-button { + float: left; + width: 30%; + border-radius: 0; + border-left: none; +} + +.navbar-search-input { + width: 70%; + float: left; + border-radius: 7px; + border-right: none; + -webkit-box-shadow: none; + border: 1px solid #e3e3e3; + height: 44px; + color: #000; + padding-left: 5px; +} + +.sub-cat-item { + margin-left: 34px; + height: 34px; + margin-top: -10px; +} + +.message-image { + float: left; + width: 50px; + height: 50px; + margin-right: 10px; + margin-top: -4px; +} + +.gray-span { + color: #6b6363; +} + +.message-icon { + font-size: 50px; + color: #717070; +} + +.sub-cat-item +.main-page-ad-item { + margin-bottom: 10px; +} + +.slider-box { + margin-bottom: 20px +} + +.navbar-search-section_mobile { + display: none; +} + +.post-ad-mobile { + display: none; +} + +.sub-newsletter { + float: left; + width: 100%; + margin-bottom: 10px; +} + +.sub-newsletter i { + font-size: 45px; + color: #139813; +} + +.sub-newsletter span { + font-size: 16px; + font-weight: 400; +} + +.newsletter-icon { + float: left; + width: 45px; + height: 50px; + margin-right: 5px; +} + +.newsletter-test { + float: left; +} + +.newsletter-item { + float: left; + width: 100%; +} + +.language-item { + margin-top: 10px; +} + +.border-none { + border: none; +} + +.cart-dropdown { + display: inline-block; + margin-right: 10px; +} + + +ul.dropdown-cart { + min-width: 250px; + float: right; + background: white; + width: 295px; + border-radius: 3px; + padding: 5px; + margin: 20px 0px 0px 0 !important; + overflow-y: scroll; + max-height: 400px; + right: 0; + left: auto; +} + +ul.dropdown-cart li .cart-item { + display: block; + padding: 3px 10px; + margin: 3px 0; + border-bottom: 1px solid #E8E8E8; +} + +ul.dropdown-cart li .cart-item:hover { + background-color: #f3f3f3; +} + +ul.dropdown-cart li .cart-item:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} + +ul.dropdown-cart li .cart-item-left { + float: left; +} + +ul.dropdown-cart li .cart-item-left img, +ul.dropdown-cart li .cart-item-left span.item-info { + float: left; +} + +ul.dropdown-cart li .cart-item-left span.item-info { + margin-left: 10px; +} + +ul.dropdown-cart li .cart-item-left span.item-info span { + display: block; +} + +ul.dropdown-cart li .cart-item-right { + float: right; +} + +ul.dropdown-cart li .cart-item-right button { + margin-top: 14px; +} + +.cart-icon { + color: #6394F8; + font-size: 24px; + margin-right: 7px; + float: left; +} + +.cart-total-pieces { + background-color: #6394F8; + border-radius: 10px; + color: white; + display: inline-block; + font-size: 12px; + line-height: 1; + padding: 3px 7px; + text-align: center; + vertical-align: middle; + white-space: nowrap; +} + +.shopping-cart-total { + float: right; +} + +.cart-header { + border-bottom: 1px solid #E8E8E8; + padding: 15px; + display: block; +} + +.cart-view-button { + background-color: #345fa7 !important; + color: white !important; + text-align: center; + padding: 10px; + text-decoration: none; + display: block; + border-radius: 3px; + font-size: 16px; + margin: 0 5px; +} + +.cart-view-button:hover { + background: #174494 !important; + color: #fff !important; +} + +.cart-remove-item-btn { + background: #6394F8; + color: #fff; + border-color: #6394F8; +} + +.cart-remove-item-btn:hover { + background: #d9534f; + color: #fff; + border-color: #d9534f; +} + +.cart-view-icon { + color: #00a651; + margin-right: 5px; +} + +.item-price { + color: #6394F8; + margin-right: 8px; +} + +.item-name { + font-weight: bold; + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 2; /* kaç satırla sınırlayacağımızı yazıyoruz */ + -webkit-box-orient: vertical; + color: #000; +} + +.item-quantity { + color: #ABB0BE; +} + +.item-cart-img { + margin-top: 5px; + margin-right: 5px; +} + +.transport_field { + margin-bottom: 10px; +} + +.transportNumber-name, .transportNumber-button { + line-height: 45px; +} + +.sort-by-selected-text { + display: inline; + margin-right: 5px; +} + +.sort-by-dropdown { + position: absolute; + transform: translate3d(61px, 26px, 0px); + top: 0px; + left: 0px; + will-change: transform; +} + +.sort-by-open-dropdown { + display: inline-block !important; +} + +.sort-by-open-dropdown i { + right: 0 !important; +} + +.confirm-password-field i { + float: right; + margin: 0; + margin-left: 2%; + line-height: 43px; + height: 43px; + font-size: 23px; + color: #e86c6c; +} + +.confirm-password-field input { + float: right; + margin: 0; + margin-left: 2%; +} + +.confirm-password-field label { + float: right; + height: 43px; + width: 75%; + text-align: right; + line-height: 43px; +} + +.disable-account-field { + margin-top: 20px; + text-align: center; + padding: 2px; +} + +.preferences-settings { + text-align: left; + padding-top: 0px !important; + padding-left: 30px !important; +} + +.preferences-settings h2 { + color: #000; + font-size: 20px; +} + +.preferences-settings div label { + color: #a0a0a0; +} + +.flag-dropdown { + display: inline-block; +} + +input[name="username"] { + width: 100% !important; +} + +.intl-tel-input { + width: 65.5%; +} + +.balances { + float: left; + padding: 30px 40px; + text-align: center; + border-left: 1px solid #f5f5f5; +} + +#map { + height: 500px; + width: 100%; + display: none; +} + +#listAdvs { + display: none; + border-radius: 0; +} + +.listMap { + border-top-right-radius: 0; +} + +.home_footer_categories_field_icon img { + margin-left: 0px; +} + + +.home_footer_categories_field_title { + text-align: left; + width: 82%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.home_footer_categories_field_title a { + font-size: 16px; + color: #505050; + font-weight: 500; + margin-bottom: 13px; + margin-top: 10px; +} + +.home_footer_sub_categories_field { + text-align: left; +} + +.home_footer_sub_categories_field li a { + color: #b5b5b5; + font-size: 16px; +} + + +.login-button-field { + display: none !important; +} + +.navigation-select-category-field { + -webkit-box-shadow: none; + border: 1px solid #e3e3e3; + height: 44px; + color: #000; + width: 40%; +} + +.navigation-input-category-field input { + border-radius: 0; +} + +.navigation-button-category-field button { + border-radius: 0; + background-color: #00a651; + color: #fff; + border: 1px solid #00a651; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.selected-category-item-field { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.easy-autocomplete { + width: 100% !important; +} + + +.navigation-new-ad-btn { + background-color: #2e559d !important; + color: white !important; + border-color: #174494 !important; +} + +.cart-footer { + font-weight: bold; + text-align: center; +} + +.cart-footer .total-color-text { + color: #050505; + font-size: 20px; +} + +.bg-white { + background-color: white; +} + +.mobile-cart-field { + display: none; + position: fixed; + z-index: 2147483647; + bottom: 20px; + right: 20px; + border-radius: 25px; + width: 38px; + background-color: #4d4d4d; + height: 38px; + text-indent: -9999px; + background-repeat: no-repeat; + background-size: 50% 45%; + background-position: center; + background-image: url("{{ img('theme::images/cart-add-icon.png').url }}"); +} + +.lds-ripple { + display: inline-block; + position: fixed; + width: 64px; + left: 50%; + top: 50%; + height: 64px; +} + +.lds-ripple div { + position: absolute; + border: 4px solid #00a651; + opacity: 1; + border-radius: 50%; + animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; +} + +.lds-ripple div:nth-child(2) { + animation-delay: -0.5s; +} + +@keyframes lds-ripple { + 0% { + top: 28px; + left: 28px; + width: 0; + height: 0; + opacity: 1; + } + 100% { + top: -1px; + left: -1px; + width: 58px; + height: 58px; + opacity: 0; + } +} + + +.mobile-cart-active-box { + background-color: #66c066; + position: relative; + height: 17px; + margin-top: -5px; + margin-left: -5px; + width: 17px; + font-size: 12px; + text-align: right; + padding: 0px 5px; + color: white; + border-radius: 10px; +} + +.loading-cart { + position: fixed; + top: 0; + left: 0; + z-index: 9999999999; + width: 100%; + height: 100%; + background-color: rgb(255, 255, 255, 0.5); +} + +.add-cart-quantity-field, .add-cart-button-field { + display: inline-block; + float: left; +} + +.add-cart-button-field { + margin-left: 10px; +} + +[data-notify="progressbar"] { + margin-bottom: 0px; + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; + height: 5px; +} + +.profile-right-sidebar { + display: inline-block; +} + +.required-profile-phone-field { + margin-bottom: 47px !important; +} + +.required-field-profile .form-group { + margin-bottom: 11px; +} + +#posts .container { + margin-top: 30px; + margin-bottom: 30px; +} + +#post, .post { + box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); +} + +#post { + background-color: #fff; +} + +.post header h2, #post header h1 { + background-color: #969494; + border-top-left-radius: 6px; + border-top-right-radius: 6px; + color: #fff; + padding: 10px; + margin-bottom: 0; +} + +.post header .meta { + padding: 10px; + color: white; + text-align: right; + margin-top: -41px; +} + +.post header .meta .category a { + display: inline-block !important; + color: #fff; +} + +.post .summary { + background-color: white; + padding: 10px; +} + +.post .summary p { + font-weight: 500; + color: #333; + font-size: 17px; +} + +.post header h2 a { + color: white; + padding: 0px 10px; +} + +.post header h2 a::before { + content: "▸ "; +} + +#post .content { + margin-top: -34px; + padding: 0px 40px 18px 40px; + margin-bottom: 50px; +} + +#post header .meta { + text-align: right; + padding-right: 10px; +} + +#post header .meta .category a { + display: inline-block !important; + color: #6f6f6f; +} + +#header { + background-color: white; +} + +.cat-dropdown-menu li a { + font-size: 16px; +} + +.recently_img { + height: 150px; +} + +.home-search-field { + height: 44px; + padding-right: 0px; +} + +.home-search-category-field .btn-default, +.home-search-category-field .btn-default:hover, +.home-search-category-field .btn-default:focus, +.home-search-category-field .btn-default:active, +.easy-autocomplete input, +.easy-autocomplete input:hover, +.easy-autocomplete input:focus, +.easy-autocomplete input:active { + border: solid 1px #cdd6de; + background-color: #fff; +} + +.home-search-field .search-button, +.home-search-field .search-button:hover, +.home-search-field .search-button:focus, +.home-search-field .search-button:hover:focus { + height: 100%; + min-width: 100px; + width: 100%; + background-color: #00a651; + text-transform: uppercase; + border-color: #00a651; + color: #fff; + font-weight: 700; +} + +.home-search-field .map-search-button, +.home-search-field .map-search-button:hover, +.home-search-field .map-search-button:focus, +.home-search-field .map-search-button:hover:focus { + height: 100%; + background-color: #fff; + float: right; + width: 84%; + text-transform: uppercase; + border-color: #cdd6de; + color: #00a651; + font-weight: 700; +} + +.banner-form .row { + margin-right: 0px; +} + +.home-search-category-field .btn-default { + padding-left: 13px; + text-align: left; +} + +.select2-selection { + height: 44px !important; +} + +.select2-selection span { + padding-top: 8px; + height: 44px !important; +} + +.select2-container span span { + border-color: #cdd6de !important; +} + +.select2-container { + width: 100% !important; +} + +.last-search { + width: 100%; + display: inline-block; +} + +.last-search a { + width: 33%; + height: 44px; + color: #fff; + font-weight: 400; + margin: 18px auto auto auto; + padding: 11px 18px 11px 15px; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.3); + border: solid 1px #fff; + -webkit-animation: load-effect 2s 1; + animation: load-effect 2s 1; + -webkit-transition: background-color .3s; + transition: background-color .3s; +} + +.featured-top-display-settings { + text-align: right; +} + +.featured-top-display-settings a { + margin: 0 10px; +} + +.viewType { + color: #5b8dbd !important; +} + +.table-image { + text-align: center; + height: auto; + width: 100%; + max-width: 140px; + max-height: 80px; +} + +.text-start { + text-align: start; +} + + +.vertical-top { + vertical-align: top!important; +} + +.vertical-center { + vertical-align: middle !important; +} + +.table-row-name-bar { + width: 100%; +} + +.table-row-name { + height: 50px; + font-weight: 500; +} + + +.table-row-name-bar a { + padding: 6px; +} + +.table-row-dopings-ads { + background-color: #dad8d82b; +} +.clickable-row { + cursor: pointer; +} + +.ads-list-table tbody tr:hover { + background-color: #e0dddd; +} + +.store-social-links { + color: #6f6f6f; + font-size: 30px; +} + +.store-web-links { + color: #6f6f6f; +} + +.select2-selection__rendered #list-items li { + float: left; + list-style: none; + margin-right: 5px; + margin-bottom: auto; +} + +.lang-flag{ + width: 20px; + margin-right: 5px; +} + +.label-filter-location { + position: relative; + display: block; + padding-left: 0 !important; + color: #000000; + font-weight: 500 !important; + margin-bottom: 6px; +} + +.filter-list-items { + width: 100%; +} + +#login-dp { + min-width: 250px; + padding: 14px 14px 0; + overflow: hidden; + background-color: rgba(255, 255, 255, .8); +} + +#login-dp .help-block { + font-size: 12px +} + +#login-dp .bottom { + border-top: 1px solid #ddd; + clear: both; + padding: 14px; +} + +#login-dp .social-buttons { + margin: 12px 0 +} + +#login-dp .social-buttons a { + width: 49%; +} + +#login-dp .form-group { + margin-bottom: 10px; +} + +.login-button-dropdown a { + color: #fff !important; +} + +@media (max-width: 768px) { + #login-dp { + background-color: inherit; + color: #fff; + } + + #login-dp .bottom { + background-color: inherit; + border-top: 0 none; + } +} \ No newline at end of file