.wp-caption { font-family: 'Lato', sans-serif; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption .wp-caption-text { font-family: 'Lato', sans-serif; } .sticky{ font-family: 'Lato', sans-serif; } .gallery-caption{ font-family: 'Lato', sans-serif; } .bypostauthor{ font-family: 'Lato', sans-serif; } .user-content-height{min-height:563px;} /* ========================================================================== TopBars ========================================================================== */ .topBar { background: #232323; padding: 10px 0; } .topBar .contact-info { font-size: 12px; color: #aaaaaa; } .topBar .contact-info span { color: inherit; margin-right: 38px; } .topBar .contact-info span i { color: #b6d91a; margin-right: 15px; } .topBar .login-info a { font-size: 11px; color: #aaaaaa; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 15px 10px 15px 10px; } .topBar .login-info a.register { font-size: 12px; font-weight: normal; background: #b6d91a; color: #fff; } .topBar .login-info a.register i { color: inherit; margin-right: 12px; font-weight: bold; } .topBar.topBar-v2 { padding: 20px 0; } .topBar.topBar-v2 .logo { padding-top: 5px; } .topBar.topBar-v2 .topBar-v2-icons > span { font-size: 13px; font-weight: bold; color: #fff; text-transform: uppercase; display: inline-block; margin-right: 5px; } .topBar.topBar-v2 .top-icons { border-right: 1px solid #e0e0e0; padding: 0 20px; } .topBar.topBar-v2 .top-icons a { margin-right: 3px; } .topBar.topBar-v3 { background: #fff; } .topBar.topBar-v3 p { margin-bottom: 0; text-transform: uppercase; color: #6c6c6c; } .topBar.topBar-v3 p span { color: #aaaaaa; text-transform: uppercase; display: inline-block; font-size: 13px; margin-left: 10px; } .topBar.topBar-v3 p span i { color: inherit; font-size: inherit; margin-right: 10px; } .topBar.topBar-v3 .login-info a { color: #aaaaaa; font-size: 13px; } .topBar.topBar-v3 .login-info a:hover { color: #6c6c6c; } .topBar.topBar-v4 { padding: 13px 0; } .topBar.topBar-v4 .contact-info ul { margin-bottom: 0; } .topBar.topBar-v4 .contact-info ul li { font-size: 13px; color: #aaaaaa; } .topBar.topBar-v4 .contact-info ul li span { margin-right: 0; font-size: inherit; padding-left: 5px; } .topBar.topBar-v4 .contact-info ul li:last-of-type span { color: #fff; } .topBar.topBar-v4 .follow ul { list-style: none; margin-bottom: 0; } .topBar.topBar-v4 .follow ul span { font-size: 13px; text-transform: capitalize; color: #aaaaaa; } .topBar.topBar-v4 .follow ul li { font-size: 13px; } .topBar.topBar-v4 .follow ul li a { color: #aaaaaa; font-size: inherit; text-transform: capitalize; } .topBar.topBar-v4 .follow ul li a:hover { color: #fff; } .topBar.topBar-v4 .follow ul li a i{ color:inherit; } .topBar.topBar-v4 .follow .login { margin-left: 15px; margin-bottom: 0; } .topBar.topBar-v4 .follow .login li a { background: rgba(0,0,0,0.2); padding: 15px 20px; } .topBar.topBar-v4 .follow .login li a i { margin-right: 10px; } .transition, .topBar.topBar-v3 .login-info a, .search-section .search-form.search-form-v1 .form-group button, .search-section.search-section-v2 .form-group button, .search-section.search-section-v5 .form-group button, .search-section.search-section-v6 .form-v6-bg .form-group button, .category-slider-small-box ul li a, .category-slider-small-box.outline-box ul li a, .classiera-premium-ads-v3 .premium-carousel-v3 .item figure, .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption, .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption h5 a:hover, .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption p a, .classiera-premium-ads-v3 .navText a i, .classiera-box-div-v1 figure figcaption p a, .classiera-box-div-v2 figure figcaption h5 a, .classiera-box-div-v3 figure figcaption h5 a, .classiera-box-div-v3 figure figcaption span.category a, .classiera-box-div-v4 figure figcaption h5 a, .classiera-box-div-v5 figure figcaption h5 a, .classiera-box-div-v6 figure .box-div-heading, .classiera-box-div-v7 figure figcaption, .category-v1 .category-box .category-content ul li a, .category-v2 .category-box .category-content ul li a, .category-v2 .category-box .category-content ul li a i, .category-v2 .category-box .category-content .view-button a, .category-v3 .category-content h4 a, .category-v5 .categories li .category-content h4 a, .category-v6 .category-box figure figcaption, .category-v6 .category-box figure .category-box-hover, .category-v6 .category-box figure .category-box-hover ul li, .category-v7 .category-box figure figcaption ul li a, .category-v7 .category-box figure figcaption > a, .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .post-tags a, .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .box-icon a, .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .box-icon a i, .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .detail .box-icon a, .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .detail .box-icon a, .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .detail .box-icon a, .advertisement-v1 .tab-button .nav-tabs > li > a, .advertisement-v3 .view-head .view-as a, .advertisement-v5 .view-head .view-as a, .advertisement-v6 .view-head .tab-button .nav-tabs > li > a, .advertisement-v6 .view-head .view-as a, .locations .location-content .location, .locations .location-content .location a .loc-head, .locations .location-content-v2 .location, .locations .location-content-v2 .location h5 a, .locations .location-content-v6 figure.location figcaption, .locations .location-content-v6 figure.location figcaption .location-caption p, .locations .location-content-v6 figure.location figcaption .location-caption > a, .partners-v3 .partner-img img, .partners-v3 .navText a i, footer .widget-box .widget-content .footer-pr-widget-v1 .media-body span.price, footer .widget-box .widget-content .footer-pr-widget-v1 .media-body h4 a, footer .widget-box .widget-content .footer-pr-widget-v1 .media-body span.category a, footer .widget-box .widget-content .footer-pr-widget-v2 .media-body h5 a, footer .widget-box .widget-content ul li h5 a, footer .widget-box .widget-content ul li p span a, footer .widget-box .widget-content .category > li > a, footer .widget-box .tagcloud a, .footer-bottom ul li a, .footer-bottom ul.footer-bottom-social-icon li a, #back-to-top, .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-body h5 a, .sidebar .widget-box .widget-content ul li > a, .sidebar .widget-box .tagcloud a, .sidebar .widget-box .author-info a, .inner-page-content article.article-content.blog h3 a, .inner-page-content article.article-content.blog p span a, .inner-page-content article.article-content.blog .tags a, .inner-page-content .login-register.login-register-v1 form .form-group p a, .author-box .author-social .author-social-icons li > a, .author-box .author-social .author-social-icons li > a i, .author-info .media-heading a, .user-pages aside .user-page-list li, .user-pages aside .user-page-list li a, .user-pages aside .user-page-list li a span, .user-pages aside .user-page-list li a span i, .user-pages aside .user-submit-ad .btn-user-submit-ad, .user-pages .user-detail-section .user-social-profile-links ul li a, .user-pages .user-detail-section .user-social-profile-links ul li a i, .user-pages .user-detail-section .user-ads .media .media-body .media-heading a, .submit-post form .classiera-post-main-cat ul li a, .submit-post form .classiera-post-main-cat ul li a i, .submit-post form .classiera-post-main-cat ul li a span, .single-post-page .single-post .single-post-title .post-category span a, .single-post-page .single-post .description .tags a, .single-post-page .single-post > .author-info a, .single-post-page .single-post .post-extra .watch-later, .sidebar .widget-box .user-make-offer-message .nav > li.btnWatch > button.watch-later, .sidebar .widget-box .user-make-offer-message .nav > li.btnWatch > button.watch-later i { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* ========================================================================== search Bars ========================================================================== */ .search-section { padding: 40px 0; } .search-section .search-form .form-group { position: relative; } .search-section .search-form .form-group input, .search-section .search-form .form-group select { width: 100%; } .search-section .search-form .form-group .help-block { position: absolute; background: #232323; text-align: center; margin: 0; bottom: -27px; padding: 0 10px; border-radius: 5px; z-index: 100; } .search-section .search-form .form-group .help-block ul::before{ content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 9px solid #232323; position: absolute; left: 0; right: 0; margin: 0 auto; top: -7px; } .search-section .search-form .form-group .help-block ul{ margin: 0; } .search-section .search-form .form-group .help-block ul li{ color: #f0f0f0; font-size: 11px; } .search-section .search-form.search-form-v1 { padding: 20px; background: #b0cfda; -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); } .search-section .search-form.search-form-v1 .form-group { margin-right: 10px; } @media only screen and (min-width: 320px) and (max-width: 1000px) { .search-section .search-form.search-form-v1 .form-group { display: block; width: 100% !important; margin-bottom: 5px; } } @media only screen and (min-width: 1001px) and (max-width: 1199px) { .search-section .search-form.search-form-v1 .form-group { margin-right: 8px; } } .search-section .search-form.search-form-v1 .form-group .form-control { font-size: 12px; border-color: #b0cfda; } .search-section .search-form.search-form-v1 .form-group .form-control option { padding: 8px 10px; border-bottom: 1px solid #e6e6e6; } .search-section .search-form.search-form-v1 .form-group:last-of-type { margin-right: 0; width: 15%; } .search-section .search-form.search-form-v1 .form-group:nth-of-type(1) { width: 27.43%; } .search-section .search-form.search-form-v1 .form-group:nth-of-type(2) { width: 19.40%; } .search-section .search-form.search-form-v1 .form-group:nth-of-type(3) { width: 34.40%; } .search-section .search-form.search-form-v1 .form-group button { width: 100%; height: 40px; text-transform: uppercase; background: #232323; color: #fff; border: 1px solid #232323; font-size: 14px; } .search-section .search-form.search-form-v1 .form-group button:hover { background: #b6d91a; border: 1px solid #b6d91a; } .search-section .search-form.search-form-v1 .form-group button i { color: inherit; padding-right: 8px; font-size: inherit; } .search-section.search-section-v2 { padding: 20px 0; } .search-section.search-section-v2 .side-by-side-input:nth-of-type(1) { width: 30%; } @media only screen and (min-width: 320px) and (max-width: 360px) { .search-section.search-section-v2 .side-by-side-input:nth-of-type(1) { width: 45%; } } .search-section.search-section-v2 .side-by-side-input:nth-of-type(1) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-section.search-section-v2 .side-by-side-input:nth-of-type(2) { width: 70%; } @media only screen and (min-width: 320px) and (max-width: 360px) { .search-section.search-section-v2 .side-by-side-input:nth-of-type(2) { width: 55%; } } .search-section.search-section-v2 .side-by-side-input:nth-of-type(2) .form-control { border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0; } .search-section.search-section-v2 .form-group { margin-right: 14px; } @media only screen and (min-width: 320px) and (max-width: 1000px) { .search-section.search-section-v2 .form-group { display: block; width: 100% !important; margin-bottom: 5px; } } @media only screen and (min-width: 1001px) and (max-width: 1199px) { .search-section.search-section-v2 .form-group { margin-right: 8px; } } .search-section.search-section-v2 .form-group:nth-of-type(1) { width: 51.2820%; } .search-section.search-section-v2 .form-group:nth-of-type(2) { width: 31.6239%; } .search-section.search-section-v2 .form-group:nth-of-type(2) .input-group { width: 100%; } .search-section.search-section-v2 .form-group:last-of-type { width: 14%; margin: 0; } .search-section.search-section-v2 .form-group .form-control { text-transform: capitalize; color: #8e8e8e; font-size: 12px; } .search-section.search-section-v2 .form-group button { width: 100%; height: 40px; text-transform: uppercase; background: #232323; color: #fff; line-height: 40px; border: none; font-size: 14px; padding-left: 18px; border-radius: 4px; } .search-section.search-section-v2 .form-group button:hover { background: #b6d91a; } .search-section.search-section-v3 { background: #b6d91a; padding: 20px 0; } .search-section.search-section-v3 span:not([class]){ margin-right: 10px; font-size: 14px; color: #fff; } .search-section.search-section-v3 .form-group { margin-right: 10px; } .search-section.search-section-v3 .form-group .inner-addon > i { color: #fafafa; } .search-section.search-section-v3 .form-group:nth-of-type(1) { width: 12%; } .search-section.search-section-v3 .form-group:nth-of-type(2) { width: 45%; } .search-section.search-section-v3 .form-group:nth-of-type(3) { width: 31%; } .search-section.search-section-v3 .form-group select { background: #3a3d40; color: #fafafa; border-color: #3a3d40; font-size: 14px; text-transform: none; } .search-section.search-section-v3 .form-group select option { padding: 10px; border-bottom: 1px solid #000; } .search-section.search-section-v3 .form-group .input-group { width: 100%; } .search-section.search-section-v3 .form-group .input-group .input-group-addon { background: #f0f0f0; border-color: #f0f0f0; } .search-section.search-section-v3 .form-group .input-group .input-group-addon i { color: #8e8e8e !important; } .search-section.search-section-v3 .form-group .input-group .form-control { border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #aaaaaa; font-size: 14px; background: #fafafa; box-shadow: none; border: none; text-transform: none; } .search-section.search-section-v4 { padding: 20px 0; } .search-section.search-section-v4 form .form-icon #getLocation{ right: 0; left: auto; top: 0; } .search-section.search-section-v4 .form-group { margin-right: 8px; } @media only screen and (min-width: 320px) and (max-width: 1000px) { .search-section.search-section-v4 .form-group { display: block; width: 100% !important; margin-bottom: 5px; } } @media only screen and (min-width: 1001px) and (max-width: 1199px) { .search-section.search-section-v4 .form-group { margin-right: 8px; } } .search-section.search-section-v4 .form-group:nth-of-type(1) { width: 26%; } .search-section.search-section-v4 .form-group:nth-of-type(2) { width: 15%; } .search-section.search-section-v4 .form-group:nth-of-type(3) { width: 29%; } .search-section.search-section-v4 .form-group:nth-of-type(4) { width: 15%; } .search-section.search-section-v4 .form-group .form-control { color: #6c6c6c; font-size: 12px; border-radius: 3px; border-color: #fff; } .search-section.search-section-v4 .search-form .btn { padding: 10px 34px; } .search-section.search-section-v4 .search-form .btn:hover { background: #232323; } .search-section.search-section-v5 { padding: 10px 0; } .search-section.search-section-v5 .side-by-side-input:nth-of-type(1) { width: 31%; } @media only screen and (min-width: 320px) and (max-width: 360px) { .search-section.search-section-v5 .side-by-side-input:nth-of-type(1) { width: 45%; } } .search-section.search-section-v5 .side-by-side-input:nth-of-type(1) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-section.search-section-v5 .side-by-side-input:nth-of-type(2) { width: 69%; } @media only screen and (min-width: 320px) and (max-width: 360px) { .search-section.search-section-v5 .side-by-side-input:nth-of-type(2) { width: 55%; } } .search-section.search-section-v5 .side-by-side-input:nth-of-type(2) .form-control { border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0; border: 1px solid #fff; } .search-section.search-section-v5 .form-group { margin-right: 10px; } @media only screen and (min-width: 320px) and (max-width: 1000px) { .search-section.search-section-v5 .form-group { display: block; width: 100% !important; margin-bottom: 5px; } } @media only screen and (min-width: 1001px) and (max-width: 1199px) { .search-section.search-section-v5 .form-group { margin-right: 8px; } } .search-section.search-section-v5 .form-group:nth-of-type(1) { width: 45%; } .search-section.search-section-v5 .form-group:nth-of-type(2) { width: 24%; } .search-section.search-section-v5 .form-group:nth-of-type(2) .input-group { width: 100%; } .search-section.search-section-v5 .form-group:nth-of-type(3) { width: 14%; } .search-section.search-section-v5 .form-group:last-of-type { margin: 0; } .search-section.search-section-v5 .form-group .input-group-addon { background: #f0f0f0; width: 40px; height: 40px; box-shadow: none; border: #f0f0f0; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-section.search-section-v5 .form-group .input-group-addon i { color: #232323; } .search-section.search-section-v5 .form-group select { background: #f0f0f0; border: 1px solid #f0f0f0; box-shadow: none; border-radius: 3px; } .search-section.search-section-v5 .form-group .form-control { border: 1px solid #fff; } .search-section.search-section-v5 .form-group button { width: 100%; height: 40px; text-transform: uppercase; background: none; border: 2px solid #b6d91a; color: #b6d91a; line-height: 37px; font-size: 14px; padding: 0 20px; border-radius: 3px; } .search-section.search-section-v5 .form-group button:hover { background: #b6d91a; color: #fff; border-color: #b6d91a; } .search-section.search-section-v6 .form-v6-bg { background: rgba(0, 0, 0, 0.25); border-radius: 1000px; padding: 10px; } .search-section-v6 form #getLocation{ left: auto; right: 0; padding: 18px 10px; } @media only screen and (min-width: 320px) and (max-width: 1000px) { .search-section.search-section-v6 .form-v6-bg .form-group { display: block; width: 100% !important; margin-bottom: 5px; } } @media only screen and (min-width: 1001px) and (max-width: 1199px) { .search-section.search-section-v6 .form-v6-bg .form-group { margin-right: 8px; } } .search-section.search-section-v6 .form-v6-bg .form-group:nth-of-type(1) { width: 19%; } .search-section.search-section-v6 .form-v6-bg .form-group:nth-of-type(2) { width: 36.5%; } .search-section.search-section-v6 .form-v6-bg .form-group:nth-of-type(2) .input-group { width: 100%; } .search-section.search-section-v6 .form-v6-bg .form-group:nth-of-type(2) .input-group .form-control { border-radius: 0; } .search-section.search-section-v6 .form-v6-bg .form-group:nth-of-type(3) { width: 26%; } .search-section.search-section-v6 .form-v6-bg .form-group:nth-of-type(3) .input-group { width: 100%; } .search-section.search-section-v6 .form-v6-bg .form-group:nth-of-type(3) .input-group .form-control { border-radius: 0; } .search-section.search-section-v6 .form-v6-bg .form-group:last-of-type { margin: 0; width: 17%; } .search-section.search-section-v6 .form-v6-bg .form-group select { border: 1px solid #f0f0f0; box-shadow: none; border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-section.search-section-v6 .form-v6-bg .form-group .form-control { border: 1px solid #fff; padding-left: 50px; } .search-section.search-section-v6 .form-v6-bg .form-group button { width: 100%; height: 60px; text-transform: uppercase; background: none; background: #b6d91a; line-height: 37px; font-size: 16px; padding: 0 20px; color: #232323; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border: 1px solid #b6d91a; font-weight: bold; } .search-section.search-section-v6 .form-v6-bg .form-group .inner-addon .form-icon { font-size: 18px; padding: 21px 13px; } .search-section.search-section-v6 .form-v6-bg .form-group .inner-addon.left-addon.right-addon .left-form-icon { font-size: 24px; padding: 18px 13px; } .search-section.search-section-v6.search-section-v7 .form-v6-bg { border-radius: 5px; } .search-section.search-section-v6.search-section-v7 .form-group select { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .search-section.search-section-v6.search-section-v7 .form-group button { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .search-section .icon-with-btn-right { margin-left: 18px; width: 40px; height: 40px; line-height: 39px; font-size: 13px; color: inherit; background: rgba(34, 39, 46, 0.3); border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* ========================================================================== simple image sliders ========================================================================== */ .classiera-simple-bg-slider { /*background: url("../images/sectionlight.png") left bottom repeat-x, url("../images/pattren.png") left top repeat; background-size: auto, cover;*/ padding: 115px 0 156px 0; background-blend-mode: multiply; -o-background-blend-mode: multiply; } .classiera-simple-bg-slider .classiera-simple-bg-slider-content h1 { font-size: 46px; font-weight: normal; margin-top: 0; margin-bottom: 24px; } .classiera-simple-bg-slider .classiera-simple-bg-slider-content h1 span { font-weight: bold; } .classiera-simple-bg-slider .classiera-simple-bg-slider-content h4 { font-size: 20px; font-weight: 300; max-width:750px; margin:auto; margin-top: 0; margin-bottom: 35px !important; } .category-slider-small-box ul li { padding: 0 2px; margin-bottom: 4px; position: relative; } .category-slider-small-box ul li img { position: absolute; left: -170%; top: -50px; z-index: 1; } .category-slider-small-box ul li a { display: inline-block; width: 100px; text-align: center; padding: 13px 0; color: #f0f0f0; vertical-align: middle; word-wrap: break-word; background: #232323; border-radius: 5px; } .category-slider-small-box ul li a img{ position: static; width: 20px; height: 20px; margin-bottom: 5px; } .category-slider-small-box ul li a i { color: inherit; margin-bottom: 8px; font-size: 28px; } .category-slider-small-box ul li a p { line-height: 15px; text-align: center; text-transform: capitalize; font-size: 13px; color: inherit; margin: 0; } .category-slider-small-box ul li a:hover { background: #b6d91a; color: #232323; } .category-slider-small-box.outline-box ul li a { color: #232323 !important; background: transparent !important; border: 2px solid #232323 !important; } .category-slider-small-box.outline-box ul li a:hover { background: #232323 !important; color: #b6d91a !important; } /* ========================================================================== static slider ========================================================================== */ .classiera-static-slider { background-color: #232323 !important; background-size: cover; padding: 100px 0; background-blend-mode: multiply; } .classiera-static-slider .classiera-static-slider-content { margin-bottom: 50px; } .classiera-static-slider .classiera-static-slider-content h1 { color: #fff; font-size: 48px; } .classiera-static-slider .classiera-static-slider-content h2 { font-size: 36px; color: #d1d1d1; max-width:960; margin:auto; font-weight: 300; margin-bottom: 0; } .classiera-static-slider .classiera-static-slider-content h2 span { font-weight: 500; color: #fff; } .classiera-static-slider-v2 { background-color: #fafafa !important; background-blend-mode: multiply; padding: 100px 0; } .classiera-static-slider-v2 .classiera-static-slider-content { margin-bottom: 50px; } .classiera-static-slider-v2 .classiera-static-slider-content h1 { color: #232323; font-size: 48px; } .classiera-static-slider-v2 .classiera-static-slider-content h2 { font-size: 36px; color: #232323; font-weight: 300; margin-bottom: 0; } .classiera-static-slider-v2 .classiera-static-slider-content h2 span { font-weight: 500; color: #232323; } /* ========================================================================== section headings ========================================================================== */ .section-heading-v1 { margin-bottom: 50px; } .section-heading-v1 h3 { text-align: center; margin-bottom: 30px; } .section-heading-v1 p { font-size: 16px; color: #6c6c6c; text-align: center; } .section-heading-v1.section-heading-with-icon h3 { border-bottom: 1px solid #e0e0e0; position: relative; padding-bottom: 30px; } .section-heading-v1.section-heading-with-icon h3 i { bottom: -13px; left: 0; margin: 0 auto; position: absolute; right: 0; background: #fff; display: inline-block; width: 50px; color: #b6d91a; } .section-heading-v1.section-heading-with-icon p { color: #8e8e8e; } .section-heading-v5 { margin-bottom: 50px; text-align: center; } .section-heading-v5 h3 { color: #232323; font-weight: normal; } .section-heading-v5 p { font-size: 14px; color: #6c6c6c; line-height: 2; } .section-heading-v6 { margin-bottom: 50px; text-align: center; } .section-heading-v6 h3 { color: #232323; font-weight: bold; } .section-heading-v6 p { font-size: 18px; color: #6c6c6c; line-height: 1.7; } /* ========================================================================== premium carousel ========================================================================== */ .premium-carousel-v1 { margin-bottom: 56px; } .classiera-premium-ads-v2 { padding: 30px 0 40px 0; background: #f6f6f6; } .classiera-premium-ads-v3 { padding: 100px 0 50px 0; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure { position: relative; overflow: hidden; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure .premium-img { height: 250px; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure .premium-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption { bottom: -100px; position: absolute; background: #fff; padding: 4px 15px; border-bottom: 1px solid #e0e0e0; width: 100%; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption .price { position: absolute; top: -50px; color: #232323; background: #fff; border-radius: 3px; text-align: center; display: table; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption .price span { display: table-cell; font-size: 13px; color: #fff; font-weight: bold; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption .price span i{ color: #fff; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption .price span:first-of-type { padding: 3px 9px; background: #b6d91a; border-radius: 3px; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption .price span:last-of-type { padding: 0 15px; color: #232323; font-size: 12px; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption h5 { margin-bottom: 12px; line-height: 1.5; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption h5 a { color: #232323; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption h5 a:hover { color: #b6d91a; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption p { margin-bottom: 5px; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption p img{ width: 20px; height: 20px; display: inline-block; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption p a { color: #8e8e8e; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption p a:hover { color: #b6d91a; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure figcaption p span { margin: 0 10px; } .classiera-premium-ads-v3 .premium-carousel-v3 .item figure:hover figcaption { visibility: visible; bottom: 0; } .classiera-premium-ads-v3 .premium-carousel-v3 .owl-dots { position: absolute; bottom: -66px; left: 50%; } .classiera-premium-ads-v3 .premium-carousel-v3 .owl-dots .owl-dot span { border-radius: 0; background: #e0e0e0; } .classiera-premium-ads-v3 .premium-carousel-v3 .owl-dots .owl-dot.active span, .classiera-premium-ads-v3 .premium-carousel-v3 .owl-dots .owl-dot:hover span { background: #232323; } .classiera-premium-ads-v3 .navText .prev { margin-right: 10px; } .classiera-premium-ads-v3 .navText .next { margin-left: 10px; } .classiera-premium-ads-v3 .navText a { width: 26px; height: 26px; line-height: 26px; padding: 0; text-align: center; border: 1px solid #e0e0e0; border-radius: 2px; } .classiera-premium-ads-v3 .navText a i { padding: 0; font-size: 14px; color: #232323; } .classiera-premium-ads-v3 .navText a:hover i { color: #fff; } .classiera-premium-ads-v3 .navText span { text-transform: uppercase; font-size: 12px; color: #232323; font-weight: bold; } .classiera-premium-ads-v3 .navText span:first-of-type { margin-right: 150px; } .classiera-premium-ads-v3 .navText span:last-of-type { margin-left: 150px; } .classiera-premium-ads-v5 { background: #f8f7f6; padding-left: 10px; padding-right: 10px; } .classiera-premium-ads-v5 .classiera-box-div-v5 figure figcaption { text-align: center; } .classiera-premium-ads-v5 .classiera-box-div-v5 figure figcaption h5 a { font-size: 14px; } .classiera-premium-ads-v5 .navText a { margin-right: 10px; } .classiera-premium-ads-v6 { padding-left: 10px; padding-right: 10px; } .classiera-premium-ads-v6 .classiera-box-div-v6 figure .premium-img { height: 370px; } .classiera-premium-ads-v6 .classiera-box-div-v6 figure .premium-img img { border-radius: 10px; } /* ========================================================================== featured tag ========================================================================== */ .featured-tag .featured { border-bottom: 30px solid #03b0f4; border-left: 30px solid transparent; border-right: 31px solid transparent; content: ""; height: 0; position: absolute; right: -39px; text-align: center; top: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 130px; z-index: 2; -webkit-box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2); } .featured-tag .featured p { color: #fff; font-weight: bold; font-size: 16px; font-family: 'Lato', sans-serif; line-height: 2; } .featured-tag .left-corner { background: #017fb1 none repeat scroll 0 0; display: inline-block; height: 8px; position: absolute; right: 71px; top: -8px; width: 12px; z-index: 1; } .featured-tag .right-corner { background: #017fb1 none repeat scroll 0 0; display: inline-block; height: 12px; position: absolute; right: -9px; top: 72px; width: 9px; z-index: 1; } .featured-tag-v2 { border-top: 85px solid #f54f5e; border-left: 85px solid transparent; position: absolute; right: 0; top: 0; z-index: 1; } .featured-tag-v2 p { position: absolute; z-index: 2; line-height: 15px; right: 1px; top: -73px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); text-align: center; color: #fff; text-transform: capitalize; font-weight: bold; } /* ========================================================================== classiera-box-divs ========================================================================== */ .classiera-box-div-v1 { margin-bottom: 50px; position: relative; } .classiera-box-div-v1 figure .premium-img { border: 1px solid #e0e0e0; border-bottom: none; position: relative; height: 250px; } .classiera-box-div-v1 figure .premium-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-box-div-v1 figure figcaption { padding-left: 20px; background: #fff; border: 1px solid #e0e0e0; position: relative; } .classiera-box-div-v1 figure figcaption h5 { margin-bottom: 15px; } .classiera-box-div-v1 figure figcaption h5 a { text-transform: uppercase; line-height: 1.42857; text-decoration: none; color: #232323; } .classiera-box-div-v1 figure figcaption p { margin-bottom: 15px; padding-top: 3px; padding-left: 50px; color: #aaa; text-transform: capitalize; } .classiera-box-div-v1 figure figcaption p a { text-decoration: none; color: #aaa; } .classiera-box-div-v1 figure figcaption p a:hover { color: #232323; } .classiera-box-div-v1 figure figcaption .category-icon-box { display: inline-block; width: 40px; text-align: center; padding-bottom: 14px; margin-right: 12px; position: absolute; bottom: -8px; } .classiera-box-div-v1 figure figcaption .category-icon-box i { color: #fff; font-size: 16px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; } .classiera-box-div-v1 figure figcaption .category-icon-box img { display: inline-block !important; height: 100%; padding-top: 10px; width: 16px !important; padding-bottom: 10px; border-bottom: 1px solid #fff; } .classiera-box-div-v1 figure figcaption .category-icon-box:before, .classiera-box-div-v1 figure figcaption .category-icon-box:after { content: ""; width: 0; height: 0; position: absolute; right: -8px; bottom: 0; z-index: 1; border-right: 8px solid transparent; border-top: 8px solid currentColor; } .classiera-box-div-v1 figure figcaption .category-icon-box:before { border-top: 8px solid rgba(0, 0, 0, 0.18); z-index: 2; } .classiera-box-div-v1 figure:hover .premium-img .hover-posts { visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .classiera-box-div-v1 .classiera-price-tag { position: absolute; display: inline-block; padding: 5px 26px 5px 20px; font-size: 14px; font-weight: bold; right: -8px; top: 200px; z-index: 3; } .classiera-box-div-v1 .classiera-price-tag .price-text { color: #fff; } .classiera-box-div-v1 .classiera-price-tag:before, .classiera-box-div-v1 .classiera-price-tag:after { content: ''; position: absolute; right: 0; bottom: -7px; width: 0; height: 0; border-top: 8px solid currentcolor; border-right: 8px solid transparent; z-index: -2; } .classiera-box-div-v1 .classiera-price-tag:after { bottom: -8px; border-top: 8px solid rgba(0, 0, 0, 0.18); z-index: -1; } .classiera-box-div-v2 { background: #fff; border: 1px solid #e0e0e0; position: relative; border-radius: 10px; } .classiera-box-div-v2 figure .premium-img { position: relative; height: 200px; margin-bottom: 30px; } .classiera-box-div-v2 figure .premium-img img { border-top-left-radius: 10px; border-top-right-radius: 10px; height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-box-div-v2 figure .premium-img .hover-posts { border-top-left-radius: 10px; border-top-right-radius: 10px; } .classiera-box-div-v2 figure:hover .premium-img .hover-posts { visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .classiera-box-div-v2 figure figcaption { padding: 0 15px; position: relative; } .classiera-box-div-v2 figure figcaption .category-box { height: 30px; line-height: 30px; font-size: 13px; text-transform: capitalize; text-decoration: none; color: #fff; display: inline-block; border-radius: 3px; position: absolute; top: -45px; left: 15px; z-index: 5; } .classiera-box-div-v2 figure figcaption .category-box i { color: inherit; width: 30px; text-align: center; } .classiera-box-div-v2 figure figcaption .category-box img{ width: 30px; height: auto; padding: 0 5px; display: inline-block; } .classiera-box-div-v2 figure figcaption .category-box span { background: rgba(0, 0, 0, 0.25); height: 30px; display: inline-block; padding: 0 10px; } .classiera-box-div-v2 figure figcaption h5 { margin: 5px 0; } .classiera-box-div-v2 figure figcaption h5 a { color: #232323; text-transform: uppercase; line-height: 1.7; } .classiera-box-div-v2 figure figcaption h5 a:hover { color: #b6d91a; } .classiera-box-div-v2 figure figcaption p { color: #6c6c6c; margin-bottom: 20px; } .classiera-box-div-v2 figure figcaption p span { color: #b6d91a; font-size: 16px; font-weight: bold; } .classiera-box-div-v3 { background: #fff; position: relative; } .classiera-box-div-v3 figure { margin-bottom: 30px; } .classiera-box-div-v3 figure .premium-img { position: relative; height: 220px; } .classiera-box-div-v3 figure .premium-img img { height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-box-div-v3 figure:hover .premium-img .hover-posts { visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .classiera-box-div-v3 figure figcaption { padding: 10px 15px; position: relative; } .classiera-box-div-v3 figure figcaption .price { position: absolute; top: -40px; color: #232323; background: #fff; border-radius: 3px; text-align: center; display: table; z-index: 100; } .classiera-box-div-v3 figure figcaption .price span { display: table-cell; font-size: 13px; color: #fff; font-weight: bold; } .classiera-box-div-v3 figure figcaption .price span i{ color: #fff; } .classiera-box-div-v3 figure figcaption .price span:first-of-type { padding: 3px 9px; background: #b6d91a; border-radius: 3px; } .classiera-box-div-v3 figure figcaption .price span:last-of-type { padding: 0 15px; color: #232323; font-size: 12px; } .classiera-box-div-v3 figure figcaption h5 { margin-bottom: 15px; } .classiera-box-div-v3 figure figcaption h5 a { color: #232323; line-height: 1.5; } .classiera-box-div-v3 figure figcaption h5 a:hover { color: #b6d91a; } .classiera-box-div-v3 figure figcaption span.category { display: inline-block; font-size: 13px; color: #aaaaaa; margin-bottom: 5px; } .classiera-box-div-v3 figure figcaption span.category img{ width: 20px; height: 20px; } .classiera-box-div-v3 figure figcaption span.category i { margin-right: 10px; } .classiera-box-div-v3 figure figcaption span.category a { color: inherit; font-size: inherit; margin-left: 10px; } .classiera-box-div-v3 figure figcaption span.category a:hover { color: #b6d91a; } .classiera-box-div-v4 { border: 1px solid #d2d2d2; background: #fff; border-bottom-width: 3px; } .classiera-box-div-v4 figure:hover .premium-img .hover-posts { visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .classiera-box-div-v4 figure .premium-img { overflow: hidden; padding: 5px; border-bottom: 1px solid #d2d2d2; } .classiera-box-div-v4 figure .premium-img .premium-img-inner { position: relative; } .classiera-box-div-v4 figure .premium-img img { width: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-box-div-v4 figure .premium-img .category { background: url("../images/gradient.png") repeat; position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 0 10px 10px; z-index: 10; } .classiera-box-div-v4 figure .premium-img .category span { width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; border-radius: 3px; margin-right: 10px; } .classiera-box-div-v4 figure .premium-img .category span img{ width: 20px; height: 20px; } .classiera-box-div-v4 figure .premium-img .category span i { color: #fff; font-size: 16px; } .classiera-box-div-v4 figure .premium-img .category a { font-size: 14px; color: #fff; text-transform: capitalize; font-weight: 600; } .classiera-box-div-v4 figure figcaption { padding: 19px 30px 16px 15px; } .classiera-box-div-v4 figure figcaption h5 a { color: #232323; margin-bottom: 20px; font-size: 16px; line-height: 1.6; } .classiera-box-div-v4 figure figcaption h5 a:hover { color: #b6d91a; } .classiera-box-div-v4 figure figcaption .price .amount { font-size: 20px; font-weight: 600; } .classiera-box-div-v5 figure { -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; } .classiera-box-div-v5 figure .premium-img { height: 250px; width: 100%; position: relative; } .classiera-box-div-v5 figure .premium-img img { border-top-right-radius: 5px; border-top-left-radius: 5px; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-box-div-v5 figure .premium-img .price { display: inline-block; font-size: 14px; color: #fff; text-transform: uppercase; padding: 8px 15px 8px 15px; background: #b6d91a; position: absolute; left: 26px; bottom: 20px; border-radius: 5px; z-index: 10; } .classiera-box-div-v5 figure .premium-img .hover-posts a { font-size: 16px; color: white; text-transform: capitalize; } .classiera-box-div-v5 figure figcaption { padding: 30px 25px; } .classiera-box-div-v5 figure figcaption h5 { margin-bottom: 24px; } .classiera-box-div-v5 figure figcaption h5 a { font-size: 16px; color: #232323; line-height: 1.6; font-weight: normal; text-transform: uppercase; font-size: 16px; } .classiera-box-div-v5 figure figcaption h5 a:hover { color: #b6d91a; } .classiera-box-div-v5 figure figcaption .category span { display: inline-block; margin-bottom: 0; color: #8f9396; font-size: 13px; text-transform: capitalize; margin-right: 20px; } .classiera-box-div-v5 figure figcaption .category span a { color: inherit; font-size: inherit; } .classiera-box-div-v5 figure figcaption .category span a:hover { color: #b6d91a; } .classiera-box-div-v5 figure:hover .premium-img .hover-posts { visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .classiera-box-div-v6 figure { position: relative; overflow: hidden; -webkit-transform: translateZ(0); border-radius: 10px; } .classiera-box-div-v6 figure .featured { position: absolute; top: -60px; right: -60px; z-index: 1; border-top-right-radius: 10px; text-align: center; width: 120px; height: 120px; background: #03b0f4; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .classiera-box-div-v6 figure .featured p { bottom: 8px; color: #fff; font-weight: bold; left: -2px; margin: auto; position: absolute; right: 0; } .classiera-box-div-v6 figure .premium-img { width: 100%; height: 370px; position: relative; overflow: hidden; } .classiera-box-div-v6 figure .premium-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-box-div-v6 figure .premium-img .price { display: inline-block; position: absolute; top: 20px; left: 20px; z-index: 10; } .classiera-box-div-v6 figure .premium-img .price.btn-primary.active { background: #b6d91a; color: #232323; font-size: 18px; font-weight: bold; padding: 8px 28px; } .classiera-box-div-v6 figure figcaption { position: absolute; background: rgba(35, 35, 35, 0.9); top: 0; left: 0; height: 100%; width: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 100px 20px 0 20px; } .classiera-box-div-v6 figure figcaption .content > a { font-size: 16px; font-weight: 600; text-transform: capitalize; color: #fff; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; display: inline-block; } .classiera-box-div-v6 figure figcaption .content > a i { color: inherit; margin-left: 20px; } .classiera-box-div-v6 figure figcaption .content > a:hover { color: #b6d91a; } .classiera-box-div-v6 figure figcaption .content h5 { transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .classiera-box-div-v6 figure figcaption .content h5 a { font-size: 20px; color: #fff; } .classiera-box-div-v6 figure figcaption .content h5 a:hover { color: #b6d91a; } .classiera-box-div-v6 figure figcaption .content .category { margin-bottom: 20px; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .classiera-box-div-v6 figure figcaption .content .category span { display: inline-block; color: #b6d91a; } .classiera-box-div-v6 figure figcaption .content .category span a { color: inherit; } .classiera-box-div-v6 figure figcaption .content .description { transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; padding-right: 50px; line-height: 26px; } .classiera-box-div-v6 figure figcaption .content .description p { color: #fff; display: -webkit-box; max-width: 100%; height: 84px; /* Fallback for non-webkit */ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .classiera-box-div-v6 figure .box-div-heading { background: #273b40; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom, rgba(39, 59, 64, 0.1) 2%, rgba(39, 59, 64, 0.9) 20%); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom, rgba(39, 59, 64, 0.1) 2%, rgba(39, 59, 64, 0.9) 20%); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom, rgba(39, 59, 64, 0.1) 2%, rgba(39, 59, 64, 0.9) 20%); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 2%, rgba(39, 59, 64, 0.9) 20%); /*Standard*/ position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .classiera-box-div-v6 figure .box-div-heading h4 a { color: white; line-height: 28px; } .classiera-box-div-v6 figure .box-div-heading .category span { color: #b6d91a; } .classiera-box-div-v6 figure .box-div-heading .category span a { color: inherit; } .classiera-box-div-v6 figure:hover figcaption { opacity: 1; z-index:10; border-radius: 10px; } .classiera-box-div-v6 figure:hover figcaption .content > a { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .classiera-box-div-v6 figure:hover figcaption .content h5 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .classiera-box-div-v6 figure:hover figcaption .content .category { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .classiera-box-div-v6 figure:hover figcaption .content .description { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .classiera-box-div-v6 figure:hover .box-div-heading { transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .classiera-box-div-v7 figure { position: relative; height: 370px; overflow: hidden; } .classiera-box-div-v7 figure .featured { position: absolute; top: -60px; right: -60px; z-index: 1; border-top-right-radius: 10px; text-align: center; width: 120px; height: 120px; background: #03b0f4; transform: rotate(45deg); } .classiera-box-div-v7 figure .featured p { bottom: 8px; color: #fff; font-weight: bold; left: -2px; margin: auto; position: absolute; right: 0; } .classiera-box-div-v7 figure .premium-img { height: 250px; } .classiera-box-div-v7 figure .premium-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-box-div-v7 figure figcaption { position: absolute; bottom: 0; background: #fafafa; padding: 20px; width: 100%; height: 120px; } .classiera-box-div-v7 figure figcaption .caption-tags { position: absolute; top: -46px; left: 0; right: 0; } .classiera-box-div-v7 figure figcaption .caption-tags .price { position: absolute; left: 20px; background: #b6d91a; color: #232323; } .classiera-box-div-v7 figure figcaption .caption-tags .buy-sale-tag { position: absolute; right: 20px; } .inner-page-content .advertisement-v7 .classiera-box-div-v7 .buy-sale-tag{ left: 20px; top: -50px; right:auto; } .classiera-box-div-v7 figure figcaption .content h5 { margin-top: 0; margin-bottom: 15px; max-width: 100%; /* height: 56px; */ /* Fallback for non-webkit */ -webkit-line-clamp: 2 !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .classiera-box-div-v7 figure figcaption .content h5 a { font-size: 20px; line-height: 1.4; font-weight: normal; color: #232323; } .classiera-box-div-v7 figure figcaption .content .category { margin-bottom: 15px; } .classiera-box-div-v7 figure figcaption .content .category span { color: #6c6c6c; } .classiera-box-div-v7 figure figcaption .content .category span a { color: #6c6c6c; } .classiera-box-div-v7 figure figcaption .content .description { padding-top: 10px; } .classiera-box-div-v7 figure figcaption .content .description p { font-size: 15px; line-height: 26px; color: #6c6c6c; max-width: 100%; height: 56px; /* Fallback for non-webkit */ -webkit-line-clamp: 2 !important; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .classiera-box-div-v7 figure figcaption .content > a { font-size: 16px; color: #232323; } .classiera-box-div-v7 figure figcaption .content > a i { font-size: inherit; color: inherit; padding-left: 10px; } .classiera-box-div-v7 figure:before { content: ''; display: block; margin: auto; position: absolute; bottom: 0; width: 100%; background: #e0e0e0; z-index: 1; height: 3px; } .classiera-box-div-v7 figure:after { content: ''; display: block; margin: auto; height: 3px; position: relative; bottom: -117px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; -webkit-transition: width .5s ease, background-color .5s ease; -moz-transition: width .5s ease, background-color .5s ease; -ms-transition: width .5s ease, background-color .5s ease; -o-transition: width .5s ease, background-color .5s ease; z-index: 3; } .classiera-box-div-v7 figure:hover:after { width: 100%; background: #232323; } .classiera-box-div-v7 figure:hover figcaption { height: 240px; background: #b6d91a; } .classiera-box-div-v7 figure:hover figcaption .content .category span { color: #232323; } .classiera-box-div-v7 figure:hover figcaption .content .category span a { color: #232323; } .navText { text-align: center; } .classiera-category-ads-v4 .category-box { width: 100%; height: 250px; position: relative; overflow: hidden; border-radius: 5px; margin-bottom: 30px; } .classiera-category-ads-v4 .category-box img { height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-category-ads-v4 .category-box .category-box-over { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.3); } .classiera-category-ads-v4 .category-box .category-box-over .category-box-content { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .classiera-category-ads-v4 .category-box .category-box-over .category-box-content span { display: inline-block; width: 60px; height: 60px; line-height: 60px; border-radius: 5px; } .classiera-category-ads-v4 .category-box .category-box-over .category-box-content span img{ width: 25px; height: 25px; } .classiera-category-ads-v4 .category-box .category-box-over .category-box-content span i { color: #fff; font-size: 24px; line-height: inherit; } .classiera-category-ads-v4 .category-box .category-box-over .category-box-content h3 { color: #fff; text-transform: capitalize; } .classiera-category-ads-v4 .category-box .category-box-over .category-box-content h3 a { color: inherit; } .classiera-category-ads-v4 .category-box .category-box-over .category-box-content h3 a:hover { color: #b6d91a; } .classiera-category-ads-v4 .category-box .category-box-over .category-box-content p { font-size: 13px; color: #fff; } /* ========================================================================== categories ========================================================================== */ .category-v1 .category-box { padding: 20px; border-bottom: 4px solid #e0e0e0; position: relative; margin-bottom: 50px; } .category-v1 .category-box .category-heading { padding-left: 80px; padding-bottom: 20px; margin-bottom: 30px; } .category-v1 .category-box .category-heading h4 { margin-top: 0; text-transform: uppercase; margin-bottom: 5px; } .category-v1 .category-box .category-heading p { color: #aaaaaa; margin-bottom: 0; } .category-v1 .category-box .category-heading .category-icon-box { width: 60px; text-align: center; padding: 30px 0 18px 0; display: inline-block; position: absolute; left: 20px; top: -9px; } .category-v1 .category-box .category-heading .category-icon-box i { color: #fff; font-size: 24px; } .category-v1 .category-box .category-heading .category-icon-box img { width: 24px; display: inline-block; } .category-v1 .category-box .category-heading .category-icon-box:before, .category-v1 .category-box .category-heading .category-icon-box:after { content: ''; position: absolute; right: -9px; top: 0; width: 0; height: 0; border-bottom: 9px solid currentcolor; border-right: 9px solid transparent; z-index: -2; } .category-v1 .category-box .category-heading .category-icon-box:after { border-bottom: 8px solid rgba(0, 0, 0, 0.18); z-index: -1; } .category-v1 .category-box .category-heading .category-icon-box .category-icon-box-border { width: 60px; height: 3px; position: absolute; left: 0; bottom: -22px; } .category-v1 .category-box .category-content ul { list-style: none; margin-bottom: 25px; } .category-v1 .category-box .category-content ul li { margin-bottom: 10px; } .category-v1 .category-box .category-content ul li a { text-transform: capitalize; display: block; text-decoration: none; font-size: 14px; color: #6c6c6c; } .category-v1 .category-box .category-content ul li a:hover { color: #232323; } .category-v1 .category-box .category-content ul li a span { float: right; } .category-v1 .category-box .category-content .view-button { text-align: right; } .category-v2 .category-box { margin-bottom: 30px; border-radius: 10px; } .category-v2 .category-box .category-heading .category-icon-box { width: 60px; height: 60px; line-height: 70px; text-align: center; background: #fafafa; border-right: 1px solid #e0e0e0; border-top-left-radius: 10px; margin-right: 15px; } .category-v2 .category-box .category-heading .category-icon-box img{ width: 30px; height: 30px; } .category-v2 .category-box .category-heading .category-icon-box i { font-size: 24px; } .category-v2 .category-box .category-heading .category-heading-content { padding-top: 14px; } .category-v2 .category-box .category-heading .category-heading-content h4 { margin: 0; } .category-v2 .category-box .category-heading .category-heading-content p { margin: 0; } .category-v2 .category-box .category-content { padding: 15px; } .category-v2 .category-box .category-content ul { list-style: none; } .category-v2 .category-box .category-content ul li a { background: #fafafa; color: #6c6c6c; font-size: 13px; display: block; border-radius: 3px; margin-bottom: 5px; height: 30px; line-height: 30px; padding-right: 20px; } .category-v2 .category-box .category-content ul li a i { width: 30px; margin-right: 10px; text-align: center; font-size: 14px; display: inline-block; padding: 8px 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .category-v2 .category-box .category-content ul li a span { float: right; } .category-v2 .category-box .category-content ul li a:hover { color: #fff; } .category-v2 .category-box .category-content ul li a:hover i { background: #232323; color: #fff; } .category-v2 .category-box .category-content .view-button { padding: 10px 0; } .category-v2 .category-box .category-content .view-button a { font-size: 14px; text-transform: capitalize; font-weight: bold; color: #232323; } .category-v2 .category-box .category-content .view-button a i { padding-left: 10px; } .category-v2 .category-box .category-content .view-button a:hover { color: #b6d91a; } .category-v3 .category-box { display: table; padding-bottom: 30px; margin-bottom: 50px; } .category-v3 .category-content { display: table-cell; vertical-align: top; } .category-v3 .category-content .category-icon { margin-right: 15px; min-height: 62px; min-width: 62px; padding: 5px; border-radius: 3px; position: relative; text-align: center; display: inline-block; } .category-v3 .category-content .category-icon img{ position: absolute; width: 20px; height: 20px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .category-v3 .category-content .category-icon i { width: 50px; height: 50px; line-height: 50px; border-radius: 3px; color: #fff; font-size: 18px; } .category-v3 .category-content h4 { font-size: 20px; } .category-v3 .category-content h4 a { color: #232323; } .category-v3 .category-content h4 a:hover { color: #b6d91a; } .category-v3 .category-content p { color: #aaaaaa; font-size: 13px; margin-bottom: 24px; } .category-v3 .category-content p.category-description { color: #6c6c6c; font-size: 14px; } .category-v3 .category-content .view-all { font-size: 14px; font-weight: bold; color: #232323; } .category-v3 .category-content .view-all i { margin-left: 10px; } .category-v3 .category-content .view-all:hover { color: #b6d91a; } .menu-category { background: #f6f6f6; } .menu-category .navbar-header .navbar-brand { padding: 10px 0; color: #232323; font-size: 13px; font-weight: 600; margin-right: 15px; height: 40px; } .menu-category .navbar-nav > li > a { border-left: 1px solid #e6e6e6; padding: 10px 15px; font-size: 13px; color: #6c6c6c; font-weight: 600; text-transform: capitalize; } .menu-category .navbar-nav > li > a img{ width: 20px; height: 20px; } .menu-category .navbar-nav > li > a i { font-size: 13px; margin-right: 10px; } .menu-category .navbar-nav > li > a:hover, .menu-category .navbar-nav > li > a:active, .menu-category .navbar-nav > li > a:focus { color: #232323; background: none; border-left: 1px solid #e6e6e6; } .menu-category .navbar-nav > li:last-of-type a { padding-right: 0; } .menu-category .dropdown-menu { box-shadow: none; border-right: none; border-left: none; border-bottom: none; min-width: 240px; padding: 20px 0; } .menu-category .dropdown-menu li { margin-bottom: 10px; } .menu-category .dropdown-menu li a { color: #6c6c6c; font-size: 12px; padding: 3px 20px; display: block; white-space: normal; } .menu-category .dropdown-menu li a img{ width: 20px; height: 20px; margin-right: 10px; } .menu-category .dropdown-menu li a i { margin-right: 10px; } .menu-category .dropdown-menu li a span { float: right; } .menu-category .dropdown-menu li a:hover { color: #232323; background: none; } .menu-category .dropdown-menu li:last-of-type { margin-bottom: 0; } @media only screen and (min-width: 1025px) { .menu-category .navbar-nav .dropdown:hover .dropdown-menu { display: block; } } .category-v5 { background: #f8f7f6; } .category-v5 .categories { margin: 0; margin-bottom: 50px; } .category-v5 .categories li { vertical-align: top; width: 16%; color: #232323; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 27px 25px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; } .category-v5 .categories li .category-content { width: 100%; } .category-v5 .categories li .category-content i { font-size: 46px; color: inherit; margin-bottom: 20px; } .category-v5 .categories li .category-content img { margin-bottom: 20px; width: 46px; } .category-v5 .categories li .category-content svg { margin-bottom: 20px; width: 46px; } .category-v5 .categories li .category-content h4 { margin: 0; } .category-v5 .categories li .category-content h4 a { color: #232323; font-size: 16px; font-weight: normal; text-transform: capitalize; } .category-v5 .categories li .category-content h4 a:hover { color: #b6d91a; } .category-v6 .section-heading-v6 h3.text-capitalize{ text-transform:capitalize; font-size:36px; line-height:36px; font-weight:700; font-style:normal; } .category-v6 .category-box { margin-bottom: 30px; } .category-v6 .category-box figure { position: relative; height: 400px; border-radius: 10px; overflow: hidden; } .category-v6 .category-box figure img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; border-radius: 10px; } .category-v6 .category-box figure figcaption { position: absolute; bottom: 0; padding: 30px 30px; } .category-v6 .category-box figure figcaption > span { display: inline-block; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 10px; margin-bottom: 20px; } .category-v6 .category-box figure figcaption > span > img{ width: 50px; height: 50px; } .category-v6 .category-box figure figcaption > span i { color: #232323; font-size: 36px; line-height: 80px; } .category-v6 .category-box figure figcaption h3 { margin-top: 0; margin-bottom: 10px; } .category-v6 .category-box figure figcaption h3 a { color: #fff; } .category-v6 .category-box figure figcaption p { margin-bottom: 0; color: #fff; } .category-v6 .category-box figure .category-box-hover { transition-delay: 0.1s; transform: translateY(100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; border-radius: 10px; z-index: 5; } .category-v6 .category-box figure .category-box-hover > span { display: inline-block; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 10px; margin-bottom: 20px; background: #232323; } .category-v6 .category-box figure .category-box-hover > span img{ width: 45px; height: 45px; } .category-v6 .category-box figure .category-box-hover > span i { color: transparent; font-size: 36px; line-height: 80px; } .category-v6 .category-box figure .category-box-hover h3 { margin-top: 0; margin-bottom: 10px; } .category-v6 .category-box figure .category-box-hover h3 a { color: #232323; } .category-v6 .category-box figure .category-box-hover p { color: #232323; font-size: 14px; } .category-v6 .category-box figure .category-box-hover ul { margin-bottom: 20px; margin-left: 20px; } .category-v6 .category-box figure .category-box-hover ul li { margin-bottom: 5px; } .category-v6 .category-box figure .category-box-hover ul li a { color: #232323; } .category-v6 .category-box figure .category-box-hover ul li a i { margin-right: 20px; color: inherit; } .category-v6 .category-box figure .category-box-hover ul li:hover { transform: translate3d(8px, 0, 10px); color: #b6d91a; } .category-v6 .category-box figure .category-box-hover > a { font-size: 16px; font-weight: 600; color: #232323; } .category-v6 .category-box figure .category-box-hover > a i { font-size: inherit; color: inherit; margin-left: 10px; } .category-v6 .category-box figure:hover figcaption { opacity: 0; } .category-v6 .category-box figure:hover .category-box-hover { transform: translateY(0); } .category-v6 .view-all { padding-top: 20px; } .category-v7 .category-box { margin-bottom: 30px; } .category-v7 .category-box figure { border: 1px solid #e0e0e0; width: 100%; overflow: hidden; } .category-v7 .category-box figure .cat-img { width: 100%; height: 150px; position: relative; } .category-v7 .category-box figure .cat-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .category-v7 .category-box figure .cat-img .cat-icon { position: absolute; bottom: 10px; left: 30px; display: inline-block; width: 50px; height: 50px; border-radius: 5px; text-align: center; } .category-v7 .category-box figure .cat-img .cat-icon img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 25px; height: 25px; } .category-v7 .category-box figure .cat-img .cat-icon i { font-size: 24px; line-height: 50px; color: #232323; } .category-v7 .category-box figure figcaption { background: #fafafa; padding: 25px 30px; } .category-v7 .category-box figure figcaption h4 { margin-top: 0; margin-bottom: 5px; } .category-v7 .category-box figure figcaption h4 a { color: #232323; } .category-v7 .category-box figure figcaption p { margin-bottom: 20px; } .category-v7 .category-box figure figcaption ul { margin-left: 1.142857em; margin-bottom: 20px; } .category-v7 .category-box figure figcaption ul li a { display: block; color: #6c6c6c; margin-bottom: 5px; } .category-v7 .category-box figure figcaption ul li a:hover { transform: translateX(5px); color: #b6d91a; } .category-v7 .category-box figure figcaption > a { font-size: 16px; font-weight: 600; color: #232323; } .category-v7 .category-box figure figcaption > a i { margin-left: 10px; } .category-v7 .category-box figure figcaption > a:hover { color: #b6d91a; } .category-v7 .view-all { padding-top: 30px; } /* ========================================================================== advertisement ========================================================================== */ .classiera-advertisement .nav-tabs { border: none; } .classiera-advertisement .classiera-box-div { margin-bottom: 30px; } @media only screen and (min-width: 1000px) { .classiera-advertisement .classiera-box-div .post-tags { height: 25px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } .classiera-advertisement .item.item-grid figcaption .description { display: none; } .classiera-advertisement .item.item-grid figcaption .post-tags { display: none; } .classiera-advertisement .item.item-grid .classiera-box-div-v5 .detail { display: none; } .classiera-advertisement .item.item-grid .classiera-box-div-v5 figure figcaption .category span:last-of-type { display: none; } .classiera-advertisement .item.item-grid .classiera-box-div-v6 .detail { display: none; } .classiera-advertisement .item.item-grid .classiera-box-div-v6 .description { display: block; } .classiera-advertisement .item.item-grid .classiera-box-div-v7 figure .premium-img .caption-tags { display: none; } .classiera-advertisement .item.item-grid .classiera-box-div-v7 figure .description { display: block; } .classiera-advertisement .item.item-grid .classiera-box-div-v7 figure:after { bottom: -57px; } .inner-page-content .classiera-advertisement .masonry-content > .item-masonry{ width: 33%; padding: 0 15px; } .classiera-advertisement .masonry-content > .item-masonry{ width: 25%; padding: 0 15px; } .classiera-advertisement .masonry-content > .item-masonry figure figcaption .category { display: none; } .classiera-advertisement .masonry-content > .item-masonry figure .detail { display: none; } .classiera-advertisement .item.item-list figcaption .description { display: none; } .classiera-advertisement .item.item-list figcaption .post-tags { display: none; } .classiera-advertisement .item.item-list { float: none; width: 100%; margin-bottom: 10px; } @media only screen and (min-width: 767px) { .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v1{ background: #fff; border: 1px solid #e0e0e0; } .classiera-advertisement .item.item-list .classiera-box-div { position: relative; margin-bottom: 35px; } } .classiera-advertisement .item.item-list .classiera-box-div figure .premium-img { float: left; width: 270px; margin-right: 10px; border-bottom: none; border-top: none; border-left: none; border-right: 1px solid #e0e0e0; } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption{ border: none; } @media only screen and (min-width: 320px) and (max-width: 760px) { .classiera-advertisement .item.item-list .classiera-box-div figure .premium-img { width: 100px; height: 100px !important; } } .classiera-advertisement .item.item-list .classiera-box-div figure .premium-img .hover-posts { width: 270px; } @media only screen and (min-width: 320px) and (max-width: 760px) { .classiera-advertisement .item.item-list .classiera-box-div figure .premium-img .hover-posts { width: 100px; } } @media only screen and (min-width: 320px) and (max-width: 760px) { .classiera-advertisement .item.item-list .classiera-box-div figure .premium-img .btn-primary:active, .classiera-advertisement .item.item-list .classiera-box-div figure .premium-img .btn-primary.active { padding: 2px 5px; font-size: 8px; } } .classiera-advertisement .item.item-list .classiera-box-div figure .classiera-price-tag { bottom: auto; top: 20px; } @media only screen and (min-width: 320px) and (max-width: 760px) { .classiera-advertisement .item.item-list .classiera-box-div figure .classiera-price-tag { top: 5px; padding: 0 5px; } } @media only screen and (min-width: 320px) and (max-width: 760px) { .classiera-advertisement .item.item-list .classiera-box-div figure .classiera-price-tag .price-text { font-size: 10px; text-transform: capitalize; line-height: 2; } } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption { float: left; width: 60%; padding-top: 20px; } @media only screen and (min-width: 320px) and (max-width: 480px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption { width: 58%; padding-top: 30px; padding-left: 10px; padding-right: 0; } } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption h5 { padding-left: 60px; font-size: 18px; margin: 0; padding-right: 50px; } @media only screen and (min-width: 320px) and (max-width: 480px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption h5 { padding: 0; font-size: 10px; font-weight: normal; } } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption p { padding-left: 60px; margin-bottom: 10px; } @media only screen and (min-width: 320px) and (max-width: 480px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption p { padding: 0; margin: 0; font-size: 10px; font-weight: normal; } } @media only screen and (min-width: 767px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .category-icon-box { bottom: auto; top: 20px; } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .category-icon-box:before, .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .category-icon-box:after { border: none; } } @media only screen and (min-width: 320px) and (max-width: 640px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .category-icon-box { display: none; } } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .description { color: #6c6c6c; padding-right: 45px; line-height: 2; text-transform: inherit; } @media only screen and (min-width: 320px) and (max-width: 640px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .description { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 999px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .description { max-width: 100%; height: 56px; /* Fallback for non-webkit */ -webkit-line-clamp: 2 !important; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } @media only screen and (min-width: 1000px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .description { margin-bottom: 20px; display: -webkit-box; max-width: 100%; height: 84px; /* Fallback for non-webkit */ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } } @media only screen and (min-width: 767px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .post-tags { display: block; padding-left: 60px; } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .post-tags span { color: #232323; font-size: 13px; margin-right: 15px; display: inline-block; font-weight: bold; } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .post-tags span i { display: inline-block; margin-right: 5px; color: inherit; font-size: inherit; } } @media only screen and (min-width: 767px) { .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .post-tags a { display: inline-block; margin-right: 15px; font-size: 13px; color: #6c6c6c; text-decoration: none; } .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .post-tags a:hover { color: #232323; } } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure .premium-img { height: 250px; margin-bottom: 0; margin-right: 30px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure .premium-img img { border-bottom-left-radius: 10px; border-top-right-radius: 0 !important; object-fit: cover; -o-object-fit: cover; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure .premium-img .hover-posts { border-top-right-radius: 0; border-bottom-left-radius: 10px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure figcaption { padding: 20px 0 0 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure figcaption .category-box { position: static; margin-bottom: 15px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure figcaption .category-box img{ width: 25px; padding: 0 5px; display: inline-block; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure figcaption h5 { padding-left: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure figcaption .price { width: 100%; position: absolute; padding: 0; top: 20px; left: 100%; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure figcaption .description { padding-left: 0; margin-bottom: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v2 figure figcaption .post-tags { padding-left: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure .premium-img { height: 250px; margin-bottom: 0; margin-right: 30px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure .premium-img img { border-bottom-left-radius: 10px; border-top-right-radius: 0 !important; border-top-left-radius: 10px; object-fit: cover; -o-object-fit: cover; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption { width:74%; padding: 20px 0 0 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption .category-box { position: static; margin-bottom: 15px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption h5 { padding-left: 0; margin-bottom: 15px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption .category { margin-bottom: 15px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption .price { top: 20px; left: 80%; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption .price span:last-of-type { background: #232323; color: #fff; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption .description { padding-left: 0; margin-bottom: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption .post-tags { padding-left: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption .post-tags span i { color: #b6d91a; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure figcaption .post-tags a:hover { color: #b6d91a; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v3 figure .hover-posts { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .item-masonry .classiera-box-div.classiera-box-div-v4 .featured-tag .featured{ right: -24px; } .item-masonry .classiera-box-div.classiera-box-div-v4 .featured-tag .left-corner{ right: 86px; } .item-masonry .classiera-box-div.classiera-box-div-v4 .featured-tag .right-corner{ right: 7px; top: 71px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .premium-img { position: relative; overflow: visible; padding: 0; margin-right: 30px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .premium-img .premium-img-inner { height: 220px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .premium-img .premium-img-inner img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .premium-img .premium-img-inner .category { display: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption { padding-left: 0; padding-top: 10px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption h5 { padding-left: 0; padding-right: 100px; margin-bottom: 10px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption h5 a { font-size: 20px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption .category { margin-bottom: 10px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption .category span { width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; border-radius: 3px; margin-right: 10px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption .category span img{ width: 25px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption .category span i { color: #fff; font-size: 16px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption .category a { font-size: 14px; color: #aaaaaa; text-transform: capitalize; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption .price { display: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure figcaption .description { padding-left: 0; margin: 0; padding-right: 50px; color: #8e8e8e; text-align: justify; height: 80px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail { padding-top: 15px; padding-right: 15px; float: right; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .amount { color: #6c6c6c; font-size: 20px; font-weight: 600; margin-bottom: 30px; display: inline-block; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .box-icon a { margin-bottom: 30px; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 3px; background: #f0f0f0; display: inline-block; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .box-icon a i { font-size: 14px; color: #aaaaaa; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .box-icon a:first-of-type:hover { background: #02adff; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .box-icon a:last-of-type:hover { background: #fe4a9e; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .box-icon a:hover { background: #b6d91a; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v4 figure .detail .box-icon a:hover i { color: #fff; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .premium-img { padding: 0; margin-right: 30px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .premium-img .premium-img-inner { height: 250px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .premium-img .premium-img-inner img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .premium-img .price { display: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure figcaption { width: 57%; padding-left: 0; padding-top: 30px; padding-bottom: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure figcaption h5 { padding-left: 0; padding-right: 100px; margin-bottom: 20px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure figcaption h5 a { font-size: 18px; line-height:18px; font-weight: normal; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure figcaption .category { margin-bottom: 20px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure figcaption .description { color: #6c6c6c; font-size: 14px; padding-left: 0; margin-bottom: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .detail { padding-top: 30px; padding-right: 15px; float: right; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .detail .price { display: inline-block; font-size: 14px; color: #fff; text-transform: uppercase; padding: 8px 15px 8px 15px; background: #b6d91a; max-width:130px; border-radius: 5px; margin-bottom: 35px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .detail .box-icon { margin-bottom: 35px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .detail .box-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #f8f7f6; border: 2px solid #232323; border-radius: 5px; color: #232323; margin-right: 3px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .detail .box-icon a i { color: inherit; font-size: 18px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v5 figure .detail .box-icon a:hover { background: #232323; color: #b6d91a; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure { border: 1px solid #e0e0e0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .premium-img { padding: 0; margin-right: 30px; height: 250px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .premium-img .price { display: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .box-div-heading { display: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption { width: 55%; opacity: 1; position: static; background: #fff; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption .content > a { display: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption .content h5 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; padding-left: 0; margin-bottom: 20px; padding-right: 80px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption .content h5 a { color: #232323; line-height: 1.5; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption .content h5 a:hover { color: #b6d91a; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption .content .category { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: all 0s ease; transition: none; margin-bottom: 15px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption .content .description { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: all 0s ease; transition: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption .content .description p { color: #6c6c6c; padding-left: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .detail { padding-top: 20px; min-height: 250px; padding-right: 15px; float: right; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .detail .price.btn-primary.active { background: #b6d91a; color: #232323; font-size: 18px; font-weight: bold; padding: 8px 28px; margin-bottom: 107px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .detail .box-icon { right: 30px; bottom: 40px; z-index: 10; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .detail .box-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #f8f7f6; border: 2px solid #232323; border-radius: 5px; color: #232323; margin-right: 3px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .detail .box-icon a i { color: inherit; font-size: 18px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure .detail .box-icon a:hover { background: #232323; color: #b6d91a; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure { border: 1px solid #e0e0e0; height: auto; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure:before { height: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure:after { height: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .premium-img { height: 250px; padding: 0; overflow: hidden; position: relative; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .premium-img .caption-tags { position: absolute; top: 20px; left: 20px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .premium-img .caption-tags span { padding-left: 23px; padding-right: 23px; text-transform: capitalize; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption { width: 55%; height: auto; opacity: 1; position: static; background: #fff; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption .caption-tags { display: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption .content > a { display: none; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption .content h5 { padding-left: 0; margin-bottom: 20px; padding-right: 80px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption .content h5 a { color: #232323; line-height: 1.5; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption .content h5 a:hover { color: #b6d91a; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption .content .category { margin-bottom: 15px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption .content .description { margin-bottom: 0; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption .content .description p { color: #6c6c6c; padding-left: 0; height: 84px; /* Fallback for non-webkit */ -webkit-line-clamp: 3 !important; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .detail { padding-top: 20px; min-height: 250px; float: right; padding-right: 15px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .detail .price.btn-primary.active { background: #b6d91a; color: #232323; font-size: 18px; font-weight: bold; padding: 8px 28px; margin-bottom: 107px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .detail .box-icon { right: 30px; bottom: 40px; z-index: 10; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .detail .box-icon a { width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #f8f7f6; border: 2px solid #232323; border-radius: 5px; color: #232323; margin-right: 3px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .detail .box-icon a i { color: inherit; font-size: 18px; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure .detail .box-icon a:hover { background: #232323; color: #b6d91a; } .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure:hover figcaption { background: none !important; height: auto; } .advertisement-v1 { padding-top: 100px; } .advertisement-v1 .tab-button { margin-bottom: 30px; } .advertisement-v1 .tab-button .nav-tabs > li > a { border: none; background: #232323; color: #fff; border-radius: 0; padding: 10px; text-transform: uppercase; font-size: 12px; } .advertisement-v1 .tab-button .nav-tabs > li, .advertisement-v1 .tab-button .nav-pills > li { float: none; display: inline-block; *display: inline; /* ie7 fix */ zoom: 1; /* hasLayout ie7 trigger */ margin-right: 5px; } .advertisement-v1 .tab-button .nav-tabs, .advertisement-v1 .tab-button .nav-pills { text-align: center; } .advertisement-v1 .tab-button .nav-tabs > li.active > a, .advertisement-v1 .tab-button .nav-tabs > li.active > a:hover, .advertisement-v1 .tab-button .nav-tabs > li.active > a:focus { background-color: #b6d91a; border-color: #b6d91a; -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 0; color: #fff; } .advertisement-v1 .tab-button .nav > li > a:hover, .advertisement-v1 .tab-button .nav > li > a:focus { background-color: #b6d91a; border-color: #b6d91a; -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 0; color: #fff; } .advertisement-v1 .tab-divs { padding-bottom: 100px; } .advertisement-v1 .tab-divs .view-head { padding: 25px 0; } .advertisement-v1 .tab-divs .view-head .total-post p { font-weight: bold; text-transform: capitalize; margin-bottom: 0; padding-top: 5px; } .advertisement-v1 .tab-divs .view-head .total-post p span { font-weight: normal; } .advertisement-v1 .tab-divs .view-as span { text-transform: capitalize; } .advertisement-v1 .tab-divs .view-as a { display: inline-block; margin-left: 5px; background: #fff; border: 1px solid #e0e0e0; color: #aaaaaa; } .advertisement-v1 .tab-divs .view-as a:hover { border-color: #b6d91a; background: #b6d91a; } .advertisement-v1 .tab-divs .view-as a:hover i{ color: #fff; } .advertisement-v1 .tab-divs .view-as a.active { border-color: #b6d91a; color: #b6d91a; box-shadow: none; -webkit-box-shadow: none; } .advertisement-v1 .tab-divs .view-as a.active i{ color: #b6d91a; } .advertisement-v1 .tab-divs .view-as a.active:hover{ background: none !important; } .advertisement-v2 .view-head { margin-bottom: 30px; } .advertisement-v2 .view-as span { margin-right: 10px; } .advertisement-v2 .view-as .btn-group a { padding: 10px 13px; } .advertisement-v2 .view-as .btn-group a i{ color: #fff; } .advertisement-v2 .view-as .btn-group a.active { background: #b6d91a; } .advertisement-v2 .view-as .btn-group a.active i{ color: #fff; } .advertisement-v2 .section-gray-bg { padding: 50px 0; } .advertisement-v2 .tab-pane { margin-bottom: 30px; } .advertisement-v2 .nav-tabs > li { margin-right: 5px; } .advertisement-v2 .nav-tabs > li:active > a, .advertisement-v2 .nav-tabs > li.active > a, .advertisement-v2 .nav-tabs > li.active > a:hover { background: #b6d91a; color: #fff; border: none; } .advertisement-v2 .nav-tabs > li > a { border: none; padding: 0; border-radius: 3px; font-weight: bold; font-size: 13px; } .advertisement-v2 .nav-tabs > li > a .btn-label { left: 0; width: 40px; margin-left:5px; padding-top: 10px; padding-bottom: 10px; } .advertisement-v2 .nav-tabs > li > a .btn-label-text { display: inline-block; padding: 11px 12px; } .advertisement-v2 .nav-tabs > li.active > a i{ color: #fff; } .advertisement-v2 .nav-tabs > li > a:hover, .advertisement-v2 .nav-tabs > li > a:focus, .advertisement-v2 .nav-tabs > li > a:active { background: #b6d91a; color: #fff; } .advertisement-v2 .nav-tabs > li > a:hover i, .advertisement-v2 .nav-tabs > li > a:focus i, .advertisement-v2 .nav-tabs > li > a:active i{ color: inherit; } .advertisement-v2 .view-all { padding: 20px 0 50px 0; } .advertisement-v3 .view-head .tab-button .nav-tabs > li > a { border: none; color: #aaaaaa; padding-top: 0; padding-bottom: 25px; } .advertisement-v3 .view-head .tab-button .nav-tabs > li > a:hover, .advertisement-v3 .view-head .tab-button .nav-tabs > li > a:active, .advertisement-v3 .view-head .tab-button .nav-tabs > li > a:focus { background: none; color: #b6d91a; } .advertisement-v3 .view-head .tab-button .nav-tabs > li.active > a { background: none; color: #b6d91a; } .advertisement-v3 .view-head .view-as span { color: #aaaaaa; font-size: 14px; } .advertisement-v3 .view-head .view-as a { margin-left: 10px; color: #aaaaaa; font-size: 14px; } .advertisement-v3 .view-head .view-as a:hover i { color: #b6d91a; } .advertisement-v3 .view-head .view-as a.active i{ color: #b6d91a; } .advertisement-v3 .section-gray-bg { padding: 50px 0; } .advertisement-v3 .view-all { margin-top: 50px; margin-bottom: 50px; } .advertisement-v4 .section-gray-bg { padding: 50px 0; } .advertisement-v4 .view-head { border-top: 1px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; } .advertisement-v4 .view-head .tab-button .nav-tabs > li > span { display: inline-block; font-weight: bold; font-size: 14px; color: #232323; margin-right: 15px; line-height: 40px; } .advertisement-v4 .view-head .tab-button .nav-tabs > li:first-of-type:hover span.arrow-down { display: none; } .advertisement-v4 .view-head .tab-button .nav-tabs > li:first-of-type:hover:before { display: none; } .advertisement-v4 .view-head .tab-button .nav-tabs > li:first-of-type:hover:after { display: none; } .advertisement-v4 .view-head .tab-button .nav-tabs > li > a { border-left: 1px solid #d2d2d2; border-top: none; border-bottom: none; margin: 0; color: #8e8e8e; font-size: 14px; font-weight: 600; padding-top: 14px; border-radius: 0; padding-bottom: 12px; padding-left: 25px; padding-right: 25px; position: relative; } .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:hover, .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:active, .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:focus { background: #b6d91a; color: #fff; border-color: #b6d91a; } .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:hover > i{ color: #fff; } .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:hover:before, .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:active:before, .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:focus:before { content: ""; position: absolute; width: 101%; height: 3px; background: rgba(0, 0, 0, 0.15); bottom: -2px; left: -1px; } .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:hover span.arrow-down, .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:active span.arrow-down, .advertisement-v4 .view-head .tab-button .nav-tabs > li > a:focus span.arrow-down { display: block; } .advertisement-v4 .view-head .tab-button .nav-tabs > li > a span.arrow-down { display: none; position: absolute; bottom: -11px; width: 0; height: 0; left: 0; right: 0; margin: 0 auto; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #b6d91a; } .advertisement-v4 .view-head .tab-button .nav-tabs > li > a span.arrow-down:before { content: ""; position: absolute; bottom: 0; width: 0; height: 0; left: -12px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid rgba(0, 0, 0, 0.15); } .advertisement-v4 .view-head .tab-button .nav-tabs > li:hover:before, .advertisement-v4 .view-head .tab-button .nav-tabs > li.active:before { content: ""; position: absolute; width: 100%; height: 3px; background: #b6d91a; bottom: -2px; left: 0; } .advertisement-v4 .view-head .tab-button .nav-tabs > li:hover:after, .advertisement-v4 .view-head .tab-button .nav-tabs > li.active:after { content: ""; position: absolute; bottom: -8px; width: 0; height: 0; left: 0; right: 0; margin: 0 auto; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #b6d91a; } .advertisement-v4 .view-head .tab-button .nav-tabs > li:hover span.arrow-down, .advertisement-v4 .view-head .tab-button .nav-tabs > li.active span.arrow-down { display: block; } .advertisement-v4 .view-head .tab-button .nav-tabs > li.active > a { background: #b6d91a; color: #fff; border-radius: 0; border-color: #b6d91a; } .advertisement-v4 .view-head .tab-button .nav-tabs > li.active > a > i{ color: #fff; } .advertisement-v4 .view-head .tab-button .nav-tabs > li.active > a:before { content: ""; position: absolute; width: 102.5%; height: 3px; background: rgba(0, 0, 0, 0.15); bottom: -2px; left: -1px; } .advertisement-v4 .view-head .view-as ul li a i { font-size: 18px; } .advertisement-v4 .view-all { margin-top: 50px; margin-bottom: 50px; } .advertisement-v5 { background: #f8f7f6; } .advertisement-v5 .view-head { margin-bottom: 50px; } .advertisement-v5 .view-head .tab-button .nav-tabs > li > a { border: 2px solid #232323; background: none; color: #232323; text-transform: uppercase; border-radius: 5px; } .advertisement-v5 .view-head .tab-button .nav-tabs > li > a:hover, .advertisement-v5 .view-head .tab-button .nav-tabs > li > a:active, .advertisement-v5 .view-head .tab-button .nav-tabs > li > a:focus { background: #232323; color: #fff; } .advertisement-v5 .view-head .tab-button .nav-tabs > li.active > a { background: #232323; color: #fff; } .advertisement-v5 .view-head .view-as a { display: inline-block; text-align: center; margin-left: 3px; color: #232323; width: 40px; height: 40px; line-height: 40px; border: 2px solid #232323; border-radius: 5px; } .advertisement-v5 .view-head .view-as a:hover { color: #fff; background: #232323; border-color: #232323; } .advertisement-v5 .view-head .view-as a.active { color: #fff; background: #232323; border-color: #232323; } .advertisement-v5 .view-head .view-as a i { font-size: 18px; color: inherit; } .advertisement-v6 .view-head { margin-bottom: 50px; } .advertisement-v6 .view-head .tab-button .nav-tabs > li > a { border: 2px solid #232323; background: none; color: #232323; text-transform: uppercase; border-radius: 1000px; padding: 9px 32px; margin-right: 10px; } .advertisement-v6 .view-head .tab-button .nav-tabs > li > a:hover, .advertisement-v6 .view-head .tab-button .nav-tabs > li > a:active, .advertisement-v6 .view-head .tab-button .nav-tabs > li > a:focus { background: #232323; color: #b6d91a; } .advertisement-v6 .view-head .tab-button .nav-tabs > li.active > a { background: #232323; color: #b6d91a; } .advertisement-v6 .view-head .view-as a { display: inline-block; text-align: center; margin-left: 10px; color: #232323; padding: 9px 32px; border: 2px solid #232323; border-radius: 1000px; } .advertisement-v6 .view-head .view-as a:hover { color: #b6d91a; background: #232323; border-color: #232323; } .advertisement-v6 .view-head .view-as a.active { color: #b6d91a; background: #232323; border-color: #232323; } .advertisement-v6 .view-head .view-as a i { font-size: 16px; color: inherit; } .advertisement-v6.advertisement-v7 .view-head .tab-button .nav-tabs > li > a { border-radius: 5px; font-weight: bold; } .advertisement-v6.advertisement-v7 .view-head .view-as a { border-radius: 5px; } .advertisement-v6 .view-all { margin-top: 30px; } /* ========================================================================== Members ========================================================================== */ .members { padding-top: 90px; background: url("../images/sky.png") repeat-x top, url("../images/building.png") repeat-x bottom; overflow: hidden; position: relative; } @media only screen and (min-width: 320px) and (max-width: 990px) { .members { padding: 45px 0; } } .members .members-text { position: relative; top: 50%; transform: translateY(50%); } @media only screen and (min-width: 320px) and (max-width: 990px) { .members .members-text { transform: translateY(0); } } @media only screen and (min-width: 1000px) and (max-width: 1100px) { .members .members-text { transform: translateY(25%); } } .members .members-text h2 { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; line-height:36px; font-size:36px; line-height:36px; margin-bottom: 15px; } .members .members-text h3 { padding: 10px; background: #b6d91a; text-transform: uppercase; display: inline-block; color: #fff; margin-top: 0; margin-bottom: 20px; } .members .members-text p { font-size: 18px; font-weight: bold; margin-bottom: 30px; } .members .members-text a { margin-right: 10px; } .members-v1 { background: url("../images/member1bg.png") repeat; background-size: cover; padding-top: 35px; padding-bottom: 35px; overflow: hidden; } .members-v1 .members-text { margin-top: 100px; } .members-v1 .members-text h2 { margin: 0; color: #fff; text-transform: uppercase; font-size: 28px; } .members-v1 .members-text p { font-size: 16px; color: #fff; font-weight: normal; margin: 24px 0 30px 0; } .members-v2 { padding: 145px 0; background: url("../images/member3.png") repeat; background-size: cover; } .members-v2 .members-text { padding-left: 20px; } .members-v2 .members-text h4 { background: #b6d91a; color: #fff; text-transform: uppercase; display: inline-block; padding: 2px 10px; margin-bottom: 0; } .members-v2 .members-text h1 { margin-top: 8px; background: #fff; color: #232323; text-transform: uppercase; font-size: 36px; font-weight: bolder; margin-bottom: 15px; } .members-v2 .members-text p { font-size: 15px; color: #fff; margin-bottom: 25px; } .members-v2 .members-text a { margin-right: 10px; } .members-v3 { background: url("../images/post-bg.png") repeat; background-size: cover; padding-top: 65px; } .members-v3 .members-text h1 { font-size: 60px; line-height: 60px; text-transform: capitalize; margin-bottom: 0; color: #f6f6f6; } .members-v3 .members-text h2 { color: #f6f6f6; font-size: 34px; margin-top: 0; } .members-v3 .members-text p { color: #fafafa; font-size: 16px; margin-bottom: 30px; } .members-v3 .members-text a { margin-right: 10px; } .members-v3 .members-text .btn.outline { border: 2px solid #fff; font-size: 14px; color: #fff; padding-left: 30px; padding-right: 30px; } .members-v3 .members-text .btn.outline:hover { border-color: #b6d91a; } .members-v4 { background-color: transparent; padding-top: 70px; background-blend-mode: multiply; position: relative; } .members-v4 .row{ display:flex; align-items:center; } .members-v4 .member-img{ position: relative; } .members-v4 .member-img img{ position: static; } .members-v4 .member-content{ margin-bottom:50px; } .members-v4 .member-content p { font-size: 16px; margin-bottom: 35px; padding-right: 100px; color: #232323; } .members-v4 .member-content ul { margin-bottom: 25px; margin-left: 0; } .members-v4 .member-content ul li { color: #232323; font-size: 18px; font-weight: bold; margin-bottom: 5px; } .members-v4 .member-content ul li span { display: inline-block; vertical-align: middle; width: 54px; height: 54px; border-radius: 1000px; text-align: center; border: 2px solid #232323; padding: 10px; margin-right: 20px; } .members-v4 .member-content ul li span img { max-width: 100%; max-height: 100%; } .members-v4 .member-content ul li span svg { width: 30px; line-height: 30px; } .members-v4 .member-content ul li span svg path { fill: #232323; } .members-v4 .member-content h4 { font-size: 20px; margin-bottom: 40px; } .members-v4 .member-content h3 { line-height:36px; font-weight:700px; font-size:36px; } .members-v4 .member-content a.btn { margin-right: 10px; } .members-v4.members-v5 { background-color: transparent; } .members-v4.members-v5 .member-content h3 { color: #b6d91a; } .members-v4.members-v5 .member-content p { color: #f0f0f0; } .members-v4.members-v5 .member-content ul li { color: #fff; } .members-v4.members-v5 .member-content ul li span { border: 2px solid #b6d91a; } .members-v4.members-v5 .member-content ul li span svg path { fill: #b6d91a; } .members-v4.members-v5 .member-content h4 { color: #b6d91a; } .members-v4.members-v5 .member-content a.btn { margin-right: 10px; border-color: #b6d91a; color: #b6d91a; } .members-v4.members-v5 .member-content a.btn:hover { border-color: #b6d91a; color: #232323; background: #b6d91a; } /* ========================================================================== locations ========================================================================== */ .locations .location-content .location { background: #f6f6f6; border-bottom: 1px solid #e0e0e0; padding: 0 0 0 70px; position: relative; margin-bottom: 40px; } .locations .location-content .location a { display: block; text-decoration: none; } .locations .location-content .location a .loc-head { font-size: 15px; margin: 0 0 2px 0; padding-top: 2px; text-transform: uppercase; display: block; font-family: 'Ubuntu', sans-serif; color: #232323; font-weight: bold; } .locations .location-content .location a span { color: #aaaaaa; font-size: 13px; margin-bottom: 3px; display: inline-block; } .locations .location-content .location .location-icon { width: 37px; padding: 15px 0 5px 0; background: #b6d91a; display: inline-block; position: absolute; left: 10px; top: -10px; text-align: center; } .locations .location-content .location .location-icon:before, .locations .location-content .location .location-icon:after { content: ""; width: 0; height: 0; border-bottom: 11px solid currentcolor; border-right: 7px solid transparent; position: absolute; right: -7px; top: 0; } .locations .location-content .location .location-icon:after { border-bottom: 11px solid rgba(0, 0, 0, 0.15); } .locations .location-content .location .location-icon i { font-size: 20px; color: #fff; } .locations .location-content .location .location-icon img { width: 20px; height: auto; } .locations .location-content .location .location-icon .tip { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #b6d91a; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -9px; } .locations .location-content .location .location-icon .tip:after { content: ''; height: 2px; width: 37px; background: #b6d91a; position: absolute; bottom: -13px; left: -18px; } .locations .location-content .location:hover { background: #232323; border-color: #232323; } .locations .location-content .location:hover a .loc-head { color: #fff; } .locations .location-content-v2 .location { margin-bottom: 60px; } .locations .location-content-v2 .location .social-link { margin-bottom: 20px; } .locations .location-content-v2 .location .social-link path:nth-of-type(2) { fill: #232323; } .locations .location-content-v2 .location .social-link path:nth-of-type(3) { fill: #b6d91a; } .locations .location-content-v2 .location h5 { margin-bottom: 5px; margin-top: 0; } .locations .location-content-v2 .location h5 a { font-size: 14px; color: #232323; text-transform: uppercase; } .locations .location-content-v2 .location h5 a:hover { color: #b6d91a; } .locations .location-content-v2 .location p { font-size: 13px; color: #6c6c6c; margin-bottom: 20px; } .locations .location-content-v2 .location:hover { border-bottom-color: #b6d91a; } .locations .location-content-v3 .location { display: table; width: 100%; margin-bottom: 48px; } .locations .location-content-v3 .location .location-content { display: table-cell; vertical-align: top; } .locations .location-content-v3 .location .location-content.loc-icon { width: 35px; height: 50px; padding-right: 10px !important; } .locations .location-content-v3 .location .location-content.loc-icon svg { width: 35px; height: 100%; } .locations .location-content-v3 .location .location-content.loc-icon svg path:nth-of-type(3) { fill: #b6d91a; } .locations .location-content-v3 .location .location-content.loc-icon img { width: 35px; } .locations .location-content-v3 .location .location-content h5 { margin: 0; } .locations .location-content-v3 .location .location-content h5 a { font-size: 18px; color: #232323; font-weight: 600; } .locations .location-content-v3 .location .location-content h5 a:hover { color: #b6d91a; } .locations .location-content-v3 .location .location-content p { margin-bottom: 10px; font-size: 13px; color: #6c6c6c; } .locations .location-content-v5 ul li { padding: 0 3px; border-radius: 5px; width: 16.2%; margin-bottom: 8px; vertical-align: middle; } .locations .location-content-v5 ul li .location-content { padding: 25px; text-align: center; background: #fff; } .locations .location-content-v5 ul li .location-content .location-content-img { text-align: center; margin-bottom: 5px; } .locations .location-content-v5 ul li .location-content .location-content-img img { width: 35px; } .locations .location-content-v5 ul li .location-content .location-content-img svg { width: 40px; height: 100%; } .locations .location-content-v5 ul li .location-content .location-content-img svg path:nth-of-type(3) { fill: #b6d91a; } .locations .location-content-v5 ul li .location-content h5 { margin: 0; } .locations .location-content-v5 ul li .location-content h5 a { font-size: 16px; font-weight: 500; color: #232323; } .locations .location-content-v5 ul li .location-content h5 a:hover { color: #b6d91a; } .locations .location-content-v6 figure.location { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; height: 300px; width: 100%; background: #f6f6f6; position: relative; margin-bottom: 30px; } .locations .location-content-v6 figure.location img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .locations .location-content-v6 figure.location figcaption { display: table; width: 100%; height: 70px; overflow: hidden; position: absolute; background: rgba(0, 0, 0, 0.5); bottom: 0; padding: 10px 22px; } .locations .location-content-v6 figure.location figcaption .location-caption { display: table-cell; vertical-align: middle; } .locations .location-content-v6 figure.location figcaption .location-caption span { display: inline-block; width: 60px; height: 60px; border-radius: 1000px; text-align: center; background: #b6d91a; } .locations .location-content-v6 figure.location figcaption .location-caption span i { font-size: 24px; line-height: 60px; color: #232323; } .locations .location-content-v6 figure.location figcaption .location-caption h4 { margin-top: 0; margin-bottom: 5px; } .locations .location-content-v6 figure.location figcaption .location-caption h4 a { font-size: 20px; color: #fff; } .locations .location-content-v6 figure.location figcaption .location-caption p { font-size: 13px; color: #fff; margin-bottom: 0; } .locations .location-content-v6 figure.location figcaption .location-caption > a { font-size: 16px; font-weight: 600; color: #b6d91a; position: absolute; left: 103px; bottom: -30px; } .locations .location-content-v6 figure.location figcaption .location-caption > a i { font-size: inherit; font-weight: inherit; color: inherit; margin-left: 10px; } .locations .location-content-v6 figure.location figcaption .location-caption:first-of-type { width: 60px; padding-right: 20px; } .locations .location-content-v6 figure.location:hover figcaption { height: 300px; } .locations .location-content-v6 figure.location:hover figcaption .location-caption { vertical-align: middle; } .locations .location-content-v6 figure.location:hover figcaption .location-caption > a { bottom: 80px; } .locations .load-more { padding: 40px 0 0 0; } .locations.locations-v5 { background: #f8f7f6; } .locations-v6 .section-heading-v6 h3.text-capitalize, .blog-post-section .section-heading-v6 h3.text-capitalize, .advertisement-v6 .section-heading-v6 h3.text-capitalize, .classiera-premium-ads-v6 .section-heading-v6 h3.text-capitalize{ line-height: 36px; font-weight: 700; font-size: 36px; } /* ========================================================================== call to action ========================================================================== */ .call-to-action { padding: 70px 0; background: url("../images/home-v5-bg.png") repeat; background-size: cover; } .call-to-action .call-to-action-box { background: #fff; padding: 30px; border-radius: 5px; margin-bottom: 10px; } .call-to-action .call-to-action-box .action-box-heading { display: table; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; width: 100%; } .call-to-action .call-to-action-box .action-box-heading .heading-content { display: table-cell; vertical-align: middle; } .call-to-action .call-to-action-box .action-box-heading .heading-content:first-of-type { width: 40px; padding-right: 20px; } .call-to-action .call-to-action-box .action-box-heading .heading-content img { width: 40px; } .call-to-action .call-to-action-box .action-box-heading .heading-content i { height: 40px; width: 40px; background: #232323; color: #fff; font-size: 24px; line-height: 40px; text-align: center; border-radius: 3px; } .call-to-action .call-to-action-box .action-box-heading .heading-content h3 { font-weight: normal; margin: 0; } .call-to-action .call-to-action-box .action-box-content p { padding-right: 35px; margin-bottom: 20px; } /* ========================================================================== pricing Plans ========================================================================== */ .pricing-plan-bg .section-heading-v1 h1, .pricing-plan-bg .section-heading-v5 h1 { color: #fff; } .pricing-plan-bg .section-heading-v1 h3, .pricing-plan-bg .section-heading-v5 h3 { color: #fff; } .pricing-plan-bg .section-heading-v1 p, .pricing-plan-bg .section-heading-v5 p { color: #d7d7d7; } .pricing-plan .pricing-plan-content { margin-bottom: 100px; } .pricing-plan .pricing-plan-content .price-plan:nth-of-type(2) .pricing-plan-price { opacity: 0.85; } .pricing-plan .pricing-plan-content .price-plan:nth-of-type(3) .pricing-plan-price { opacity: 0.75; } .pricing-plan .pricing-plan-content .price-plan:nth-of-type(4) .pricing-plan-price { opacity: 0.65; } .pricing-plan .pricing-plan-content .pricing-plan-box { background: #fff; padding: 24px 0 29px 0; text-align: center; border-right-color: #f0f0f0; border-left: none; } .pricing-plan .pricing-plan-content .pricing-plan-box:first-of-type { border-left: 1px solid #e0e0e0; } .pricing-plan .pricing-plan-content .pricing-plan-box .pricing-plan-heading { margin-bottom: 24px; } .pricing-plan .pricing-plan-content .pricing-plan-box .pricing-plan-heading h4 { font-size: 20px; margin: 0; } .pricing-plan .pricing-plan-content .pricing-plan-box .pricing-plan-heading p { color: #aaaaaa; } .pricing-plan .pricing-plan-content .pricing-plan-box .pricing-plan-price { background: #b6d91a; padding: 10px 0; margin-bottom: 30px; } .pricing-plan .pricing-plan-content .pricing-plan-box .pricing-plan-price h1 { color: #fff; margin: 0; } .pricing-plan .pricing-plan-content .pricing-plan-box .pricing-plan-price h1 span { font-size: 20px; } .pricing-plan .pricing-plan-content .pricing-plan-box .pricing-plan-text ul { list-style: none; margin-bottom: 40px; } .pricing-plan .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li { font-size: 14px; color: #6c6c6c; margin-bottom: 15px; } .pricing-plan .pricing-plan-content .pricing-plan-box.popular { border: none; box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.15); padding-bottom: 45px; padding-top: 40px; position: relative; top: -15px; z-index: 2; } .pricing-plan .pricing-plan-content .pricing-plan-box.popular .featured-tag .featured { border-bottom: 30px solid #03b0f4; border-left: 30px solid transparent; border-right: 31px solid transparent; content: ""; height: 0; position: absolute; right: -39px; text-align: center; top: 12px; transform: rotate(45deg); width: 130px; z-index: 2; -webkit-box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 0px -1px rgba(0, 0, 0, 0.2); } .pricing-plan .pricing-plan-content .pricing-plan-box.popular .featured-tag .featured p { color: #fff; font-weight: bold; font-size: 16px; font-family: 'Lato', sans-serif; line-height: 2; } .pricing-plan .pricing-plan-content .pricing-plan-box.popular .featured-tag .left-corner { background: #017fb1 none repeat scroll 0 0; display: inline-block; height: 8px; position: absolute; right: 71px; top: -8px; width: 12px; z-index: 1; } .pricing-plan .pricing-plan-content .pricing-plan-box.popular .featured-tag .right-corner { background: #017fb1 none repeat scroll 0 0; display: inline-block; height: 12px; position: absolute; right: -9px; top: 72px; width: 9px; z-index: 1; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box { border-radius: 10px; background: #fff; padding-bottom: 40px; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-price { background: #232323; padding: 31px 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-price h1 { color: #fff; margin: 0; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-price h1 span { font-size: 20px; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-heading { background: #22272e; position: relative; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-heading:after { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #22272e; position: absolute; right: 0; left: 0; margin: 0 auto; bottom: -10px; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-heading h4 { text-transform: uppercase; color: #fff; font-size: 20px; margin-bottom: 0; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-heading p { color: #84878d; padding-bottom: 10px; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-text { padding: 50px 35px 40px 35px; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul { list-style: none; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li { border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 10px; font-size: 14px; color: #6c6c6c; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li:last-of-type { border-bottom: none; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box.popular { transform: scale(1, 1.1); box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-price { background: #b6d91a; } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-heading { background: rgba(182, 217, 26, 0.75); } .pricing-plan-v2 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-heading:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid rgba(182, 217, 26, 0.75); } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box { background: white; border-radius: 5px; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-heading h4 { margin-top: 0; margin-bottom: 25px; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-heading h4 span { display: inline-block; background: #b6d91a; color: #fff; padding: 0 25px; height: 30px; line-height: 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-price { border-bottom: 1px solid #e0e0e0; margin-bottom: 40px; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-price h1 { font-size: 40px; margin-top: 0; margin-bottom: 25px; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-price h1 span { font-size: 20px; color: #aaaaaa; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-price p { margin-bottom: 20px; text-transform: capitalize; font-size: 13px; color: #6c6c6c; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-text { margin-bottom: 40px; position: relative; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-text h4 { position: absolute; left: 0; top: -40px; margin: 0; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-text h4 span { display: inline-block; background: #66a7bb; color: #fff; font-size: 16px; height: 30px; line-height: 30px; padding: 0 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul { list-style: none; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li { color: #6c6c6c; font-size: 14px; margin-bottom: 15px; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li:last-of-type { margin-bottom: 0; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box .pricing-plan-button { padding-bottom: 40px; } .pricing-plan-v3 .pricing-plan-content .pricing-plan-box.popular { transform: scale(1, 1.1); } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box { background: #32373c; padding-bottom: 40px; border-radius: 5px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .separator { height: 3px; display: inline-block; width: 30px; background: #fff; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-heading { padding-top: 40px; padding-bottom: 20px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-heading .price-title { color: #b6d91a; font-weight: bold; padding-bottom: 10px; margin: 0; font-size: 14px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-heading h1 { padding: 10px 0; margin: 0; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-heading h1 span { color: #fff; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-text-head { padding: 15px 22px; background: #25292d; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-text-head p { color: #aaaaaa; margin: 0; line-height: 1.5; font-size: 13px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-text { padding-top: 30px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul { list-style: none; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li { color: #aaaaaa; margin-bottom: 15px; font-size: 14px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li:last-of-type { margin-bottom: 30px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box .btn { text-transform: capitalize; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box.popular { background: #b6d91a; position: relative; top: -30px; box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.3); padding-bottom: 60px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box.popular p.popular-text { background: #32373c; padding: 10px 0; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; color: #fff; font-weight: 600; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box.popular .separator { background: #32373c; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-heading { background: #b6d91a; padding-top: 30px; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box.popular .price-title { color: #32373c !important; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box.popular h1 span { color: #32373c; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box.popular ul { list-style: none; } .pricing-plan-v4 .pricing-plan-content .pricing-plan-box.popular ul li { color: #232323; } .pricing-plan-v5.pricing-plan-bg { background-size: cover !important; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box { background: #fff; border-radius: 5px; overflow: hidden; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-heading { background: #232323; padding: 22px 20px 23px 20px; display: table; width: 100%; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-heading .pricing-plan-heading-content { display: table-cell; vertical-align: middle; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-heading .pricing-plan-heading-content h3 { margin-top: 0; margin-bottom: 9px; color: #fff; text-transform: capitalize; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-heading .pricing-plan-heading-content span { font-size: 12px; color: #aaaaaa; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-heading .pricing-plan-heading-content h1 { margin: 0; color: #fff; font-weight: normal; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-heading .pricing-plan-heading-content h1 span { font-size: 18px; color: inherit; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-text { padding: 30px; padding-bottom: 0; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul { padding-left: 2.14285714em; margin-left: 0; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li { font-size: 14px; color: #6c6c6c; margin-bottom: 12px; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li i { color: #b6d91a; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-button { padding: 10px 30px 30px 30px; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-button h3 { margin-top: 0; margin-bottom: 15px; font-weight: normal; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-button h3 span { color: #6c6c6c; font-size: 14px; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box .pricing-plan-button h3 small { color: #232323; font-size: 18px; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box.popular { background: #354048; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-text ul li { color: #aaaaaa; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-button { padding: 10px 30px 30px 30px; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-button h3 { color: #b6d91a; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-button h3 span { color: inherit; } .pricing-plan-v5 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-button h3 small { color: inherit; } .pricing-plan-v6 { background: #232323; } .pricing-plan-v6 .section-heading-v6 { color: #fff; } .pricing-plan-v6 .section-heading-v6 h3 { color: #fff; } .pricing-plan-v6 .section-heading-v6 p { color: #fff; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box { background: #fff; border-radius: 10px; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-heading { text-align: center; padding-top: 36px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-heading h2 { margin-top: 0; margin-bottom: 10px; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-text { padding: 30px 0; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-text ul li { margin-bottom: 15px; line-height: 15px; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-button { padding-top: 20px; padding-bottom: 30px; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-button h4 { color: #232323; margin-top: 0; margin-bottom: 15px; font-weight: normal; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-button h4 small { font-size: 16px; color: inherit; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-button .btn { background: #232323; color: #b6d91a; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-button .btn:hover, .pricing-plan-v6 .pricing-plan-content .pricing-plan-box .pricing-plan-button .btn:focus { background: #b6d91a; color: #232323; border-color: #b6d91a; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box.popular { background: #b6d91a; position: relative; top: -20px; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-heading { border-color: #232323; padding: 43px 0; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-text { border-color: #232323; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-button { padding-top: 30px; padding-bottom: 40px; } .pricing-plan-v6 .pricing-plan-content .pricing-plan-box.popular .pricing-plan-button .btn:hover { background: #232323; color: #b6d91a; border-color: #232323; } .pricing-plan-v6.pricing-plan-v7 { background: #b6d91a; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular { background: #232323; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular .pricing-plan-heading { border-color: #b6d91a; padding: 43px 0; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular .pricing-plan-heading h2 { color: #b6d91a; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular .pricing-plan-heading span { color: #aaa; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular .pricing-plan-text { border-color: #b6d91a; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular .pricing-plan-text ul li { color: #aaa; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular .pricing-plan-button { padding-top: 30px; padding-bottom: 40px; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular .pricing-plan-button .btn { background: #b6d91a; color: #232323; border-color: #b6d91a; } .pricing-plan-v6.pricing-plan-v7 .pricing-plan-box.popular .pricing-plan-button .btn:hover { background: #b6d91a; color: #232323; border-color: #b6d91a; } /* ========================================================================== partners ========================================================================== */ .partners { position: relative; padding: 100px 0; } .partners .partner-img { text-align: center; white-space: nowrap; } .partners .partner-img img { vertical-align: middle; max-width: 120px !important; display: inline !important; } .partners-v2 { position: relative; } .partners-v2 .partners-v2-border { border-right: 1px solid #e0e0e0; } .partners-v2 .partner-img { text-align: center; white-space: nowrap; padding: 35px 0; } .partners-v2 .partner-img img { vertical-align: middle; max-height: 122px !important; max-width: 100% !important; } .partners-v3{ padding:40px 0; } .partners-v3 .partner-img { text-align: center; white-space: nowrap; } .partners-v3 .partner-img img { vertical-align: middle; max-width: 120px !important; display: inline !important; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .partners-v3 .partner-img:hover img { -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0); } .partners-v3 .partner-carousel-v3 { margin-bottom: 80px; } .partners-v3 .partner-carousel-v3 .owl-dots { position: absolute; bottom: -107px; left: 50%; } .partners-v3 .partner-carousel-v3 .owl-dots .owl-dot span { border-radius: 0; background: #e0e0e0; } .partners-v3 .partner-carousel-v3 .owl-dots .owl-dot.active span, .partners-v3 .partner-carousel-v3 .owl-dots .owl-dot:hover span { background: #232323; } .partners-v3 .partner-carousel-v3.partner-carousel-v4 { margin-bottom: 60px; } .partners-v3 .partner-carousel-v3.partner-carousel-v4 .owl-dots { bottom: -40px; } .partners-v3 .navText .prev { margin-right: 10px; } .partners-v3 .navText .next { margin-left: 10px; } .partners-v3 .navText a { width: 26px; height: 26px; line-height: 26px; padding: 0; text-align: center; border: 1px solid #e0e0e0; border-radius: 2px; } .partners-v3 .navText a i { padding: 0; font-size: 14px; color: #232323; } .partners-v3 .navText a:hover i { color: #fff; } .partners-v3 .navText span { text-transform: uppercase; font-size: 12px; color: #232323; font-weight: bold; } .partners-v3 .navText span:first-of-type { margin-right: 60px; } .partners-v3 .navText span:last-of-type { margin-left: 60px; } /* ========================================================================== footer ========================================================================== */ footer { background-blend-mode: multiply; } footer .widget-box .widget-title { margin-bottom: 30px; } footer .widget-box .widget-title h4 { color: #fff; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } footer .widget-box .widget-title h4 > i { display: none; } footer .widget-box .widget-title img { margin-top: 15px; } footer .widget-box .textwidget { font-size: 14px; color: #8e8e8e; line-height: 1.7; margin-bottom: 50px; } footer .widget-box .social-network h6 { text-transform: uppercase; color: #fff; font-size: 14px; margin-bottom: 20px; } footer .widget-box .social-network .footer-social { background: #444; margin-right: 5px; } footer .widget-box .widget-content .footer-pr-widget-v1 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px dashed #aaaaaa; } footer .widget-box .widget-content .footer-pr-widget-v1:last-of-type { border: none; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-img { display: inline-block; width: 120px; height: 110px; position: relative; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-body { padding-left: 5px; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-body span.price { display: inline-block; padding: 5px 10px; color: #fff; background: #444; font-weight: bold; font-size: 12px; margin-bottom: 10px; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-body h4 { color: #8e8e8e; text-transform: uppercase; margin-bottom: 5px; line-height: 1.3; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-body h4 a { font-size: 13px; color: inherit; text-decoration: none; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-body h4 a:hover { color: #b6d91a; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-body span.category { font-size: 12px; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-body span.category a { font-size: inherit; text-decoration: none; color: inherit; } footer .widget-box .widget-content .footer-pr-widget-v1 .media-body span.category a:hover { color: #b6d91a; } footer .widget-box .widget-content .footer-pr-widget-v1:hover .media-body .price { background: #b6d91a; } footer .widget-box .widget-content .footer-pr-widget-v2 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #6c6c6c; } footer .widget-box .widget-content .footer-pr-widget-v2:last-of-type { border: none; } footer .widget-box .widget-content .footer-pr-widget-v2 .media-img { display: inline-block; width: 80px; height: 80px; position: relative; } footer .widget-box .widget-content .footer-pr-widget-v2 .media-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } footer .widget-box .widget-content .footer-pr-widget-v2 .media-body span { font-size: 12px; color: #aaaaaa; display: inline-block; } footer .widget-box .widget-content .footer-pr-widget-v2 .media-body span i { margin-right: 10px; font-size: inherit; } footer .widget-box .widget-content .footer-pr-widget-v2 .media-body h5 { margin: 0; } footer .widget-box .widget-content .footer-pr-widget-v2 .media-body h5 a { font-size: 14px; color: #aaaaaa; line-height: 14px; } footer .widget-box .widget-content .footer-pr-widget-v2 .media-body h5 a:hover { color: #b6d91a; } footer .widget-box .widget-content .footer-pr-widget-v2 .media-body p { margin: 0; color: #aaaaaa; } footer .widget-box .widget-content ul { list-style: none; } footer .widget-box .widget-content ul li { margin-bottom: 30px; } footer .widget-box .widget-content ul li h5 { line-height: 2; } footer .widget-box .widget-content ul li h5 a { font-size: 13px; color: #fafafa; text-transform: capitalize; } footer .widget-box .widget-content ul li h5 a:hover { color: #b6d91a; } footer .widget-box .widget-content ul li p span { display: inline-block; color: #aaaaaa; margin-right: 15px; font-size: 12px; } footer .widget-box .widget-content ul li p span i { color: inherit; margin-right: 10px; font-size: inherit; } footer .widget-box .widget-content ul li p span a { display: inline-block; color: inherit; font-size: inherit; text-transform: capitalize; } footer .widget-box .widget-content ul li p span a:hover { color: #b6d91a; } footer .widget-box .widget-content .grid-view-pr li { margin-bottom: 15px; } footer .widget-box .widget-content .grid-view-pr li span { display: inline-block; width: 80px; height: 80px; position: relative; overflow: hidden; } footer .widget-box .widget-content .grid-view-pr li span img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } footer .widget-box .widget-content .grid-view-pr li span .hover-posts { background: rgba(182, 217, 26, 0.5); border-radius: 5px; } footer .widget-box .widget-content .grid-view-pr li span .hover-posts span { width: 100%; height: 25px; line-height: 25px; display: block; background: #b6d91a; position: absolute; top: 55px; color: #232323; font-size: 12px; font-weight: bold; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } footer .widget-box .widget-content .grid-view-pr li span:hover .hover-posts { visibility: visible; transform: scale(1, 1); } footer .widget-box .widget-content .grid-view-pr li:nth-of-type(3n+3) { margin: 0; } footer .widget-box .widget-content .category > li { margin-bottom: 5px; } footer .widget-box .widget-content .category > li > a { color: #aaaaaa; font-weight: 600; } footer .widget-box .widget-content .category > li > a > img{ width: 30px; margin-right: 10px; } footer .widget-box .widget-content .category > li > a i { margin-right: 10px; } footer .widget-box .widget-content .category > li > a:hover { color: #b6d91a; } footer .widget-box .contact-info { width: 100%; margin-bottom: 10px; display: table; } footer .widget-box .contact-info .contact-info-box { display: table-cell; vertical-align: top; } footer .widget-box .contact-info .contact-info-box i { font-size: 14px; color: #fff; width: 15px; } footer .widget-box .contact-info .contact-info-box p { font-size: 13px; color: #aaaaaa; } footer .widget-box .contact-info .contact-info-box:nth-of-type(1) { width: 30px; } footer .widget-box .tagcloud a { display: inline-block; padding: 10px 15px; color: #aaaaaa; background: #444; border-radius: 4px; font-size: 14px !important; margin-bottom: 5px; margin-right: 2px; } footer .widget-box .tagcloud a:hover { background: #b6d91a; color: #fff; } footer.four-columns-footer .grid-view-pr li { padding: 0; margin-bottom: 10px; margin-right: 13px; } footer .img-rounded { border-radius: 3px !important; } /*********** WordPress footer Widget ***********/ footer .widget-box > ul > li { list-style: none; } footer .widget-box > ul > li a:hover, footer .widget-box > ul > li a:focus{ color: #b6d91a; } footer .widget-box > ul > li ul.children{ list-style: none; margin-left: 15px; } footer .widgetContent .cats > ul > li { list-style: none; } footer .widgetContent .cats ul > li a:hover, footer footer .widgetContent .cats > ul > li a:focus{ color: #b6d91a; } footer .custom-wp-search .btn-wp-search{ background: #444; } footer ul.category > li > a > i{ padding: 5px; color: #fff; } .footer-bottom { background: #303030; padding: 30px 0; } .footer-bottom p { color: #8e8e8e; margin: 0; } .footer-bottom ul { list-style: none; text-align: right; margin: 0; } .footer-bottom ul li { display: inline-block; margin-right: 30px; } .footer-bottom ul li:last-of-type { margin-right: 0; } .footer-bottom ul li a { text-transform: capitalize; text-decoration: none; color: #8e8e8e; } .footer-bottom ul li a:hover { color: #fff; } .footer-bottom ul.footer-bottom-social-icon span { font-size: 13px; color: #aaaaaa; margin-right: 10px; } .footer-bottom ul.footer-bottom-social-icon li { margin-right: 0; } .footer-bottom ul.footer-bottom-social-icon li a { width: 32px; height: 32px; line-height: 30px; background:rgba(0,0,0,0.5); display: inline-block; margin-right: 5px; } .footer-bottom ul.footer-bottom-social-icon li a i { color: #fff; font-size: 11px; } .footer-bottom ul.footer-bottom-social-icon li a:hover { background: #b6d91a; } .footer-bottom ul.footer-bottom-social-icon li a.bg-none { margin-right: 0; } .footer-bottom ul.footer-bottom-social-icon li a.bg-none i { color: #aaaaaa; font-size: 14px; } .footer-bottom ul.footer-bottom-social-icon li a.bg-none:hover i { color: #fff; } .footer-bottom ul.footer-bottom-social-icon li:last-of-type a { margin-right: 0; } /* ========================================================================== back to top ========================================================================== */ #back-to-top { position: fixed; bottom: 100px; right: 40px; z-index: 9999; cursor: pointer; border: 0; text-decoration: none; opacity: 0; background: #232323; background: #232323; } #back-to-top:hover { background: #b6d91a; color: #fff; } #back-to-top.show { opacity: 1; } /* ========================================================================== blog section ========================================================================== */ .blog-post-section.blog-post-section-bg { background: #f8f7f6; } .blog-post-section .blog-post { border: 1px solid #e0e0e0; margin-bottom: 30px; } .blog-post-section .blog-post .blog-post-img-sec { padding: 5px; border-bottom: 1px solid #e0e0e0; } .blog-post-section .blog-post .blog-post-img-sec .blog-img { position: relative; height: 240px; } .blog-post-section .blog-post .blog-post-img-sec .blog-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } article.blog-post .single-post img{ width: 100%; height: 100%; margin:0 auto; object-fit: cover; -o-object-fit: cover; } article.blog-post .single-post iframe{ width: 100%; margin:0 auto; object-fit: cover; -o-object-fit: cover; } .blog-post-section .blog-post .blog-post-content { padding: 20px; } .blog-post-section .blog-post .blog-post-content h4 a { color: #232323; font-size: 16px; margin-top: 0; margin-bottom: 20px; line-height: 1.5; } .blog-post-section .blog-post .blog-post-content h4 a:hover { color: #b6d91a; } .blog-post-section .blog-post .blog-post-content p span { color: #aaaaaa; font-size: 13px; display: inline-block; margin-right: 10px; } .blog-post-section .blog-post .blog-post-content p span i { font-size:12px; margin-right: 10px; } .blog-post-section .blog-post .blog-post-content p span a { color: inherit; } .blog-post-section .blog-post .blog-post-content p span a:hover { color: #b6d91a; } .blog-post-section .blog-post:hover .blog-img .hover-posts { visibility: visible; transform: scale(1, 1); } .blog-post-section .blog-post.blog-post-v2 { background: #fff; border-radius: 5px; overflow: hidden; } .blog-post-section .blog-post.blog-post-v2 .blog-post-img-sec { padding: 0; border-bottom: none; } .blog-post-section .blog-post.blog-post-v2 .blog-post-img-sec .blog-img { position: relative; height: 240px; } .blog-post-section .blog-post.blog-post-v2 .blog-post-img-sec .blog-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .blog-post-section .blog-post.blog-post-v2 .blog-post-img-sec .blog-img .hover-posts { border-top-right-radius: 5px; border-top-left-radius: 5px; } .blog-post-section .blog-post.blog-post-v2.blog-post-v3 { border-radius: 10px; } .blog-post-section .blog-post.blog-post-v2.blog-post-v4 { border-radius: 0; } .blog-post-section .view-all { padding-top: 20px; } .single-post img.alignleft{ border:5px solid #f1f1f1; margin:15px; } /* ========================================================================== sidebar-widgets ========================================================================== */ .sidebar .widget-box { border: 1px solid #e0e0e0; margin-bottom: 30px; } .sidebar .widget-box .widget-title { border-bottom: 1px solid #e0e0e0; background: #fafafa; padding: 20px 15px; } .sidebar .widget-box .widget-title h4 { font-size: 15px; font-weight: 500; color: #232323; margin: 0; text-transform: uppercase; } .sidebar .widget-box .widget-title h4 i { margin-right: 10px; color: #b6d91a; } .sidebar .widget-box .widget-title.price { margin-bottom: 20px; } .sidebar .widget-box .textwidget { padding: 20px 10px; overflow: hidden; } .sidebar .widget-box .textwidget img { width: auto; height: auto; object-fit: cover; } .sidebar .widget-box .social-network { padding: 20px 10px; } .sidebar .widget-box .social-network .social-icon { background: #f0f0f0; border-radius: 3px; margin-right: 3px; margin-bottom: 5px; } .sidebar .widget-box .social-network .social-icon i { color: #6c6c6c; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar .widget-box .social-network .social-icon:hover i { color: #fff; } .sidebar .widget-box .widget-content { padding: 20px 15px; } .sidebar .widget-box .widget-content.widget-content-post { padding: 0 15px; } .sidebar .widget-box .widget-content.widget-content-post > .widget-content-post-area { padding-bottom: 20px; padding-top: 20px; } .sidebar .widget-box .widget-content.widget-content-post > .widget-content-post-area > h5 { text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; } .sidebar .widget-box .widget-content > .social-network { padding: 0; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .sidebar .widget-box .widget-content .footer-pr-widget-v1:last-of-type { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-img { width: 80px; height: 80px; display: inline-block; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; border-radius: 3px; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-body .price { font-size: 12px; color: #aaaaaa; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-body h4 { font-size: 12px; font-weight: normal; margin-bottom: 0; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-body h4 a { font-size: 13px; color: #232323; line-height: 12px; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-body h4 a:hover { color: #b6d91a; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-body .category { font-size: 12px; color: #aaaaaa; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-body .category a { font-size: 12px; color: inherit; } .sidebar .widget-box .widget-content .footer-pr-widget-v1 .media-body .category a:hover { color: #b6d91a; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .sidebar .widget-box .widget-content .footer-pr-widget-v2:last-of-type { border: none; padding-bottom: 0; margin-bottom: 0; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-img { display: inline-block; width: 80px; height: 80px; position: relative; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; border-radius: 3px; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-body span { font-size: 12px; color: #aaaaaa; display: inline-block; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-body span i { margin-right: 10px; font-size: inherit; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-body h5 { margin: 0; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-body h5 a { font-size: 12px; color: #232323; line-height: 1.4; font-weight: normal; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-body h5 a:hover { color: #b6d91a; } .sidebar .widget-box .widget-content .footer-pr-widget-v2 .media-body p { margin: 0; color: #aaaaaa; } .sidebar .widget-box .widget-content .grid-view-pr { margin-left: 0; margin-bottom: 0; } .sidebar .widget-box .widget-content .grid-view-pr li { margin-bottom: 0; width: 77px; height: 77px; padding-left: 5px; padding-right: 5px; overflow: hidden; border-radius: 3px; } .sidebar .widget-box .widget-content .grid-view-pr li span { display: inline-block; width: 80px; height: 80px; position: relative; overflow: hidden; } .sidebar .widget-box .widget-content .grid-view-pr li span img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; border-radius: 3px; } .sidebar .widget-box .widget-content .grid-view-pr li span .hover-posts { background: rgba(255, 255, 255, 0.7); border-radius: 3px; } .sidebar .widget-box .widget-content .grid-view-pr li span .hover-posts span { width: 100%; height: 25px; line-height: 25px; display: block; background: #b6d91a; position: absolute; top: 55px; color: #232323; font-size: 12px; font-weight: bold; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .sidebar .widget-box .widget-content .grid-view-pr li span:hover .hover-posts { visibility: visible; transform: scale(1, 1); } .sidebar .widget-box .widget-content ul { list-style: none; } .sidebar .widget-box .widget-content ul li { margin-bottom: 20px; } .sidebar .widget-box .widget-content ul li h5 { margin-top: 0; margin-bottom: 5px; } .sidebar .widget-box .widget-content ul li h5 a { color: #232323; line-height: 20px; font-weight: normal; } .sidebar .widget-box .widget-content ul li h5 a:hover { color: #b6d91a; } .sidebar .widget-box .widget-content ul li p { color: #aaaaaa; font-size: 13px; } .sidebar .widget-box .widget-content ul li p span { font-size: inherit; color: inherit; margin-right: 10px; } .sidebar .widget-box .widget-content ul li p span i { margin-right: 5px; } .sidebar .widget-box .widget-content ul li p span a { color: #aaaaaa; } .sidebar .widget-box .widget-content ul li p span a:hover { color: #b6d91a; } .sidebar .widget-box .widget-content ul li > a { color: #6c6c6c; font-size: 13px; text-transform: capitalize; } .sidebar .widget-box .widget-content ul li > a img{ width: 30px; margin-right: 10px; } .sidebar .widget-box .widget-content ul li > a i { margin-right: 10px; color: inherit; } .sidebar .widget-box .widget-content ul li > a:hover { color: #b6d91a; } .sidebar .widget-box .widget-content .category > li { margin-bottom: 5px; } .sidebar .widget-box .contact-info { padding-left: 10px; padding-right: 10px; width: 100%; margin-bottom: 10px; display: table; } .sidebar .widget-box .contact-info .contact-info-box { display: table-cell; vertical-align: top; } .sidebar .widget-box .contact-info .contact-info-box i { font-size: 14px; color: #232323; width: 15px; } .sidebar .widget-box .contact-info .contact-info-box p { font-size: 13px; color: #232323; } .sidebar .widget-box .contact-info .contact-info-box:nth-of-type(1) { width: 30px; } .sidebar .widget-box .tagcloud { padding: 20px 10px; } .sidebar .widget-box .tagcloud a { display: inline-block; padding: 10px 15px; color: #6c6c6c; background: #f0f0f0; border-radius: 4px; font-size: 14px !important; margin-bottom: 5px; margin-right: 2px; } .sidebar .widget-box .tagcloud a:hover { background: #b6d91a; color: #fff; } .sidebar .widget-box .author-info { border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; } .sidebar .widget-box .author-info p { margin-bottom: 5px; } .sidebar .widget-box .author-info a { color: #232323; font-weight: 600; text-transform: capitalize; } .sidebar .widget-box .author-info a:hover { color: #b6d91a; } .sidebar .widget-box .post-price { margin: 0; } .sidebar .widget-box .contact-details h5 { letter-spacing: 1px; margin-bottom: 20px; margin-top: 0; } .sidebar .widget-box .contact-details .c-detail li { margin-bottom: 10px !important; text-transform: none !important; letter-spacing: 1px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidebar .widget-box .contact-details .c-detail li a { text-transform: none !important; letter-spacing: 1px; word-wrap: break-word; font-size: 16px !important; } .sidebar .widget-box .user-make-offer-message { padding-bottom: 20px; } .sidebar .widget-box .user-make-offer-message .nav-tabs { border-bottom: none; } .sidebar .widget-box .user-make-offer-message .nav > li { margin-bottom: 10px; } .sidebar .widget-box .user-make-offer-message .nav > li.btnWatch button{ background: transparent; margin-right: 2px; padding-top: 3px !important; padding-bottom: 4px !important; } .sidebar .widget-box .user-make-offer-message .nav > li.btnWatch button:hover i{ color:#fff !important; } .sidebar .widget-box .user-make-offer-message .nav > li .browse-favourite{ margin-right: 2px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .sidebar .widget-box .user-make-offer-message .nav > li > a, .sidebar .widget-box .user-make-offer-message .nav > li .browse-favourite a, .sidebar .widget-box .user-make-offer-message .nav > li.btnWatch button{ border: 2px solid #b6d91a; border-radius: 0; text-transform: uppercase; font-size: 12px; color: #b6d91a; padding: 7px 23px; } .sidebar .widget-box .user-make-offer-message .nav > li > a i, .sidebar .widget-box .user-make-offer-message .nav > li.btnWatch button i, .sidebar .widget-box .user-make-offer-message .nav > li .browse-favourite a i { color: #b6d91a; margin-right: 10px; } .sidebar .widget-box .user-make-offer-message .nav > li > a:hover, .sidebar .widget-box .user-make-offer-message .nav > li.btnWatch button:hover { color: #fff !important; background: #b6d91a !important; } .sidebar .widget-box .user-make-offer-message .nav > li > a:hover i, .sidebar .widget-box .user-make-offer-message .nav > li button:hover i { color: #fff !important; } .sidebar .widget-box .user-make-offer-message .nav > li.active > a, .sidebar .widget-box .user-make-offer-message .nav > li.active > button { background: #b6d91a; color: #fff !important; } .sidebar .widget-box .user-make-offer-message .nav > li.active > a i { color: #fff !important; } .sidebar .widget-box .user-make-offer-message .tab-content form { border: 1px solid #e0e0e0; border-radius: 3px; padding: 20px 15px; } .sidebar .widget-box .user-make-offer-message .tab-content form .form-group { margin-bottom: 10px; } .sidebar .widget-box .user-make-offer-message .tab-content form label { font-size: 14px; color: #232323; text-transform: capitalize; } .sidebar .widget-box .user-make-offer-message .tab-content form input { border-radius: 2px; font-size: 12px; } .sidebar .widget-box .user-make-offer-message .tab-content form textarea { min-height: 100px; font-size: 12px; } .sidebar .widget-box .user-make-offer-message .tab-content form .form-control-static { font-size: 16px; color: #232323; font-weight: 600; } .sidebar .widget-box .user-make-offer-message .radio { margin-bottom: 20px; } .sidebar .widget-box .user-make-offer-message .radio label { color: #6c6c6c !important; font-size: 14px; } .sidebar .widget-box .user-make-offer-message .otherMSG{ margin-bottom: 15px; display: none; } .classieraOffer{ position:relative; } /*********** WordPress SideBar Widget ***********/ .sidebar .widget-box > ul{ list-style: none; padding: 15px; } .sidebar .widget-box > ul > li > a:hover, .sidebar .widget-box > ul > li > a:focus{ color: #b6d91a; } .sidebar .widgetBox .widgetContent .cats ul{ list-style: none; padding: 15px; } .sidebar .widgetBox .widgetContent .cats ul > li > a:hover, .sidebar .widget-box .widgetContent .cats ul > li > a:focus{ color: #b6d91a; } .sidebar #calendar_wrap{ padding: 15px; } .sidebar label.screen-reader-text{ text-transform: capitalize; margin-left: 15px; } .postform{ width: 89% !important; -moz-appearance: none !important; border: 1px solid #e0e0e0 !important; padding: 15px !important; margin-left: 15px !important; margin-bottom: 15px; } .sidebar .widget-box .menu-all-pages-container ul{ list-style: none; padding: 15px; } .sidebar .widget-box .menu-all-pages-container ul li a:hover, .sidebar .widget-box .menu-all-pages-container ul li a:focus{ color: #b6d91a; } .sidebar .widget-box > ul > li ul.children{ list-style: none; margin-left: 15px; } .custom-wp-search input{ background: #fafafa; color: #aaaaaa; border-color: #e0e0e0; height: 40px; line-height: 40px; } .custom-wp-search .btn-wp-search{ padding: 10px 15px; background: #232323; } .custom-wp-search .btn-wp-search i{ color: #fff; } .sidebar .widget-box .price h3.post-price{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidebar .widget-box .price h3.post-price span.ad_type_display{ background:#B6D91A; color:#fff; padding:5px 10px; border-radius:2px; margin-left: 10px; font-size:14px; line-height: 1; } .single-post-page .single-post .price h3.price-title span.ad_type_display{ background:#B6D91A; color:#fff; padding:5px 10px; border-radius:2px; margin-left: 15px; font-size:14px; line-height: 1; } /* ========================================================================== contact us ========================================================================== */ .contact-us h4 { margin-bottom: 45px; font-size: 20px; } .contact-us form .form-group { margin-bottom: 15px; } .contact-us form .form-group label { font-size: 16px; font-weight: normal; margin-bottom: 15px; } .contact-us form .form-group .form-control { width: 100%; border-radius: 3px; padding-left: 60px; text-transform: none; } .contact-us form .form-group .form-icon { padding: 0 20px; line-height: 50px; } .contact-us form .form-group textarea { width: 100%; height: 160px; border: 1px solid #e0e0e0; border-radius: 3px; padding: 20px 15px; } .contact-us form .form-group .help-block { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); line-height: 50px; margin: 0; } .contact-us form .form-group .help-block > ul{ margin: 0; } .contact-us .contact-us-info li { margin-bottom: 25px; padding-right: 100px; } .contact-us .contact-us-info li i { font-size: 16px; } /* ========================================================================== inner-page-content ========================================================================== */ .inner-page-content { padding-bottom: 80px; /* breadcrumb */ /* article-content */ /* login register */ } .inner-page-content .woocommerce-breadcrumb{ padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .inner-page-content .breadcrumb, .inner-page-content .woocommerce-breadcrumb{ background: #fafafa; border: 1px solid #e0e0e0; margin-top: 30px; /*change breadcrumb separator to raquo symbol*/ } .inner-page-content .breadcrumb > li, .inner-page-content .woocommerce-breadcrumb{ text-transform: capitalize; font-size: 12px; } .inner-page-content .breadcrumb > li a, .inner-page-content .woocommerce-breadcrumb a{ font-size: inherit; color: #6c6c6c; } .inner-page-content .breadcrumb > li a:hover, .inner-page-content .breadcrumb > li a:hover i, .inner-page-content .woocommerce-breadcrumb > a:hover{ color: #b6d91a; } .inner-page-content .breadcrumb > li.active { color: #b6d91a; } .inner-page-content .breadcrumb > li + li:before{ content: "\f101"; font-family: 'Font Awesome\ 5 Free'; font-weight:600; color: #aaa; } .inner-page-content .woocommerce-breadcrumb a{ position:relative; } .inner-page-content .woocommerce-breadcrumb a:first-of-type{ padding-left:25px; } .inner-page-content .woocommerce-breadcrumb a:first-of-type:before{ content: "\f015"; font-family: 'Font Awesome\ 5 Free'; font-weight:600; color: #aaa; position:absolute; left:5px; top:-4px; } .inner-page-content .woocommerce-breadcrumb a + i{ padding:0 5px; color:#aaaaaa; font-size:12px; } .inner-page-content .sidebar .woocommerce-product-search{ padding:20px 15px; } .inner-page-content article.article-content.blog { margin-bottom: 50px; } .inner-page-content article.article-content.blog h3 a { color: #232323; } .inner-page-content article.article-content.blog h3 a:hover { color: #b6d91a; } .inner-page-content article.article-content.blog p span { color: #aaaaaa; margin-right: 10px; display: inline-block; } .inner-page-content article.article-content.blog p span a { color: inherit; } .inner-page-content article.article-content.blog p span a:hover { color: #b6d91a; } .inner-page-content article.article-content.blog p span i { color: inherit; margin-right: 10px; } .inner-page-content article.article-content.blog .blog-img { width: auto; height: 400px; margin-bottom: 30px; } .inner-page-content article.article-content.blog .blog-img img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .inner-page-content article.article-content.blog .blog-img img.thumbnail { border-radius: 0; border: 1px solid #e0e0e0; } .inner-page-content article.article-content.blog .single-post { padding-bottom: 30px; margin-bottom: 20px; } .inner-page-content article.article-content.blog .tags { font-size: 13px; color: #6c6c6c; } .inner-page-content article.article-content.blog .tags > span { color: #232323; font-size: inherit; margin-right: 20px; } .inner-page-content article.article-content.blog .tags > span i { margin-right: 10px; } .inner-page-content article.article-content.blog .tags a { font-size: inherit; color: inherit; margin-right: 18px; } .inner-page-content article.article-content.blog .tags a:hover { color: #b6d91a; } .inner-page-content article.article-content.blog.blog-post { margin-bottom: 60px; } .inner-page-content article.article-content h1, .inner-page-content article.article-content h2, .inner-page-content article.article-content h3, .inner-page-content article.article-content h4, .inner-page-content article.article-content h5, .inner-page-content article.article-content h6 { margin-bottom: 30px; } .inner-page-content article.article-content p { margin-bottom: 30px; } .inner-page-content article.article-content p::before, .inner-page-content article.article-content p::after{ content: ""; display: table; clear: both; } .inner-page-content article.article-content blockquote { background: #f6f6f6; border: none; padding: 30px 35px; position: relative; } .inner-page-content article.article-content blockquote p { font-size: 16px; font-style: italic; margin-bottom: 0; padding: 0 20px; color: #6c6c6c; } .inner-page-content article.article-content blockquote:before { content: "\f10d"; font-family: FontAwesome; color: #b6d91a; font-size: 24px; position: absolute; left: 20px; top: 25px; } .inner-page-content article.article-content ul { list-style: none; position: relative; } .inner-page-content article.article-content ul li { margin-left: 30px; } .inner-page-content article.article-content ul li:before { content: "\f046"; font-family: FontAwesome; color: #b6d91a; position: absolute; left: 0; } .inner-page-content article.article-content ol { margin: 0 0 1.5em; padding: 0; counter-reset: item; } .inner-page-content article.article-content ol li { padding: 0 0 0 20px; list-style-type: none; counter-increment: item; margin-bottom: 40px; position: relative; } .inner-page-content article.article-content ol li:before { display: inline-block; width: 1em; padding-right: 15px; font-weight: bold; text-align: right; content: counter(item); position: absolute; left: 0; } .inner-page-content article.article-content ol li a{ color: #b6d91a; } .inner-page-content > .container .container { width: 100%; padding-left: 0; padding-right: 0; } .inner-page-content .classiera-advertisement { padding-top: 0; background: #fff; } .inner-page-content .classiera-advertisement .section-heading-v1, .inner-page-content .classiera-advertisement .section-heading-v5, .inner-page-content .classiera-advertisement .section-heading-v6 { display: none; } .inner-page-content .classiera-advertisement .section-gray-bg, .inner-page-content .classiera-advertisement .section-light-bg { background: #fff; padding-bottom: 0; } .inner-page-content .login-register { padding-top: 80px; } .inner-page-content .login-register .classiera-login-register-heading { padding-bottom: 30px; margin-bottom: 40px; } .inner-page-content .login-register .classiera-login-register-heading h3 { letter-spacing: 1px; margin: 0; } .inner-page-content .login-register .social-login{ padding-bottom: 60px; margin-bottom: 60px; } .inner-page-content .login-register .social-login h5 { font-size: 16px; letter-spacing: 1px; margin-bottom: 30px; font-weight: normal; } .inner-page-content .login-register .social-login-v2 h5 { font-size: 16px; letter-spacing: 1px; margin-bottom: 30px; font-weight: normal; } .inner-page-content .login-register .social-login .social-login-or { position: absolute; bottom: 48px; left: 0; right: 0; margin: auto; text-align: center; } .inner-page-content .login-register .social-login .social-login-or span{ font-size: 20px; letter-spacing: 5px; font-weight: bold; background-color: #fff; padding: 0 30px; } .inner-page-content .login-register form .form-group { width: 100%; position: relative; margin-bottom: 20px; } .inner-page-content .login-register form .form-group .form-icon { padding: 0; width: 50px; height: 50px; line-height: 50px; border-right: 1px solid #e0e0e0; text-align: center; } .inner-page-content .login-register form .form-group .form-control { border-radius: 3px; width: 100%; padding-left: 60px; text-transform: none; color: #aaaaaa; } .inner-page-content .login-register form .form-group .help-block { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; margin: 0; line-height: 50px; } .inner-page-content .login-register form .form-group .help-block > ul{ margin: 0; } .inner-page-content .login-register form .form-group .left-side { top: 30px; left: 25px; } .inner-page-content .login-register form .form-group .left-side > ul > li { color: #a94442; } .inner-page-content .login-register.login-register-v1 .single-label { text-align: right; } .inner-page-content .login-register.login-register-v1 .single-label label { color: #232323; text-transform: capitalize; font-size: 15px; line-height: 45px; font-weight: normal; } .inner-page-content .login-register.login-register-v1 .single-label label .text-danger { color: #fa4e40; } .inner-page-content .login-register.login-register-v1 form .form-icon { border-right: none; } .inner-page-content .login-register.login-register-v1 form .form-group p a { color: #232323; font-weight: bold; } .inner-page-content .login-register.login-register-v1 form .form-group p a:hover { color: #b6d91a; } .inner-page-content .login-register.login-register-v1 form .form-group p.forget-pass { margin-top: 10px; } .inner-page-content .advertisement-v2 .nav-tabs > li > a .btn-label-text { padding: 11px 9px; } .inner-page-content .classiera-box-div-v3 { background: #f6f6f6; } .inner-page-content .advertisement-v4 .view-head .tab-button .nav-tabs > li > a { padding-left: 17px; padding-right: 17px; } .inner-page-content .classiera-advertisement .masonry-content { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .inner-page-content .classiera-advertisement .item.item-list .classiera-box-div figure figcaption { width: 50%; } .inner-page-content .classiera-advertisement .item.item-list .classiera-box-div figure figcaption h5 { padding-right: 0; } .inner-page-content .classiera-advertisement .item.item-list .classiera-box-div figure figcaption p { padding-right: 0; } .inner-page-content .classiera-advertisement .item.item-list .classiera-box-div figure .premium-img { margin-right: 15px; } .inner-page-content .advertisement-v6 .view-head .tab-button .nav-tabs > li > a { padding: 9px 23px; } .inner-page-content .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v6 figure figcaption { width: 43%; } .inner-page-content .classiera-advertisement .item.item-list .classiera-box-div.classiera-box-div-v7 figure figcaption { width: 43%; } .inner-page-content .classiera-advertisement .item.item-list .classiera-box-div figure figcaption .price.visible-xs{ background: #b6d91a; color: #fff; padding: 5px 15px; border-radius: 5px; margin-bottom: 5px; font-weight: 600; } /* ========================================================================== border section ========================================================================== */ .border-section { padding: 30px; position: relative; } .border-section .border-section-heading { position: absolute; font-size: 16px; top: -20px; left: 35px; padding: 0 15px; background: #fff; } .border-section .border-section-heading i { margin-right: 10px; letter-spacing: 1px; } .border-section .user-comments { padding-top: 20px; padding-bottom: 40px; margin-bottom: 30px; } .border-section .user-comments .media .media-object { height: 80px; width: 80px; object-fit: cover; -o-object-fit: cover; } .border-section .user-comments .media .media-object.img-thumbnail { border-radius: 0; } .border-section .user-comments .media .media-body .media-heading { margin-top: 10px; margin-bottom: 10px; } .border-section .user-comments .media .media-body .media-heading .normal { font-weight: normal; color: #6c6c6c; } .border-section .user-comments .media .media-body p + h5 { padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .border-section .user-comments .media .media-body p + h5 a { color: #6c6c6c; } .border-section .user-comments .media .media-body p + h5 a i { margin-right: 10px; color: inherit; } .border-section .user-comments .media .media-body p + h5 a:hover { color: #232323; } .border-section .user-comments .media .media-body .reply-comment-div { display: none; position: relative; } .border-section .user-comments .media .media-body .reply-comment-div > button.reply-tg-button { position: absolute; right: 10px; z-index: 1; } .border-section .comment-form .comment-form-heading { margin-bottom: 30px; } .border-section .comment-form .comment-form-heading h4 { font-size: 16px; margin-top: 0; } .border-section .comment-form .comment-form-heading p { margin-bottom: 0; } .border-section .comment-form form .form-group { margin-bottom: 20px; } .border-section .comment-form form .form-group .form-control { width: 100%; border-radius: 0; padding-left: 15px; color: #aaaaaa; text-transform: none; } .border-section .comment-form form .form-group textarea { width: 100%; height: 100px; padding: 15px; color: #aaaaaa; border: 1px solid #e0e0e0; } .odd{ margin-left: 30px; } .author-box { margin-top: 50px; margin-bottom: 40px; } .author-box .author-box-bg { padding-top: 30px; padding-bottom: 30px; border-radius: 3px; } .author-box .author-first-row { padding-bottom: 24px; } .author-box .author-second-row { padding-top: 30px; } .author-box .author-social h5 { margin-top: 0; } .author-box .author-social .author-social-icons ul { margin-left: 0; } .author-box .author-social .author-social-icons li { padding-right: 3px; padding-left: 0; } .author-box .author-social .author-social-icons li > a { border-radius: 3px; display: inline-block; width: 40px; height: 40px; background: #f0f0f0; color: #6c6c6c; text-align: center; line-height: 40px; } .author-box .author-social .author-social-icons li > a:hover { background: #b6d91a; } .author-box .author-social .author-social-icons li > a:hover i { color: #fff; } @media only screen and (min-width: 1025px) { .author-box .author-desc p { padding-right: 21%; } } .author-box .author-desc p strong { color: #232323; } .author-box .author-contact-details h5 { margin-top: 0; } .author-box .author-contact-details .contact-detail-row { display: table; width: 100%; } .author-box .author-contact-details .contact-detail-row .contact-detail-col { display: table-cell; width: 50%; } .author-box .author-contact-details .contact-detail-row .contact-detail-col span { color: #6c6c6c; display: inline-block; } .author-box .author-contact-details .contact-detail-row .contact-detail-col span i { width: 20px; padding-right: 20px; } .author-box .author-contact-details .contact-detail-row .contact-detail-col span a { color: inherit; } .author-box .author-contact-details .contact-detail-row .contact-detail-col span a:hover { color: #b6d91a; } .author-box .author-contact-details .contact-detail-row:before, .author-box .author-contact-details .contact-detail-row:after { content: ""; clear: both; } .author-info .media-object { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; -o-object-fit: cover; } .author-info .media-heading { margin-bottom: 10px; } .author-info .media-heading a:hover { color: #b6d91a; } .author-info p { font-size: 13px; color: #aaaaaa; margin-bottom: 10px; line-height: 13px; } .author-info span { display: inline-block; margin-left: 1px; margin-right: 10px; font-size: 13px; } .author-info span i { color: #b6d91a; margin-right: 10px; font-size: inherit; } .author-info span.offline i { color: #232323; } /* ========================================================================== user pages ========================================================================== */ .user-pages { padding: 50px 0; } @media only screen and (min-width: 1024px) { .user-pages #sideBarAffix.affix { position: fixed; width: 270px; } .user-pages #sideBarAffix.affix-top { position: static; } .user-pages #sideBarAffix.affix-bottom { position: absolute; bottom: auto !important; width: 270px !important; } } .user-pages aside { padding-bottom: 30px; } .user-pages aside .author-info { padding: 30px 15px; } .user-pages aside .user-page-list { padding: 0 15px; margin-bottom: 20px; } .user-pages aside .user-page-list li { border-bottom: 1px solid #e0e0e0; padding: 7px 0; } .user-pages aside .user-page-list li a { display: block; } .user-pages aside .user-page-list li a span { display: inline-block; color: #6c6c6c; font-size: 11px; text-transform: uppercase; } .user-pages aside .user-page-list li a span i { color: #6c6c6c; font-size: 13px; margin-right: 10px; } .user-pages aside .user-page-list li a:hover { background: #b6d91a; } .user-pages aside .user-page-list li a:hover span { transform: translateX(10px); color: #fff; } .user-pages aside .user-page-list li a:hover span i { color: #fff; } .user-pages aside .user-page-list li a:hover span.in-count { transform: translateX(-15px); } .user-pages aside .user-page-list li.active a { background: #b6d91a; } .user-pages aside .user-page-list li.active a span { color: #fff; transform: translateX(10px); } .user-pages aside .user-page-list li.active a span i { color: #fff; } .user-pages aside .user-page-list li.active a span.in-count { transform: translateX(-15px); } .user-pages aside .user-submit-ad { padding: 0 15px; } .user-pages aside .user-submit-ad .btn-user-submit-ad { background: none; border: 1px solid #d9d9d9; border-bottom-width: 3px; color: #232323; } .user-pages aside .user-submit-ad .btn-user-submit-ad:hover { background: #b6d91a; border-color: #b6d91a; color: #fff; } .user-pages .user-detail-section { padding: 30px 15px; } .user-pages .user-detail-section .user-detail-section-heading { margin-top: 0; border-bottom: 1px solid #e0e0e0; padding-bottom: 18px; margin-bottom: 20px; font-size: 16px; letter-spacing: 1px; } .user-pages .user-detail-section .about-me { margin-bottom: 50px; } .user-pages .user-detail-section .about-me p { margin-bottom: 35px; } .user-pages .user-detail-section .about-me p strong { font-weight:blod; color: #232323; } .user-pages .user-detail-section .user-contact-details { margin-bottom: 50px; } .user-pages .user-detail-section .user-contact-details ul li { margin-bottom: 5px; font-size: 16px; } .user-pages .user-detail-section .user-contact-details ul li i { font-size: 14px; width: 20px; margin-right: 10px; } .user-pages .user-detail-section .user-contact-details ul li a { color: #6c6c6c; font-size: 16px; } .user-pages .user-detail-section .user-contact-details ul li a:hover { color: #b6d91a; } .user-pages .user-detail-section .user-social-profile-links { margin-bottom: 50px; } .user-pages .user-detail-section .user-social-profile-links ul li { padding-left: 1px; padding-right: 1px; } .user-pages .user-detail-section .user-social-profile-links ul li a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #f0f0f0; color: #6c6c6c; border-radius: 3px; } .user-pages .user-detail-section .user-social-profile-links ul li a i { color: #6c6c6c; } .user-pages .user-detail-section .user-social-profile-links ul li a:hover { background: #b6d91a; color: #fff; } .user-pages .user-detail-section .user-social-profile-links ul li a:hover i { color: #fff; } .user-pages .user-detail-section .user-ads { margin-bottom: 50px; } .user-pages .user-detail-section .user-ads .media { padding-bottom: 20px; margin-bottom: 20px; } .user-pages .user-detail-section .user-ads .media .media-object { height: 100px; width: 100px; object-fit: cover; -o-object-fit: cover; } .user-pages .user-detail-section .user-ads .media .classiera_posts_btns{ display:flex; flex-wrap:wrap; margin-top:15px; } .user-pages .user-detail-section .user-ads .media .classiera_posts_btns > *{ margin-right:10px; } .user-pages .user-detail-section .user-ads .media .media-body .media-heading { margin-top: 5px; margin-bottom: 15px; font-weight: normal; text-transform: uppercase; line-height: 23px; } .user-pages .user-detail-section .user-ads .media .media-body .media-heading a { color: #232323; } .user-pages .user-detail-section .user-ads .media .media-body .media-heading a:hover { color: #b6d91a; } .user-pages .user-detail-section .user-ads .media .media-body p span { display: inline-block; color: #aaaaaa; font-size: 13px; margin-right: 15px; } .user-pages .user-detail-section .user-ads .media .media-body p span i { font-size: 14px; color: inherit; margin-right: 5px; } .user-pages .user-detail-section .user-ads .media .media-body p span a { color: #aaaaaa; text-transform: capitalize; } .user-pages .user-detail-section .user-ads .media .media-body p span a:hover { color: #b6d91a; } .user-pages .user-detail-section .user-ads .media .media-body p span.published i { color: #b6d91a; } .user-pages .user-detail-section .user-ads .media .media-right { text-align: center; } .user-pages .user-detail-section .user-ads .media .media-right a.btn { width: 108px; margin-top: 10px; } .user-pages .user-detail-section .user-ads .user-view-all { margin-top: 40px; } .user-pages .user-detail-section .user-ads .user-view-all a.btn { width: 108px; } .user-pages .user-detail-section .user-ads.favorite-ads h4 { margin-top: 10px; margin-bottom: 30px; font-size: 16px; letter-spacing: 1px; } .user-pages .user-detail-section .user-ads.favorite-ads .media a.btn { width: auto !important; } .user-pages .user-detail-section .user-packages .table thead > tr > th, .user-pages .user-detail-section .user-packages .table tbody > tr > th, .user-pages .user-detail-section .user-packages .table tfoot > tr > th, .user-pages .user-detail-section .user-packages .table thead > tr > td, .user-pages .user-detail-section .user-packages .table tbody > tr > td, .user-pages .user-detail-section .user-packages .table tfoot > tr > td { vertical-align: middle; border-top: none; } .user-pages .user-detail-section .user-packages .table > thead > tr > th { border-bottom: 1px solid #e0e0e0; } .user-pages .user-detail-section .user-packages .table tr td.text-success { color: #b6d91a; text-transform: uppercase; } .user-pages .user-detail-section .user-packages .table tr td.pending { color: #8a6d3b; text-transform: uppercase; } .user-pages .user-detail-section .user-profile-settings form > p { margin-bottom: 50px; } .user-profile-settings .inputfile + label i{ color:#fff; } .user-pages .user-detail-section .user-profile-settings form .form-inline-margin { margin-bottom: 50px; } .user-pages .user-detail-section .user-profile-settings form .media { margin-bottom: 50px; } .user-pages .user-detail-section .user-profile-settings form .media .media-object { width: 150px; height: 150px; object-fit: cover; -o-object-fit: cover; } .user-pages .user-detail-section .user-profile-settings form .media .media-heading { font-weight: bold !important; margin-top: 0; } .user-pages .user-detail-section .user-profile-settings form .form-group label { font-size: 13px; margin-bottom: 10px; text-transform: capitalize; } .user-pages .user-detail-section .user-profile-settings form .form-group .input-group { width: 100%; } .user-pages .user-detail-section .user-profile-settings form .form-group .input-group .input-group-addon { background: #f0f0f0; color: #6c6c6c; border-color: #e0e0e0; } .user-pages .user-detail-section .user-profile-settings form .form-group .input-group .input-group-addon i{ color: #6c6c6c !important; } .user-pages .user-detail-section .user-profile-settings form .form-group .inner-addon { margin-bottom: 30px; } .user-pages .user-detail-section .user-profile-settings form .form-group .inner-addon .form-control, .user-pages .user-detail-section .user-profile-settings form .form-group .inner-addon textarea { width: 100%; border: 1px solid #e0e0e0; font-size: 13px; color: #aaaaaa; border-radius: 3px; } .user-pages .user-detail-section .user-profile-settings form .form-group .inner-addon textarea { height: 200px; padding: 15px; border-radius: 3px; } /* user followers */ .user-pages .user-detail-section .user-ads.follower .media .media-body{ padding: 0; } .user-pages .user-detail-section .user-ads.follower .media .media-body .media-heading{ margin-bottom: 0; font-weight: bold; } .user-pages .user-detail-section .user-ads.follower .media .media-body > .classiera_follow_user input[type='submit']{ background: #232323; border: 1px solid #232323; color: #ffffff; text-transform: uppercase; padding: 4px 13px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .user-pages .user-detail-section .user-ads.follower .media .media-body > .classiera_follow_user input[type='submit']:hover, .user-pages .user-detail-section .user-ads.follower .media .media-body > .classiera_follow_user input[type='submit']:focus{ background: #b6d91a; border: 1px solid #b6d91a; } /* ========================================================================== advance search settings ========================================================================== */ form .search-form .search-form-main-heading { border-bottom: 1px solid #e0e0e0; } form .search-form .search-form-main-heading a { padding-left: 15px; text-transform: uppercase; font-size: 14px; display: block; background: #fafafa; color: #232323; padding-top: 15px; padding-bottom: 15px; } form .search-form .search-form-main-heading a i { color: #b6d91a; margin-right: 10px; } form .search-form #innerSearch { padding: 15px; } form .search-form #innerSearch .inner-search-box { border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 15px; } form .search-form #innerSearch .inner-search-box .inner-addon, form #innerSearch .inner-search-box #post_location, form #innerSearch .inner-search-box #post_state, form #innerSearch .inner-search-box #post_sub_loc, form #innerSearch .inner-search-box #main_cat, form #innerSearch .inner-search-box #sub_cat{ margin-bottom: 10px; } form .search-form #innerSearch .inner-search-box .inner-search-heading { font-weight: normal; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; text-transform: capitalize; } form .search-form #innerSearch .inner-search-box .inner-search-heading i { color: #b6d91a; margin-right: 10px; } form .search-form #innerSearch .inner-search-box .slider.slider-horizontal { margin-left: 12px; height: 15px; } form .search-form #innerSearch .inner-search-box .slider-handle { background-color: #b6d91a; background-image: none; height: 15px; width: 15px; } form .search-form #innerSearch .inner-search-box .price-range-text { padding-left: 6px; padding-top: 10px; } form .search-form #innerSearch .inner-search-box input[type="checkbox"]:checked + label::before { content: "\f14a"; color: #232323; } form .search-form #innerSearch .inner-search-box input[type="checkbox"] + label::before { color: #e0e0e0; } form .search-form #innerSearch .inner-search-box p { margin-top: 10px; color: #232323; font-size: 13px; text-transform: capitalize; } form .search-form #innerSearch .inner-search-box .price-range-text { color: #6c6c6c; font-size: 13px; } form .search-form #innerSearch .inner-search-box .price-range-text span { color: inherit; } form .search-form #innerSearch .inner-search-box .form-control { background: #fafafa; color: #aaaaaa; border-radius: 4px; text-transform: none; font-size: 13px; width: 100%; } form .search-form #innerSearch .inner-search-box label { text-transform: capitalize; } form .search-form #innerSearch .inner-search-box label span { color: #aaaaaa; } form .search-form #innerSearch .inner-search-box .inner-search-box-child { border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; } form .search-form #innerSearch .inner-search-box .inner-search-box-child:last-of-type { border: none; } .search-form.search-form-v5 button[type="submit"]:hover{ color: #fff !important; } .classiera_adv_subcat{display:none;} /* ========================================================================== submit post ========================================================================== */ .submit-post { padding: 30px 15px; } .submit-post form .form-group { margin-bottom: 40px; } .submit-post form .form-group p { margin: 0; } .submit-post form .form-group label { color: #6c6c6c; font-weight: normal; padding-top: 7px; } .submit-post form .form-group label span { color: #fa4e40; } .submit-post form .form-group .radio { display: inline-block; padding: 0; } .submit-post form .form-group .radio label { display: inline-block; margin-right: 20px; } .submit-post form .form-group .form-control { border-radius: 3px; width: 100%; color: #aaaaaa; text-transform: none; border-color: #e0e0e0; padding-top: 0; padding-bottom: 0; } .submit-post form .form-group .help-block { font-size: 12px; } .submit-post form .form-group textarea { height: 140px; padding: 20px 15px !important; } .submit-post form .form-group .input-group { width: 100%; } .submit-post form .form-group .input-group .input-group-addon { width: 50px; background: #f0f0f0; border-color: #e0e0e0; } .submit-post form .form-group .input-group .input-group-addon i { color: #6c6c6c !important; } .submit-post form .form-group .input-group input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .submit-post form .form-group .inner-addon .right-form-icon { padding: 18px 21px; } .submit-post form .form-main-section { margin-bottom: 50px; } .submit-post form .form-main-section > h4 { margin-top: 0; padding-bottom: 20px; margin-bottom: 30px; font-size: 16px; font-weight: normal; text-transform: capitalize; letter-spacing: 1px; } .submit-post form .form-main-section .classiera-dropzone-heading { display: table; margin-bottom: 15px; } .submit-post form .form-main-section .classiera-dropzone-heading .classiera-dropzone-heading-text { display: table-cell; vertical-align: middle; } .submit-post form .form-main-section .classiera-dropzone-heading i { font-size: 36px; color: #b6d91a; padding-right: 12px; } .submit-post form .form-main-section .classiera-dropzone-heading p { font-size: 11px; margin: 0; line-height: 18px; } .submit-post form .form-main-section #mydropzone { margin-bottom: 30px; } .submit-post form .form-main-section .classiera-image-upload { border: 2px dotted #e0e0e0; background: #f9f9f9; padding: 30px 20px; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box { width: 25%; float: left; padding: 0 5px; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box .classiera-upload-box { margin-bottom: 10px; width: 100%; height: 80px; border: 1px solid #e0e0e0; position: relative; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box .classiera-upload-box input[type="file"] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box .classiera-upload-box .classiera-input-file + label { display: block; background: #f0f0f0; width: 100%; height: 100%; font-size: 20px; cursor: pointer; text-align: center; position: relative; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box .classiera-upload-box .classiera-input-file + label i { width: 20px; height: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box .classiera-upload-box .classiera-image-preview { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; display: none; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box .classiera-upload-box .classiera-image-preview img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box .classiera-upload-box .classiera-image-preview span { display: inline-block; position: absolute; top: -10px; right: -10px; cursor: pointer; z-index: 11; } .submit-post form .form-main-section .classiera-image-upload .classiera-image-box .classiera-upload-box .classiera-image-preview span i { font-size: 20px; color: #232323; } .submit-post form .form-main-section .iframe .iframe-heading { margin-bottom: 10px; } .submit-post form .form-main-section .iframe .iframe-heading i { color: #b6d91a; font-size: 18px; margin-right: 10px; } .submit-post form .form-main-section .iframe .iframe-heading span { font-size: 13px; } .submit-post form .form-main-section #post-map { width: 100%; height: 300px; overflow: hidden; margin-top: 30px; } .submit-post form .form-main-section #post-map img { width: 100%; } .submit-post form .form-main-section .active-post-type .post-type-box { border: 3px solid #b6d91a; } .submit-post form .form-main-section .post-type-box { border: 1px solid #e0e0e0; text-align: center; padding: 21px 0; margin-bottom:30px; border-radius: 3px; } .submit-post form .form-main-section .post-type-box h3 { font-size: 20px; margin: 0; } .submit-post form .form-main-section .post-type-box p { font-size: 14px; color: #aaaaaa; margin-bottom: 0; } .submit-post form .terms-use { color: #6c6c6c; font-size: 14px; } .submit-post form .terms-use a { color: #232323; font-weight: bold; } .submit-post form > h4 { margin-top: 0; padding-bottom: 20px; margin-bottom: 30px; font-size: 16px; } .submit-post form .classiera-post-inner-heading { font-weight: normal; margin-bottom: 30px; font-size: 16px; letter-spacing: 1px; } .submit-post form .classiera-post-main-cat { margin-bottom: 40px; } .submit-post form .classiera-post-main-cat ul li { width: 130px; margin-bottom: 10px; vertical-align: middle; } .submit-post form .classiera-post-main-cat ul li a { display: block; text-align: center; width: 100%; height: 100%; border-radius: 3px; padding: 27px 0; } .submit-post form .classiera-post-main-cat ul li a img{ max-width:32px; } .submit-post form .classiera-post-main-cat ul li a i { font-size: 24px; margin-bottom: 18px; } .submit-post form .classiera-post-main-cat ul li a span { font-size: 13px; line-height: 16px; display: block; color: #6c6c6c; } .submit-post form .classiera-post-main-cat ul li a:hover, .submit-post form .classiera-post-main-cat ul li a:focus { background: #b6d91a; border-color: #b6d91a; } .submit-post form .classiera-post-main-cat ul li a:hover i, .submit-post form .classiera-post-main-cat ul li a:focus i { color: #fff !important; } .submit-post form .classiera-post-main-cat ul li a:hover span, .submit-post form .classiera-post-main-cat ul li a:focus span { color: #fff; } .submit-post form .classiera-post-main-cat ul li.active a { background: #b6d91a; border-color: #b6d91a; } .submit-post form .classiera-post-main-cat ul li.active a i { color: #fff !important; } .submit-post form .classiera-post-main-cat ul li.active a span { color: #fff; display: block; font-size: 12px; } .submit-post form .classiera-post-sub-cat ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .submit-post form .classiera-post-sub-cat ul li{ max-width: 33.333333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; } .submit-post form .classiera_third_level_cat ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .submit-post form .classiera_third_level_cat ul li{ max-width: 33.333333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; } .submit-post form .classiera-post-sub-cat ul li a { color: #0096ff; font-size: 16px; } .submit-post form .classiera_third_level_cat ul li a { color: #0096ff; font-size: 16px; } .submit-post form .classiera-post-sub-cat ul li a:hover, .submit-post form .classiera-post-sub-cat ul li a:focus{ color: #b6d91a; } .submit-post.submit-post-v2 { padding-left: 30px; padding-right: 30px; } .submit-post.submit-post-v2 form .terms-use { padding-left: 6px; margin-bottom: 30px; } .submit-post.submit-post-v2 form .form-main-section > h4 { font-size: 20px; letter-spacing: 1px; text-transform: uppercase; } .submit-post.submit-post-v2 form .form-main-section.post-type > p { padding-left: 6px; margin-bottom: 20px; } .submit-post.submit-post-v2 form .form-main-section.post-type .post-type-box { padding: 20px 0; } .submit-post.submit-post-v2 form > h3 { letter-spacing: 1px; padding-bottom: 30px; margin-bottom: 40px; font-weight: normal; } .submit-post.submit-post-v2 form .form-group .form-control-static { padding-top: 12px; } .submit-post.submit-post-v2 form .form-group .post-type-box { padding: 5px 0 12px 0; } .submit-post.submit-post-v2 form .form-group label.control-label { font-size: 18px; color: #232323; padding-top: 10px; letter-spacing: 1px; text-transform: capitalize; } .submit-post.submit-post-v2 form .form-group ul li { width: 185px; } .submit-post.submit-post-v2 form .form-group ul li a { padding: 8px 15px; display: table; text-align: left; } .submit-post.submit-post-v2 form .form-group ul li a i { display: table-cell; vertical-align: middle; padding-right: 15px; font-size: 16px; margin-bottom: 0; } .submit-post.submit-post-v2 form .form-group ul li a span { display: table-cell; vertical-align: middle; } .classiera-upload-box.classiera_featured_box{ border:3px solid #b6d91a !important } .classiera_edit__post #mydropzone .edit-post-image-block{ width:110px; height:70px; text-align:center; } .classiera_edit__post #mydropzone .edit-post-image-block img{ width:100%; height:100%; } /* ========================================================================== single post ========================================================================== */ .single-post-page .single-post .border-section { margin-bottom: 45px; } .single-post-page .single-post .single-post-title > .post-price{ border-radius: 3px; background: #fafafa; text-align: center; margin-bottom: 15px; border: 1px solid #e0e0e0; padding: 13px 0; margin-top: 15px; } .single-post-page .single-post .single-post-title > .post-price > h4{ color: #232323; font-size: 20px; font-weight: 500; margin: 0; letter-spacing: 1px; } .single-post-page .single-post .single-post-title h4 a { color: #232323; letter-spacing: 1px; font-weight: 500; line-height: 24px; } .single-post-page .single-post .single-post-title .post-category { color: #6c6c6c; } .single-post-page .single-post .single-post-title .post-category i { padding-right: 5px; } .single-post-page .single-post .single-post-title .post-category span { padding-left: 5px; display: inline-block; margin-right: 15px; } .single-post-page .single-post .single-post-title .post-category span a { color: #6c6c6c; } .single-post-page .single-post .single-post-title .post-category span a:hover { color: #b6d91a; } .single-post-page .single-post #single-post-carousel { border: 1px solid #e0e0e0; padding: 5px; position: relative; margin-bottom: 40px; } .single-post-page .single-post #single-post-carousel .carousel-inner { width: 100%; background: #f0f0f0; } .single-post-page .single-post #single-post-carousel .carousel-inner .item { height: 400px; } .single-post-page .single-post #single-post-carousel .carousel-inner .item > img { position: absolute; object-fit:cover; -o-object-fit:cover; top: 0; bottom: 0; left: 0; right: 0; height: 100%; margin: auto; } .single-post-page .single-post #single-post-carousel .single-post-carousel-controls { position: absolute; bottom: 60px; right: 60px; z-index: 10; width: 55px; } .single-post-page .single-post #single-post-carousel .single-post-carousel-controls .carousel-control { opacity: 0.8; } .single-post-page .single-post #single-post-carousel .single-post-carousel-controls .carousel-control span { border-radius: 4px; display: inline-block; background: #232323; width: 40px; height: 40px; line-height: 40px; } .single-post-page .single-post #single-post-carousel .num { background: rgba(35, 35, 35, 0.8); border-radius: 3px; padding: 8px 16px; color: #fff; display: inline-block; position: absolute; bottom: 20px; left: 15px; } .single-post-page .single-post #single-post-carousel .num i { color: white; margin-right: 10px; } .single-post-page .single-post .details .post-details ul { margin-bottom: 0; } .single-post-page .single-post .details .post-details ul li { width: 50%; padding: 0 15px; display: inline-block; float: left; } .single-post-page .single-post .details .post-details ul li:nth-of-type(even) { padding-right: 0; } .single-post-page .single-post .details .post-details ul li p { border-bottom: 1px dashed #e0e0e0; color: #232323; text-transform: capitalize; padding-bottom: 7px; margin-bottom: 7px; vertical-align: middle; } .single-post-page .single-post .details .post-details ul li p span { color: #8e8e8e; } .single-post-page .single-post .details .post-details ul li i.IDIcon{ color: #8e8e8e; font-size:10px; } .single-post-page .single-post .description p { margin-bottom: 30px; } .single-post-page .single-post .description p a { color: #b6d91a; } .single-post-page .single-post .description img { max-width: 100%; margin-bottom: 30px; } .single-post-page .single-post .description iframe { max-width: 100%; margin-bottom: 30px; } .single-post-page .single-post .description .tags { border-top: 1px solid #e0e0e0; padding-top: 20px; font-size: 13px; } .single-post-page .single-post .description .tags span { color: #232323; display: inline-block; margin-right: 15px; font-size: inherit; } .single-post-page .single-post .description .tags a { color: #6c6c6c; font-size: inherit; margin-right: 15px; } .single-post-page .single-post .description .tags a:hover { color: #232323; } .single-post-page .single-post > .price .price-title{ letter-spacing: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; padding-bottom: 20px; } .single-post-page .single-post > .author-info { padding: 25px 0; } .single-post-page .single-post > .author-info .media-heading { letter-spacing: 1px; } .single-post-page .single-post > .author-info p { margin-bottom: 5px; color: #aaaaaa; } .single-post-page .single-post > .author-info a { font-weight: 600; text-transform: capitalize; color: #232323; } .single-post-page .single-post > .author-info a:hover { color: #b6d91a; } .single-post-page .single-post > .author-info .contact-details h5 { margin-top: 0; letter-spacing: 1px; } .single-post-page .single-post > .author-info .contact-details .fa-ul { margin-left: 1.6em; } .single-post-page .single-post > .author-info .contact-details .fa-ul li { margin-bottom: 10px !important; line-height: 18px; text-transform: none !important; letter-spacing: 1px; font-size: 16px; } .single-post-page .single-post > .author-info .contact-details .fa-ul li a { text-transform: none !important; letter-spacing: 1px; font-size: 16px !important; font-weight: normal; color: #6c6c6c; } .single-post-page .single-post > .author-info .contact-details .fa-ul li a:hover { color: #b6d91a; } .classiera_follow_user > input[type="submit"]{ border: 2px solid #b6d91a; padding: 0px 20px; color: #b6d91a; background: transparent; } .classiera_follow_user > input[type="submit"]:hover, .classiera_follow_user > input[type="submit"]:focus{ background: #b6d91a; color: #fff !important; } .single-post-page .single-post .post-extra { padding: 30px 0; } .single-post-page .single-post .post-extra .watch-later { font-size: 16px; color: #6c6c6c; border: none; background: none; } .single-post-page .single-post .post-extra .watch-later i { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-right: 10px; } .single-post-page .single-post .post-extra .watch-later:hover { color: #d04930; } .single-post-page .single-post .post-extra .watch-later:hover i{ color: #d04930; } .single-post-page .single-post .post-extra .fav{ font-size: 16px; color: #6c6c6c; border: none; background: none; min-height: 40px; line-height: 40px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .single-post-page .single-post .post-extra .fav i { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-right: 10px; } .single-post-page .single-post .post-extra .fav:hover { color: #d04930; } .single-post-page .single-post .post-extra .fav:hover i{ color: #d04930; } .single-post-page .single-post .post-share { display: table; } .single-post-page .single-post .post-share .share-icon .apss-single-icon{ display: inline; } .single-post-page .single-post .post-share > span { padding-right: 10px; display: table-cell; vertical-align: middle; font-size: 16px; } .single-post-page .single-post .post-share .share-icon { display: table-cell; } .page-content-404 { padding: 130px 0 55px 0; } .page-content-404 .img-404 { background-image: url("../images/palm-tree1.png"), url("../images/palm-tree2.png"), url("../images/palm-tree3.png"), url("../images/palm-tree4.png"); background-position: 20% 10%, 82% 30%, 10% 66%, 94% 90%; background-repeat: no-repeat; margin-bottom: 50px; } .page-content-404 .img-404 img { margin: 0 auto; } .page-content-404 .text-404 h1 { font-size: 100px; } .page-content-404 .text-404 h2 { font-size: 36px; margin-bottom: 0; } .page-content-404 .text-404 p { font-size: 20px; color: #6c6c6c; margin-bottom: 20px; font-weight: normal; } .single-post .description ul { list-style: none; position: relative; } .single-post .description ul li { margin-left: 30px; } .single-post .description ul li:before { content: "\f046"; font-family: FontAwesome; color: #b6d91a; position: absolute; left: 0; } .single-post .description ol { margin: 0 0 1.5em; padding: 0; counter-reset: item; } .single-post .description ol li { padding: 0 0 0 20px; list-style-type: none; counter-increment: item; margin-bottom: 40px; position: relative; } .single-post .description ol li:before { display: inline-block; width: 1em; padding-right: 15px; font-weight: bold; text-align: right; content: counter(item); position: absolute; left: 0; } .single-post .description ol li a{ color: #b6d91a; } .grass-404 { background: url("../images/grass.png") repeat-x; background-size: cover; height: 200px; width: 100%; } .single-post-title > h4{ position: relative; padding-right: 100px; } .single-post-title > .price > a.edit-post{ position: absolute; color: #6c6c6c; top: 0; background: #f6f6f6; right: 0; border: 1px solid #e0e0e0; } .single-post-title > .price > a.edit-post > i{ color: #6c6c6c; padding-right: 5px; } .single-post-title > h4 > a.edit-post{ position: absolute; color: #6c6c6c; top: 25px; background: #f6f6f6; right: 0; border: 1px solid #e0e0e0; z-index: 5; top: 50%; transform: translateY(-50%); } .single-post-title > h4 > a.edit-post > i{ color: #6c6c6c; padding-right: 5px; } /* ========================================================================== Google MAP ========================================================================== */ #big-map { overflow-x: visible; position: relative; margin-bottom: 100px; } #big-map .infoBox { width: 470px !important; } #big-map .infoBox .advContent { position: relative; } #big-map .infoBox .close:after { content: "\f00d"; font-family: 'FontAwesome'; position: absolute; left: 15px; top: 0; width: 25px; height: 25px; text-align: center; background: #e96969; z-index: 2; cursor: pointer; color: #fff; } .submitMAp{overflow:hidden;} #map-canvas { display: block; width: 705px; height: 370px; position: relative; margin-bottom: 10px; } #classiera_map{ position:relative; overflow:hidden; } #classieraDv{ padding:25px; } #classieraDv a{ display:inline-block; } .classiera_main_cart a.wc-forward, .planForm a.wc-forward{ display:none !important; } .details_adv_map{ width: 100%; height: 400px; border: none; } .leaflet-control-attribution a{ display:none !important; } .gmnoprint.gm-style-cc, .gmnoprint{ display:none !important; } .classiera_single_map{ border: 1px solid #e1e1e1; padding: 5px; margin: 0 0 30px 0; height:410px; } .classiera_map_div{ display: flex; display: -ms-flexbox; align-items: center; text-decoration: none; } .classiera_map_div__img{ width: 160px; height: 140px; margin-right: 15px; border: 1px solid #e1e1e1; padding: 5px; object-fit:cover; -o-object-fit:cover; } .classiera_map_div__price{ color: #232323; font-size: 13px; margin-bottom: 0; } .classiera_map_div__price span{ color: #3eb0ff; font-size: 16px; } .classiera_map_div__heading{ color: #232323; font-size: 14px; margin-bottom: 0; } .classiera_map_div__cat{ color: #aaaaaa; font-size: 12px; } .main{ width: 300px; } /*Search on MAP*/ .ui-autocomplete{ z-index:450; } .classiera_map_search{ display: flex; display: -ms-flexbox; align-items: stretch; justify-content: flex-end; border-radius: 5px; position:absolute; z-index:10000; right:30px; top:20px; } .classiera_map_search .classiera_map_search_btn{ width: 30px; height: 50px; line-height: 50px; background: #fff; margin-right: 10px; text-align: center; cursor: pointer; border-radius: 5px; -webkit-box-shadow: 0px 7px 23px -4px rgba(0,0,0,0.28); -moz-box-shadow: 0px 7px 23px -4px rgba(0,0,0,0.28); box-shadow: 0px 7px 23px -4px rgba(0,0,0,0.28); } .classiera_map_search .classiera_map_search_btn i{ font-size: 20px; color: #666; } .classiera_map_search form{ width: 470px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity: 1; -webkit-box-shadow: 0px 7px 23px -4px rgba(0,0,0,0.28); -moz-box-shadow: 0px 7px 23px -4px rgba(0,0,0,0.28); box-shadow: 0px 7px 23px -4px rgba(0,0,0,0.28); } .classiera_map_search form.map_search_width{ width: 0; opacity: 0; visibility: hidden; } .classiera_map_search form.map_search_width .classiera_map_input-group::after{ display:none; } #classiera_map_address{ width: 100%; height: 50px; line-height: 50px; background: #fff; border: none; padding: 0 60px; outline: none; color: #aaaaaa; } .classiera_map_search .classiera_map_input-group{ display: flex; display: -ms-flexbox; align-items: stretch; position: relative; } .classiera_map_input-group::before{ content:'\f041'; font-family: FontAwesome; position: absolute; z-index: 100; font-size: 20px; left: 20px; padding-right: 15px; border-right: 1px solid #e1e1e1; top: 50%; transform: translateY(-50%); } .classiera_map_input-group::after{ content:'\f002'; font-family: FontAwesome; position: absolute; z-index: 100; font-size: 20px; right: 20px; padding-left: 15px; border-left: 1px solid #e1e1e1; top: 50%; transform: translateY(-50%); } /* ========================================================================== Ajax search dropdown ========================================================================== */ .classieraAjaxInput .classieraSearchLoader{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 5; display: none; } .classieraAjaxInput .classieraAjaxResult{ position: absolute; background: #fff; border-radius: 5px; left: 0; right: 0; z-index:1000; border:2px solid #e0e0e0; max-height:250px; overflow-y:scroll; display:none; top: 100%; } .classieraAjaxInput .classieraAjaxResult ul{ margin: 0; } .classieraAjaxInput .classieraAjaxResult ul li{ list-style: none; border-bottom: 1px solid #e0e0e0; } .classieraAjaxInput .classieraAjaxResult ul li:last-of-type{ border: none; } .classieraAjaxInput .classieraAjaxResult ul li a{ color: #232323; display: block; padding: 10px 15px; } .classieraAjaxInput .classieraAjaxResult ul li a:hover{ background: #fafafa; border-radius: 5px; } .classieraAjaxInput .classieraAjaxResult ul li a span{ padding-left: 10px; color: #6c6c6c; font-style: italic; font-weight: 400; } .classieraAjaxInput .classieraAjaxResult ul li a span i{ padding: 0 5px; } .comment-form{ position:relative; } .classiera--loader{ width:100%; height:100%; background: rgba(255, 255, 255, 0.8); left:0; top:0; text-align:center; position:absolute; z-index:2; display:none; } .classiera--loader img{ width:80px; height:80px; position:absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } .comment-success, .comment-error{ display:none; } /* ========================================================================== MobileAPPButton ========================================================================== */ .mobile-submit{ background: #f0f0f0; bottom: 0; } .mobile-submit.affix{ bottom: 0; width: 100%; background: #f0f0f0; z-index: 9999; box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2); } .mobile-app-button{ background: #fff; margin: 0; } .mobile-app-button li{ padding: 0; width: 32.5%; } .mobile-app-button li:last-of-type a{ border: none; } .mobile-app-button li a{ display: block; text-align: center; background: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; border-right:1px solid #e6e6e6; padding: 10px 0; } .mobile-app-button li a i{ display: block; color: #b6d91a; font-size: 24px; } .mobile-app-button li a span{ font-size: 10px; color: #aaaaaa; } .mobile-app-button li a:hover, .mobile-app-button li a:focus{ background: #b6d91a; } .mobile-app-button li a:hover i, .mobile-app-button li a:focus i{ color: #fff !important; } .mobile-app-button li a:hover span, .mobile-app-button li a:focus span{ color: #fff; } @media screen and (min-width: 1026px) { .mobile-submit { display: none; } } /*MobileAPPButton*/ .viewcart{ display:none; } /*Remove Image*/ .remImage{ cursor: pointer; cursor: hand; } .remImage:hover { cursor: pointer; cursor: hand; color: #e43d3d; } /* ========================================================================== Classiera Bids ========================================================================== */ .classiera_bid_stats{ display: flex; display: -webkit-flex; display: -ms-flex; justify-content: space-between; align-items: center; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; } .classiera_bid_stats_text strong{ text-transform: uppercase; color: #232323; } .classiera_bid_stats_prices{ display: flex; display: -webkit-flex; display: -ms-flex; justify-content: space-between; align-items: center; } .classiera_bid_price_btn{ background: #2ba6db; color: #fff; font-size: 18px; margin-left: 10px; font-weight: bold; padding: 5px 18px; line-height: 1; border-radius: 5px; text-transform: capitalize; } .classiera_bid_price_btn span{ display: block; font-size: 10px; font-weight: normal; } .classiera_bid_price_btn.high_price{ background: #ff4081; } .classiera_bid_comment_section{ max-height: 500px; overflow-y: scroll; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; } .classiera_bid_media{ display: flex; display: -webkit-flex; display: -webkit-flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; } .classiera_bid_media:last-of-type{ border-bottom: none; } .classiera_bid_media_img{ width: 80px; height: 80px; margin-right: 15px; } .classiera_bid_media_body_heading{ font-size: 14px; margin: 0; } .classiera_bid_media_body_time{ margin: 0; font-size: 12px; color: #aaaaaa; } .classiera_bid_media_body_time i{ margin-right: 5px; color: #6c6c6c; } .classiera_bid_media_body_heading span{ color: #6c6c6c; font-weight: normal; margin-left: 10px; } .classiera_bid_media_price{ align-self: center; } .classiera_ad_price_comment{ margin-bottom: 20px; } .classiera_ad_price_comment p{ margin: 0; } .classiera_ad_price_comment h3{ margin: 0; color: #2ba6db; } .author-info .media-heading i{ color: #b6d91a; margin-left: 5px; } .table-latest .table-name{ background: #b6d91a; color: #232323; font-size: 13px; } .table-latest .table-name span{ font-size: 20px; font-weight: bold; } .classieraOfferResult{ padding:10px; font-size:16px; display:none; } .classieraOfferResult i{ margin-right:10px; } /* ========================================================================== classiera verify profile css ========================================================================== */ .choose-image{ display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -ms-flex-align: center; } .classiera_verify_btn{ margin-left: 10px; padding: 0.625rem 1.25rem; background: #232323; color: #fff; border: none; } .classiera_verify_btn:hover, .classiera_verify_btn:focus{ background: #b6d91a; } .classiera_verify_btn i{ color: inherit; } .inputfile-1 + label{ margin-bottom: 0; } #verifyModal .modal-content{ border-radius: 0; padding-top: 30px; } #verifyModal form input{ width: 100% !important; border: 1px solid #e0e0e0; font-size: 13px; color: #aaaaaa; border-radius: 3px; } #verifyModal form{ margin: 0 auto 50px auto; max-width: 80%; } #verifyModal form:last-of-type{ margin-bottom: 50px; } #verifyModal .modal-header{ margin-bottom: 15px; } #verifyModal .modal-body{ border-bottom: none; } #verifyModal .modal-body h5{ margin-bottom: 20px; } .classiera_verify_congrats{ margin-bottom: 50px; } .classiera_verify_congrats h4{ margin-bottom: 5px; } .classiera_verify_congrats h4 span{ color: #b6d91a; } .classiera_verify_congrats p i{ font-size:60px; color: #b6d91a; } form.classiera_verify_form{ display:none; } div.classiera_verify_congrats{ display:none; } /* ========================================================================== classiera Inbox CSS ========================================================================== */ .user_inbox_header{ display: flex; display: -ms-flexbox; display:-webkit-flex; align-items: center; -ms-flex-align: center; border-bottom: 1px solid #e1e1e1; padding-bottom: 18px; margin-bottom: 20px; } .user_inbox_header > h4.user-detail-section-heading{ border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; margin-right: 10px; } .user_inbox_header > .nav-tabs{ border: none; } .user_inbox_header > .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border-top: none; border-bottom: none !important; border-left: none; color: #232323; pointer-events: none; } .user_inbox_header > .nav-tabs > li > a{ outline: none; outline-offset: 0; border-top: none; border-bottom: none; border-left: none; border-right: 1px solid #e1e1e1; color: #aaaaaa; padding: 0 3px; border-radius: 0; font-weight:bold; } .user_inbox_header > .nav-tabs > li:last-of-type > a{ border: none; } .user_inbox_header > .nav-tabs > li > a:hover, .user_inbox_header > .nav-tabs > li > a:focus{ background: transparent; border-top: none; border-bottom: none; border-left: none; } .user_inbox_content ul.nav-stacked, .tab-content .tab-pane .tab-pane{ max-height: 450px; overflow-y: scroll; overflow-x: hidden; } .user_inbox_content > .tab-content .tab-pane .nav-tabs > li.active > a, .user_inbox_content .nav-tabs > li.active > a:hover, .user_inbox_content .nav-tabs > li.active > a:focus{ border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #b6d91a !important; pointer-events: none; } .user_inbox_content > .tab-content .nav-tabs > li > a{ border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #e1e1e1; color: #232323; margin-right: 0; padding: 13px 0 !important; } .user_inbox_content > .tab-content ul.nav{ border-right: 1px solid #e1e1e1; } .user_inbox_content .user_comment{ display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: space-between; } .user_comment_inner{ border-bottom: 1px solid #e1e1e1; padding:10px 0; } .user_comment_inner_head{ font-size: 14px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 0; margin-top: 0; } .user_comment_inner_head span{ font-size: 13px; } .user_comment_box{ display:flex; display:-ms-flexbox; align-items:center; } .user_comment_box.unread{ background:#ffffff; } .user_comment_box.readed{ background:#fafafa; } .user_inbox_content .user_comment:hover{ background: #fafafa; } .user_comment_img{ width: 60px; height:60px; object-fit: cover; -o-object-fit: cover; margin-right: 10px; margin-bottom: 0; } .user_comment_body p{ margin: 0; color: #232323; font-size: 13px; margin-bottom: 5px; } .user_comment_body p:last-of-type{ color: #6c6c6c; margin-bottom: 0; } .user_comment_body p.short__comment{ width:16em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } .user_comment_number{ margin-right: 10px; } .user_comment_number span{ display: inline-block; min-width: 20px; min-height:20px; line-height: 20px; text-align: center; border-radius: 1000px; color: #fff; font-size: 11px; font-weight: bold; background: #2ba6db; } .user_comment_author{ font-size: 9px; font-weight: bold; color: #232323; } .user_comment_img_box{ margin-right: 15px; } .user_comment_date{ display: inline-flex; margin-left: 15px; } .user_comment_date span{ margin-right: 15px; font-weight: 600; font-size: 13px; color: #232323; } .user_comment_box form button{ border: none; background: none; } .user_comment_box form button i{ color: #444; font-size: 16px; } .user_comment_box form button:hover i, .user_comment_box form button:focus i{ color: #c71818; } #classieraChatModal .modal-header{ padding: 20px 10px; margin-bottom: 20px; } #classieraChatModal .modal-body{ max-height: 600px; overflow-y: auto; } #classieraChatModal .modal-header .modal-title{ text-align: center } #classieraChatModal .modal-header .modal-title span{ font-size: 13px; font-weight: normal; } .classiera_user_message{ display: flex; display: -ms-flexbox; margin-bottom: 20px; align-items:flex-start; } .classiera_user_message > a{ margin-right: 15px; text-align: center; } .classiera_user_message > a > p{ font-size: 12px; text-transform: uppercase; color: #232323; font-weight: bold; } .classiera_user_message_img{ width: 45px; height: 45px; object-fit: cover; -o-object-fit: cover; } .classiera_user_message__box{ border-radius: 10px; padding: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.11); position: relative; } .classiera_user_message:last-of-type{ margin-bottom: 30px; } .classiera_user_message__box::before{ content: ""; position: absolute; left: -10px; top: 15px; width: 0; height: 0; border-top: 6px solid transparent; border-right: 10px solid #fff; border-bottom: 6px solid transparent; } .classiera_user_message__box > span{ background: #2ba6db; color: #fff; text-transform: uppercase; display: inline-block; padding: 4px 11px; line-height: 1; font-size: 12px; margin-bottom: 10px; border-radius: 5px; } .classiera_user_message__box > p{ font-size: 13px; color: #6c6c6c; line-height: 1.7; margin:0; } .classiera_user_message__time{ font-size: 12px !important; color: #232323 !important; text-align: right; } .classiera_user_message.classiera_user_message__reply{ flex-direction: row-reverse; } .classiera_user_message.classiera_user_message__reply > a{ margin-right: 0; margin-left: 15px; } .classiera_user_message.classiera_user_message__reply .classiera_user_message__box{ background: rgb(0, 122, 255); } .classiera_user_message.classiera_user_message__reply .classiera_user_message__box > p{ color: rgb(255, 255, 255); } .classiera_user_message.classiera_user_message__reply .classiera_user_message__box::before{ content:""; left: auto; right: -10px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 10px solid rgb(0, 122, 255); border-bottom: 6px solid transparent; border-right: none; } .classiera_user_message.classiera_user_message__reply .classiera_user_message__time{ color: rgb(255, 255, 255) !important; } .classiera_user_message__form{ position: relative; } .classiera_user_message__form textarea.form-control{ width: 100%; border: 1px solid #e1e1e1; background: #fafafa; color: #6c6c6c; font-size: 13px; height: 50px; padding: 17px 70px 17px 20px; } .classiera_user_message__form_btn{ height: 40px; min-width: 60px; line-height: 40px; text-align: center; background: #232323; border: 1px solid #232323; color: #fff; font-size: 13px; font-weight: bold; border-radius: 5px; text-transform: uppercase; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .tab-content .modal-dialog{ width: 100%; } .tab-content .modal-dialog .modal-content{ border: none; box-shadow: none; } /* ========================================================================== Bid notification CSS ========================================================================== */ .bid_notification{ display: inline-block; width: 65px; height: 65px; background: #b6d91a; text-align: center; line-height: 65px; padding: 4px; border-radius: 1000px; position: fixed; right: 30px; top: 50%; transform: translateY(-50%); } .bid_notification__icon{ display: block; width: 100%; height: 100%; color: #fff; line-height: inherit; border: 1px solid #fff; border-radius: 1000px; background: #b6d91a; } .bid_notification__icon i{ font-size: 28px; } .bid_notification__count{ display: inline-block; font-size:13px; font-weight: bold; border-radius: 1000px; text-align: center; padding: 0 5px; max-height: 25px; min-width: 25px; line-height: 25px; color: #fff; background: #232323; position: absolute; top: 5px; right: -5px; } #selectCatCheck{ width:0; height:0; opacity:0; position:absolute; } .selectCatDisplay{ margin-top:-30px; } /* ========================================================================== Classiera Bump Ads ========================================================================== */ .classiera_bump_cart{ display:none; } /* ========================================================================== Classiera Cherry Version 2.0.15 ========================================================================== */ .classiera-box-div-v5 figure figcaption{ padding: 10px 25px; } .classiera-box-div-v5 figure figcaption h5{ margin-bottom: 5px; } .classiera-advertisement .item.item-grid-medium{ width: 25%; } .classiera-advertisement .item.item-grid-medium .classiera-box-div .premium-img{ height: 200px; } .classiera-advertisement .item.item-grid-medium .classiera-box-div-v6 figure .premium-img{ height: 370px; } .classiera-advertisement .item.item-grid-medium .classiera-box-div-v1 .classiera-price-tag{ top: 150px; } .classiera-advertisement .item.item-grid-medium .description{ display: none; } .classiera-advertisement .item.item-grid-medium .post-tags{ display: none; } .classiera-advertisement .item.item-grid-medium .detail{ display: none; } .classiera-advertisement .item.item-grid-medium .classiera-box-div-v5 figure figcaption .category span:last-of-type{ display: none; } .classiera-advertisement .item.item-grid-medium .classiera-box-div-v7 figure .premium-img .caption-tags{ display: none; } .classiera-advertisement .item.item-grid-medium .classiera-box-div-v7 figure .description{ display: block; } .featured-responsive{ display: none; } /* new categories */ .classiera-category-new{ position: relative; border-bottom: 1px solid #e0e0e0; } .category-box-v8 .category-box-v8-img{ border: 1px solid #e0e0e0; border-radius: 5px; width: 100%; height: 120px; text-align: center; vertical-align: middle; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 18px; } .classiera-category-new .owl-carousel .owl-item img{ width: auto; } .category-box-v8 .category-box-v8-img img{ max-width: 100%; width: auto; height: auto; margin: 0 auto; } .category-box-v8 h4{ font-size: 18px; font-weight: bold; color: #1a4368; text-align: center; margin-bottom: 0; } .category-box-v8 p{ margin-bottom: 0; font-size: 12px; color: #7c7c7c; text-align: center; } .classiera-category-new .navText a i{ font-size: 24px; color: #1a4368; cursor: pointer; } .classiera-category-new .navText{ position: absolute; top: 55%; left: 0; right: 0; } .classiera-category-new .navText .prev{ position: absolute; left: 50px; } .classiera-category-new .navText .next{ position: absolute; right: 50px; } .classiera-category-new .navText a i:hover{ color: #dc1e30; } .classiera-category-content{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .classiera-category-new-v2-box{ -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; text-align: center; padding: 0 25px; height: 132px; border-radius: 3px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .classiera-category-new-v2-box:hover{ background: #d32323; } .classiera-category-new-v2-box:hover .classiera-category-new-v2-box-img{ background: #fff; } .classiera-category-new-v2-box:hover .classiera-category-new-v2-box-title{ color: #fff; } .classiera-category-new-v2-box-img{ width: 60px; height: 60px; background: #f1f3f4; border-radius: 1000px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .classiera-category-new-v2-box-img img{ max-width: 32px; height: auto; } .classiera-category-new-v2-box-img i{ color: #d32323; font-size: 32px; } .classiera-category-new-v2-box-title{ color: #232323; font-size: 13px; font-weight: 500; margin: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .classiera-category-new-v2.classiera-category-new-v3 .classiera-category-new-v2-box:hover{ background: none; } .classiera-category-new-v2.classiera-category-new-v3 .classiera-category-new-v2-box:hover .classiera-category-new-v2-box-img{ background: #f1f3f4; } .classiera-category-new-v2.classiera-category-new-v3 .classiera-category-new-v2-box:hover .classiera-category-new-v2-box-title{ color: #d32323; } .classiera-navbar-v5.classiera-navbar-minimal{ background: #fff; } .classiera-navbar.classiera-navbar-v5.classiera-navbar-minimal .custom-menu-v5 .navbar-nav{left:5%;} .classiera-navbar-v5.classiera-navbar-minimal nav.navbar .navbar-header{ display:none; } .classiera-navbar.classiera-navbar-v5.classiera-navbar-minimal .custom-menu-v5 .menu-btn{ background: #448aff; color: #fff !important; border-color: #448aff; border-radius: 1000px; line-height: 41px; } .classiera-navbar.classiera-navbar-v5.classiera-navbar-minimal .custom-menu-v5 .navbar-nav{ background:transparent !important; } .classiera-navbar.classiera-navbar-v5.classiera-navbar-minimal .custom-menu-v5 .menu-btn i{ color: #fff !important; font-size: 20px; } .classiera-navbar.classiera-navbar-v5.classiera-navbar-minimal .custom-menu-v5 .login-reg .btn-submit{ background: #00c853; border-radius: 1000px; padding-left: 35px; padding-right: 35px; } .classiera-navbar.classiera-navbar-v5.classiera-navbar-minimal .custom-menu-v5 .login-reg .lr-with-icon:hover{ color: #448aff; } .minimal_page_heading{ padding-top: 130px; } .minimal_page_title{ font-size: 18px; font-weight: normal; margin-top: 15px; margin-bottom: 40px; } .minimal_page_title span{ font-weight: bold; } .center-auto{ float: none; margin: auto; } .minimal_page_search_form{ display: -webkit-box; display: -ms-flexbox; display: flex; } .minimal_page_search_form .form-group{ -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; position: relative; } .minimal_page_search_form .input-group-addon{ background: transparent; border: none; position: absolute; left: 10px; z-index: 25; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .minimal_page_search_form .input-group{ width: 100%; } .minimal_page_search_form .input-group-addon i{ color: #00c853; font-size: 18px; } .minimal_page_search_form .form-control{ height: 50px; background: #f1f3f4; border: none; font-size: 13px; color: #7c7c7c; padding-left: 58px; } .minimal_page_search_form .form-group:first-of-type .form-control{ border-top-left-radius: 1000px !important; border-bottom-left-radius: 1000px !important; } .minimal_page_search_form .form-group:first-of-type::after{ content: ""; position: absolute; height: 30px; width: 1px; background: #e0e0e0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 50; } .minimal_page_search_form .form-group:last-of-type .form-control{ border-top-right-radius: 1000px !important; border-bottom-right-radius: 1000px !important; padding-right: 58px; } .minimal_page_search_form .form-group:last-of-type .input-group-addon i{ color: #d32323; } .minimal_page_search_form button{ position: absolute; top: 7px; right: 25px; z-index: 25; width: 50px; height: 35px; border-radius: 1000px; text-align: center; line-height: 35px; background: #448aff; border: none; } .minimal_page_search_form button i{ font-size: 20px; color: #fff; } .minimal_page_category{ padding: 50px 0; } .minimal_page_category .classiera-category-new-v2-box{ padding: 0 28px; } .minimal_section_heading{ margin-bottom: 50px; text-align: center; } .minimal_section_heading h3{ font-size: 24px; text-transform: capitalize; margin-bottom: 10px; color: #484848; margin-top: 0; } .minimal_section_heading p{ font-size: 16px; color: #7c7c7c; text-transform: capitalize; } .minimal_featured{ padding-bottom: 50px; position: relative; } .minimal_featured .classiera-box-div-v5 figure .premium-img{ height: 200px; } .minimal_featured .classiera-box-div-v5 figure figcaption h5{ margin: 0; text-transform: capitalize; } .minimal_featured .classiera-box-div-v5 figure figcaption h5 a{ text-transform: capitalize; } .minimal_featured .navText a{ border: 1px solid #e0e0e0; padding: 2px 9.5px; } .minimal_featured .navText a:hover{ background: #448aff; border-color: #448aff; } .minimal_featured .navText a:hover i{ color: #fff; } .minimal_featured .navText a i{ margin-right: 0 !important; margin-left: 0 !important; padding: 0; color: #3a3d40; } .minimal_featured .navText{ position: absolute; top: 55%; left: 0; right: 0; z-index: 100; } .minimal_featured .navText .prev{ position: absolute; left: -30px; } .minimal_featured .navText .next{ position: absolute; right: -30px; } .minimal_location{ padding-bottom: 40px; } .minimal_location_content{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .minimal_location_content a{ -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-preferred-size: 12%; flex-basis: 12%; margin-bottom: 29px; margin-right: 25px; } .minimal_location_content a h5{ font-size: 14px; color: #484848; text-transform: capitalize; text-align: center; margin-top: 0; margin-bottom: 3px; } .minimal_location_content a:hover h5{ color: #448aff; } .minimal_location_content a span{ font-size: 11px; color: #7c7c7c; display: block; text-align: center; } .minimal_footer{ background: #fafafa; padding-top: 19px; text-align: center; } .minimla_social_icon{ background: #bcbcbc; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 32px; height: 32px; border-radius: 1000px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; } .minimla_social_icon i{ font-size: 11px; color: inherit; } .minimla_social_icon:hover{ background: #448aff; color: #fff; } .minimal_footer ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 18px; margin-bottom: 16px; } .minimal_footer ul li{ border-right: 1px solid #7c7c7c; line-height: 1; margin-right: 5px; } .minimal_footer ul li:last-of-type{ border-right: none; } .minimal_footer ul li a{ color: #7c7c7c; font-size: 13px; padding-right: 5px; line-height: 1; } .minimal_footer ul li a:hover{ color: #448aff; } .minimal_footer_bottom{ background: #448aff; padding: 8px 0; } .minimal_footer_bottom p{ margin-bottom: 0; color: #fff; font-size: 14px; }