html{
margin:0;
padding:0;
height:100%;
width:100%;
}
body{
margin:0;
padding:0;
overflow-x:hidden;
}
.classiera_wrapper{
margin:0;
padding:0;
height:100%;
width:100%;
overflow-x:hidden;
}
.pb-30{
padding-bottom:30px;
}
.pt-30{
padding-top:30px;
}
/* ==============================
WordPress CSS
=================================*/
.classiera_entry_content::after{
display:block;
content:"";
clear:both;
}
.wp-caption {
font-family: 'Lato', sans-serif;
max-width:100%;
margin-bottom: calc(1.5 * 1rem);
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
font-family: 'Lato', sans-serif;
}
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
}
@media only screen and (min-width: 1168px) {
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
}
.wp-caption.alignnone {
max-width: 100%;
height: auto;
}
.wp-caption-text {
color: #767676;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.sticky{
font-family: 'Lato', sans-serif;
}
.sticky .classiera_sticky_icon{
font-size: 18px;
margin-left: 10px;
}
.gallery-caption{
font-family: 'Lato', sans-serif;
}
.bypostauthor{
font-family: 'Lato', sans-serif;
}
.user-content-height{min-height:563px;}
.user-comments table th, .user-comments table td {
border: 1px solid #000;
padding: 10px;
}
.single-post .description .classiera_entry_content ol li{
margin-bottom:auto;
}
.classiera_entry_content > *{
margin-top:8px; margin-bottom:8px;
}
.wp-block-group.has-background{
padding:10px;
}
.gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item: nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item: nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item: nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item: nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item: nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item: nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item: nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item: nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item: last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
li > ul, li > ol {
padding-left: 1rem;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
content: "";
display: block;
padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
position: relative;
}
img[class*="wp-image-"] {
max-width: 100%;
height: auto;
position: relative;
}
.wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container, .wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text, .wp-block-cover:not([class*="background-color"]) .wp-block-cover-text, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text{
color:#ffffff;
}
/* ==========================================================================
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-v5 .categories li .category-content h4,
.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-v1{
background:#f0f0f0;
}
.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 {
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;
-ms-word-wrap: break-word;
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;
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;
color: #b6d91a;
}
/* ==========================================================================
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: 0 auto 50px auto;
max-width:80%;
}
@media only screen and (max-width: 767px) {
.classiera-static-slider .classiera-static-slider-content {
max-width:95%;
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;
font-size: inherit;
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 {
word-break: break-all;
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;
padding: 10px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.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 {
max-width: 30px;
max-height: 30px;
}
.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 span {
font-size: 16px;
color: white;
text-transform: capitalize;
position:absolute;
}
@media only screen and (min-width: 800px) {
.classiera-box-div-v5 figure .premium-img .hover-posts span {
top:50%;
}
.item-grid .classiera-box-div-v5 figure .premium-img .hover-posts span {
left:43%;
}
.item-grid-medium .classiera-box-div-v5 figure .premium-img .hover-posts span, .item-list .classiera-box-div-v5 figure .premium-img .hover-posts span{
left:39%;
}
}
@media only screen and (max-width: 767px) {
.classiera-box-div.classiera-box-div-v5 .hover-posts span{
top: 45%;
position: absolute;
left: 0;
right: 0;
}
}
.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%;
/* =========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,
.category-v5 .categories li .category-content h4{
color: #232323;
font-size: 16px;
font-weight: normal;
text-transform: capitalize;
}
.category-v5 .categories li .category-content h4 a:hover,
.category-v5 .categories li .category-content h4: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 {
max-height: 50px;
height: 50px;
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-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.canary_cat_icon,
.classiera-advertisement .classiera-box-div-v4 figure figcaption .category .hide_grid i{
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
border-radius: 3px;
margin-right: 10px;
}
.classiera-advertisement .classiera-box-div .hide_grid span{
font-size:14px;
font-weight:normal;
}
.classiera-advertisement .classiera-box-div-v3 figure figcaption .hide_grid i{
margin-right:10px;
}
.classiera-advertisement .classiera-box-div-v3 figure figcaption .hide_grid a{
margin-left:10px;
}
.classiera-premium-ads-v3 figcaption .hide_grid span{
margin-left:7px !important;
}
.classiera-advertisement .classiera-box-div-v4 figure figcaption .category .hide_grid i{
margin-top:5px;
}
.classiera-premium-ads-v2 #owl-demo span.premium_v2_loc a,
.classiera-advertisement .classiera-box-div .hide_grid a{
color:inherit;
font-weight:bold;
font-size:16px;
}
.classiera-advertisement .classiera-box-div-v6 .hide_grid a{
font-weight:normal;
}
.classiera-advertisement .classiera-box-div .post-tags .hide_grid a{
font-weight:normal !important;
margin-left:10px;
}
.classiera-advertisement .classiera-box-div-v2 figure .price span.location_strobe{
width: 100%;
display: inline-block;
}
.classiera-advertisement .item.item-list .hide_list{
display:none;
}
.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;
}
.elementor-section .advertisement-v1 {
padding-top: 0px !important;
}
.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: 20px;
}
.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;
background-size: cover;
}
.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: 12px;
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 !important;
}
.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: #ffffff;
}
.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: 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 ul.menu li{
list-style:none;
}
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 p img {
border: 5px solid #f1f1f1;
margin: 15px;
width: auto;
height: auto;
}
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;
}
.widget-box select {
margin: 15px;
padding: 10px;
width: 89%;
}
.textwidget img {
max-width: 100%;
height: auto;
}
.footer .widget-box select{
width:100%;
margin:0;
}
.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;
display: flex;
flex-direction: row;
align-items: baseline;
}
.sidebar .widget-box .widget-content ul li>a span.cat_count{
margin-left:auto;
}
.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;
}
.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 {
letter-spacing: 1px;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 16px !important;
word-break:break-all;
}
.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;
}
.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;
}
.alignright {
float: right;
margin-left: 10px;
}
.alignleft {
float: left;
margin-right: 10px;
}
.gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery img {
max-width: 100%;
height: auto;
position: relative;
}
.gallery-item {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-caption {
display: block;
font-size: 0.71111em;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.wp-block-gallery.alignleft {
margin-right: 10px;
}
.wp-block-gallery.alignright {
margin-left: 10px;
}
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft {
margin-right: 10px;
}
.wp-block-cover-image.alignright,
.wp-block-cover.alignright {
margin-left: 10px;
}
.wp-block-button.alignleft {
margin-right: 10px;
}
.wp-block-button.alignright {
margin-left: 10px;
}
.wp-block-button {
margin-bottom: 1em;
}
/* ==========================================================================
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;
}
.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 {
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;
word-break: break-word;
word-wrap: break-word;
overflow-wrap: break-word;
-ms-word-wrap: break-word;
}
.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: 'Font Awesome\ 5 Free';
color: #b6d91a;
font-size: 24px;
position: absolute;
font-weight: 600;
left: 20px;
top: 25px;
}
.inner-page-content article.article-content ul {
list-style: none;
position: relative;
}
.inner-page-content article.article-content ul:not(.wc-block-components-express-payment__event-buttons) li {
margin-left: 30px;
}
.inner-page-content article.article-content ul:not(.wc-block-components-express-payment__event-buttons) li:before {
content: "\f14a";
font-family: 'Font Awesome 5 Free';
color: #b6d91a;
position: absolute;
left: 0;
}
.inner-page-content article.article-content .woocommerce ul li:before {
content: unset !important;
}
.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: 16px;
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 article.article-content img.alignnone {
max-width: 100%;
height: 100%;
}
.inner-page-content article.article-content .wp-caption.alignnone img {
width: 100%;
height: auto;
}
.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;
position: relative;
}
.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: -14px;
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;
}
.l_h_normal{
line-height:normal !important;
}
.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;
}
.classiera_company_fields{
display:none;
}
label.jw_cfs_type, .radio.jw_cfs_type{
display:inline-flex;
}
.radio.jw_cfs_type .radio-inline{
padding-left: 20px;
padding-right: 20px;
}
.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: 44%;
}
.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;
margin: 40px 0;
}
.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%;
max-width:inherit;
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.small {
margin-right: 0;
}
.author-info .text-danger {
color: #fc1f01;
}
.author-info .media-heading i.text-danger {
color: #fc1f01 !important;
}
.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-left{
width:auto;
}
.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{
width:auto;
}
.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: auto;
}
.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;
}
.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: inherit;
border: 1px solid #232323;
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;
}
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;
}
.classiera_adv_subsubcat {
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 {
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 .classiera-dropzone-heading p.classiera_img_info {
padding: 5px !important;
}
.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-input-file+label span.classiera_f_img {
font-size: 11px;
position: absolute;
color: #888888;
left: 8px;
bottom: 5px;
}
.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: 356px;
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 .classiera_aType .active-post-type .post-type-box {
border: 1px solid;
}
.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: inherit;
margin-bottom: 0;
}
.submit-post form .terms-use {
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: 200px;
}
.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 .inner-page-content{
padding-bottom:0 !important;
}
.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 h1 a {
color: #232323;
letter-spacing: 1px;
font-weight: 500;
line-height: 24px;
font-size:18px !important;
}
.single-post-page .single-post .single-post-title .post-category {
color: #6c6c6c;
margin-bottom:30px;
}
.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 {
word-break: break-all;
margin-right: 2px;
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;
padding-bottom: 7px;
margin-bottom: 7px;
vertical-align: middle;
}
.single-post-page .single-post .details .post-details ul li p span {
max-width: 60%;
text-align: right;
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;
line-height: 1.5;
}
.single-post-page .single-post .description p a {
color: #b6d91a;
}
.single-post-page .single-post .description img {
max-width: 100%;
height: auto;
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;
word-break: break-word;
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: "\f14a";
font-family: 'Font Awesome 5 Free';
color: #b6d91a;
position: absolute;
left: 0;
}
.single-post .description ul li.blocks-gallery-item {
margin-left: 0px;
}
.single-post .description ul li.blocks-gallery-item:before {
content: unset;
font-family: inherit;
left: auto;
}
.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: 130px;
word-break: break-word;
}
.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;
}
.single-post-page .description table,
.inner-page-content .article-content table{
margin: 0 0 1rem;
border-collapse: collapse;
width: 100%;
}
.single-post-page .description table:not(.wc-block-cart-items) td,
.single-post-page .description table:not(.wc-block-cart-items) th,
.inner-page-content .article-content table:not(.wc-block-cart-items) td,
.inner-page-content .article-content table:not(.wc-block-cart-items) th{
padding: 0.5em;
border: 1px solid #767676;
word-break: break-all;
}
/* ==========================================================================
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: 'Font Awesome\ 5 Free';
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;
}
#classieraDv img {
display: block;
max-width: 100%;
height: auto;
margin:0 auto;
}
.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;
}
.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: 1000;
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: '\f3c5';
font-family: 'Font Awesome\ 5 Free';
position: absolute;
z-index: 100;
font-size: 20px;
left: 20px;
padding-right: 15px;
border-right: 1px solid #e1e1e1;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
}
.classiera_map_input-group::after {
content: '\f002';
font-family: 'Font Awesome\ 5 Free';
position: absolute;
z-index: 100;
font-size: 20px;
right: 20px;
padding-left: 15px;
border-left: 1px solid #e1e1e1;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
}
/* ==========================================================================
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-login,
.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;
display: flex;
display: -webkit-flex;
display: -ms-flex;
}
.mobile-app-button li {
padding: 0;
flex: 1;
list-style:none;
}
.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;
display:flex;
flex-direction: column;
align-items: center;
}
.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;
}
.choose-image a.btn{
margin-left:10px;
}
.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%);
z-index:999;
}
.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;
color: inherit;
}
.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 figure figcaption span.hide_grid{
display: none;
}
.classiera-advertisement .item.item-grid.item-list figure figcaption span.hide_grid{
display: block;
}
.classiera-advertisement .classiera-box-div-v4 .item.item-grid.item-list figure figcaption span.hide_grid a{
font-weight:normal;
}
.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;
}
.elementor-section .classiera-category-new .navText{
top: 20%;
}
.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:grid;
grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
-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 20px;
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,
.classiera-category-new-v2-box:hover p.cat__count,
.classiera-category-new-v2-box p.cat__count:hover{
color: #fff;
}
.classiera-category-new-v2-box p.cat__count{
font-size: 11px;
color: #232323;
font-style: inherit;
transition: all 0.3s ease-in;
font-weight: 500;
}
.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;
word-break: initial;
word-wrap: break-word;
}
.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: 20px 0;
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: 20px 0;
}
.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;
}
.page-links {
display: inline-block;
font-size: 14px;
color: #232323;
padding-top: 20px;
}
.page-links a {
color: inherit;
font-size: inherit;
margin: 0 5px;
}
/* ==========================================================================
Latest Gallery
========================================================================== */
.gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item img {
height: auto;
object-fit: vover;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item>div>a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item>div>a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
.wp-caption.alignnone {
width: 100% !important;
}
.wp-block-embed iframe {
width: 100% !important;
height: 400px !important;
border: 0 !important;
}
.classieraPayPerPost {
display: none;
}
/*==========================
Classiera DropZone
===========================*/
-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-moz-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0%{
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.dropzone,
.dropzone * {
box-sizing: border-box;
}
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3);
background: white;
padding: 20px 20px;
}
.dropzone.dz-clickable {
cursor: pointer;
}
.dropzone.dz-clickable * {
cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
cursor: pointer;
}
.dropzone.dz-started .dz-message {
display: none;
}
.dropzone.dz-drag-hover {
border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5;
}
.dropzone .dz-message {
text-align: center;
margin: 2em 0;
}
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px;
}
.dropzone .dz-preview:hover {
z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 20px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer !important;
border: none;
}
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename: not(:hover) {
overflow: hidden;
text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename: not(:hover) span {
border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10;
}
.dropzone .dz-preview .dz-image img {
display: block;
width: inherit;
height: inherit;
object-fit: contain;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-ms-transition: opacity 0.4s ease-in;
-o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview: not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
-moz-animation: pulse 6s ease infinite;
-ms-animation: pulse 6s ease infinite;
-o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
transform:scale(1);
border-radius: 8px;
overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white;
}
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626;
}
#classiera_dropzone,
#classiera_editdropzone {
border: 2px dashed #e0e0e0;
padding: 30px 20px;
margin-bottom: 15px;
}
.dropzone .dz-max-file-msg,
.dropzone .dz-remove {
display: none;
}
#classiera_dropzone .dz-default>p,
#classiera_editdropzone .dz-default>p {
margin-bottom: 10px;
}
.classiera_img_info {
margin-bottom: 10px !important;
}
.dz-max-files-reached { pointer-events: none; cursor: default; }
/* ==============================
Advance Search Top
=================================*/
.ce_cform input::placeholder {
color: #000000;
}
.ce_form_control{
background: #fafafa;
color: #aaaaaa;
border-radius: 4px;
text-transform: none;
font-size: 13px;
width: 100%;
}
.ce_form_grid, .classiera_cf_grid{
--auto-grid-min-size: 12rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
grid-gap: 1rem;
width: 100%;
margin-bottom: 16px;
}
.ce_form_grid .slider.slider-horizontal{
margin: 0 auto;
width: 90% !important;
display: block;
}
.ce_form_grid .form-inline .form-control{
width: 100%;
}
.ce_form__label{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
.ce_form_button{
text-align: center;
}
.ce_cform button[type="submit"]{
display: inline-block;
max-width: 25%;
}
.classiera_cf_grid{
align-items:center;
}
.ce_form_grid__col .radio{
border: 1px solid #ccc;
padding: 6px 12px;
margin-top: 0 !important;
border-radius: 4px;
}
.ce_form_grid__col .radio input[type="radio"] + label{
display:inline;
}
/* ==============================
New List Style
=================================*/
.classiera_box_div__list{
border-radius: 10px;
margin:1rem;
padding-top:1rem;
padding-bottom:1rem;
padding-left:0.75rem;
padding-right:0.75rem;
box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
background-color:#ffffff;
}
.classiera_box_div__list .p-0{padding:0!important}
.classiera_box_div__list .m-1{margin:.25rem!important}
.classiera_box_div__list .flex-column{
flex-direction:column !important;
}
.classiera_box_div__list .d-flex{
display:flex !important;
}
.classiera_box_div__list:hover{
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 20%) !important;
}
.classiera_box_div__list ul li {
list-style: none;
padding: 8px 0px;
font-family: Segoe UI-MONOSPACE;
display: flex;
align-items: center;
font-size: 16px;
}
.classiera_box_div__list ul .v2-icon {
font-size: 25px;
line-height: 24px;
color: #3d4449;
margin-right: 10px;
}
.bouton-plusinfo {
border-radius: 3px;
width: 150px !important;
cursor: pointer;
margin: 0 auto;
color: white;
background-color: #6bbe91;
font-weight: bold;
}
.badge-primary {
color: #fff;
background-color: #007bff;
display: inline-block;
}
@media screen and (max-width:767px) {
.classiera_box_div__list li {
align-items: center;
}
}
/*===============
Aqua Demo
=================*/
#claseara-nav-bars {
border: none;
background-color: #fff !important;
}
.my-flex {
display: flex;
}
.all-center {
justify-content: start;
align-items: center;
}
.center-between {
justify-content: space-between;
}
.claseara-header {
min-height: 80px;
padding: 20px 0px;
}
.section-heading-v8 h3{
font-size: 30px;
line-height: 30px;
margin-bottom:23px;
font-family: inherit;
line-height: inherit;
font-weight: inherit;
}
::placeholder {
color: #000;
font-size: 14px;
}
/*
:focus,
:focus-visible,
:active {
border: none;
outline-width: 0px;
}*/
.classiera-static-slider-v6 {
background-size: cover;
background-position: center;
padding: 115px 0px 55px 0px;
min-height:500px;
}
@media only screen and (max-width: 767px) {
.classiera-static-slider-v6 {
min-height:300px;
}
}
.classiera-static-slider-v6 .main-heading {
color: #000;
font-size: 70px;
line-height: 1.2;
text-align: center;
font-weight: 900;
}
.banner-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.banner-content p {
max-width: 500px;
text-align: center;
}
.search_button_v6 {
background-color: inherit;
border-radius: 28px;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
padding: 15px 27px;
color: #fff;
border: none;
letter-spacing: 1px;
margin-left: auto;
}
.banner-form {
background-color: #fff;
border-radius: 28px;
box-shadow: 0px 8px 35px -3px rgb(0 0 0 / 62%);
padding: 7px;
width: 814px;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.search-bar {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
position: relative;
}
.banner-form input {
min-height: 46px;
border: none;
border-left: 1px solid #DBDBDB;
padding: 0 19px;
width: 29%;
}
.classiera-static-slider-v6 .banner-form input:focus-visible{
border:none;
outline:none;
}
select.slider_cat_v6{
border: none;
min-height: 46px;
border-left: 1px solid #DBDBDB;
background:transparent;
padding-left: 20px;
}
.search-bar .select_cat_aqua{
border: none;
border-left: 1px solid #DBDBDB;
background:transparent;
padding-left: 20px;
}
.slide {
display: block;
margin: 0px 12px;
}
input.slider_loc_v6 {
border: none;
}
.banner-image {
margin-top: -63px;
z-index: 0;
position: relative;
}
.slide {
flex: 0 0 100%;
text-align: center;
}
.owl-carousel .caption {
color: #1C1E24;
margin-top: 10px;
font-size: 16px;
font-weight: 400;
}
.catsv11-heading h2 {
font-size: 24px;
line-height: 1.3;
font-weight: 600;
}
.catsv11-top-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.custom-navigation button {
border: none;
background-color: transparent;
padding: 2px !important;
}
.custom-navigation button i{
font-size:25px;
}
.classiera_cats_v11 {
padding: 40px 0px;
}
.classiera_cats_v11 .owl-carousel .owl-item img{
width:auto !important;
margin:0 auto !important;
}
.ads-top-wrapper {
padding-bottom: 20px;
}
.premiumv8-main-box {
max-width: 406px;
border: 1px solid #DEDEDE;
border-radius: 21px;
}
.premiumv8-box-content {
padding: 13px 20px 34px 20px;
}
.premiumv8-owl-wrapper .premiumv8-box-content p {
font-size: 20px;
color: #1C1E24;
}
.premiumv8-owl-wrapper .premiumv8-box-content .add-price p.price,
.advertisement-v8 .add-main-box p.price{
font-size:24px;
font-weight:800;
color:#27695B;
}
.add-product-button {
display: flex;
align-items: center;
justify-content: center;
min-width: 98px;
height: 30px;
font-size: 12px;
font-weight: 600;
border: 1px solid #27695B;
border-radius: 100px;
position: relative;
overflow: hidden;
padding: 0px 15px;
}
.add-product-button::before {
content: "";
position: absolute;
height: 100%;
width: 0%;
transition: 0.5s;
}
.add-product-button:hover::before {
width: 100%;
}
.add-product-button:hover {
text-decoration: none;
color: #fff;
transition: 0.5s;
}
.add-product-button span {
position: relative;
z-index: 1;
}
.premiumv8-main-box {
margin: 0px 15px;
}
.classiera-premium-ads-v8 {
padding: 40px 0px;
}
.classiera_cats_v12 {
padding: 50px 0px 50px 0px;
}
.cats_v12_accordion_container {
display: flex;
flex-direction: column;
}
.accordion-item {
width: 100%;
overflow: hidden;
transition: width 0.3s ease;
border-bottom: 2px solid #B1B1BD;
}
.accordion-header {
min-height: 119px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 20px;
padding: 60px;
transition: 0.5s;
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
justify-content: space-between;
position: relative;
}
.accordion-cat-img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
height: 167px;
opacity: 0.5;
}
.accordion-item.active .accordion-cat-img {
opacity: 1;
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.accordion-item.active .acr-heading {
color: #fff;
}
.accordion-content {
display: none;
padding: 10px;
}
.accordion-item.active .accordion-content {
display: block;
}
.classiera_cats_v12 .icon {
margin-right: 10px;
transition: transform 0.3s ease;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: #eff0f278;
border-radius: 100%;
}
.classiera_cats_v12 .icon i{
color: #767A85;
}
.classiera_cats_v12 .accordion-item.active .icon i{
color: #fff;
}
.classiera_cats_v12 .accordion-item.active .accordion-header {
background-color: inherit;
}
.classiera_cats_v12 .accordion-item.active .icon {
transform: rotate(90deg);
}
.classiera_cats_v12 .acr-heading{
font-size: 30px;
}
.tabs-adver{
padding: 70px 0px;
}
.add-postion-sec{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 55px;
}
.posting-content .section-heading-v8 {
margin-bottom: 30px;
line-height: 1.1;
}
.get-button{
background-color: inherit;
width: 166px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
font-size: 16px;
font-weight: 700;
color: #fff;
}
.posting-content .get-button{
margin-top: 20px;
}
.pricing-sec{
padding: 116px 0px;
}
.pricing-sec .price-plan-box{
border: 1px solid #DCDEDE;
border-radius: 8px;
overflow: hidden;
}
.pricing-sec .price-plan-box:hover{
border-color: #27695B;
}
.pricing-sec .plane-header{
background-color: #CFEEE7;
padding: 30px 0px;
text-align: center;
}
.pricing-sec .price-plan-box:hover .plane-header{
background-color: inherit;
}
.pricing-sec .price-plan-box:hover .validety,
.pricing-sec .price-plan-box:hover .price{
color: #fff;
}
.pricing-sec .tage{
background-color: #fff;
padding: 10px 25px;
border-radius: 100px;
font-size: 14px;
font-weight: 600;
display: inline-block;
}
.pricing-sec .price-plan-box:hover .tage{
background-color: #F4721E;
color: #fff;
}
.pricing-sec .pricing-plan-button a{
border-radius: 29px;
background-color: #27695B;
border-color: #27695B;
color: #ffff;
min-width: 166px;
font-size: 14px;
}
.brand-image img{
filter: grayscale(100%);
}
.validety{
font-size: 18px;
line-height: 1;
color: #27695B;
}
.pricing-sec .price{
font-size: 40px;
font-weight: 800;
color: #27695B;
}
.pricing-sec .plane-body{
padding: 25px 20px;
}
.pricing-sec .plane-list li{
font-size: 14px;
color: #000;
list-style-position: inside;
list-style: none;
text-align: center;
margin-bottom: 10px;
}
.pricing-sec .plane-button{
margin: 0 auto;
margin-top: 20px;
}
.pricing-sec .sec-content {
max-width: 70%;
margin: 0 auto 50px auto;
}
.brand-sections{
padding: 50px 0px;
}
.section-heading-v8 {
margin-bottom: 48px;
}
.section-heading-v8 h3 {
text-align: center;
color: #1C1E24;
margin-bottom: 23px;
font-size: 50px;
}
.section-heading-v8 p {
text-align: center;
color: #1C1E24;
font-size: 18px;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
float: none;
}
.advertisement-v8 .tab-button .nav-tabs,
.advertisement-v8 .tab-button .nav-pills {
text-align: center;
}
.page-footer{
background-color: #0F322A;
}
.footer-top{
padding: 50px 0px 80px 0px;
}
.footer-list li {
margin-bottom: 10px;
}
.footer-list li a{
font-size: 12px;
line-height: 1;
text-transform: uppercase;
color: #ffff;
font-weight: bold;
}
.page-list{
display: flex;
align-items: start;
gap: 80px;
margin-top: 25px;
}
.footer-company{
font-size: 24px;
color: #ffff;
font-weight: bold;
text-transform: uppercase;
}
.tags{
display: flex;
align-items: start;
justify-content: start;
flex-wrap: wrap;
margin-top: 25px;
gap: 6px;
}
.tags_v3{
margin-bottom:30px;
}
.tags li a{
font-size: 12px;
color: #aeb3b3;
padding: 5px 15px;
font-weight: bold;
background-color: #5C7771;
border-radius: 20px;
display: inline-block;
}
.tags li a:hover{
background-color: #27695B;
color: #fff;
}
.footer-bottom{
background-color: #051F19;
padding: 30px 0px;
}
.footer-rights{
font-size: 14px;
text-align: left;
color: #fff;
}
.social-list li{
display: inline-block;
margin: 0 8px;
}
.social-list{
margin-left: auto;
text-align: right;
}
.advertisement-v8 ul.nav.nav-tabs {
max-width: 486px;
margin: 0 auto;
}
.advertisement-v8 .nav-tabs > li.active > a{
color: #fff;
}
.advertisement-v8 .nav-tabs > li > a{
font-size: 14px;
font-weight: 800;
padding: 18px 40px;
background-color: #9ED3C8;
border-radius: 0px !important;
margin: 0px !important;
color:inherit;
}
.advertisement-v8 .nav-tabs > li:nth-child(1) a{
border-top-left-radius: 30px !important;
border-bottom-left-radius: 30px !important;
}
.advertisement-v8 .nav-tabs > li:nth-child(3) a{
border-top-right-radius: 30px !important;
border-bottom-right-radius: 30px !important;
}
.advertisement-v8 ul.nav.nav-tabs {
max-width: 486px;
margin: 0 auto;
border: none;
margin-bottom: 55px;
}
.view-heading{
font-size: 14px;
color: #8B8E98;
font-weight: 300;
}
.border-top::before {
content: "";
height: 1px;
background-color: #DEDEDE;
position: absolute;
left: -25px;
width: 114%;
top: 0;
}
.border-top {
position: relative;
padding: 11px 0px 0px 0px;
}
.premiumv8-box-image{
position: relative;
}
.premiumv8-box-image img,
.advertisement-v8 .add-main-box .add-image img{
border-top-left-radius:20px;
border-top-right-radius:20px;
}
.add-new-content {
overflow: hidden;
padding: 17px 20px;
}
.add-image .featured-tag {
color: #fff;
background-color: #FF3E44;
font-size: 12px;
font-weight: 600;
width: 80px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
position: absolute;
top: 11px;
left: 30px;
}
section.classiera-advertisement {
padding: 0px 0px 10px 0px;
}
.bead-crumb-section{
background-color: #E1F5F0;
min-height:400px;
padding: 23px 0;
}
.bred-crumb{
border-bottom: 1px solid #ABCFC6;
}
.bead-crumb-list{
display: flex;
align-items: center;
justify-content: start;
}
.bead-crumb-list li a {
background-color: #fff;
padding: 10px 18px;
display: inline-block;
color: #767A85;
font-size: 12px;
font-weight: 600;
}
.bead-crumb-list li::before {
content: "";
position: absolute;
width: 25px;
height: 100%;
left: -19px;
background-color: white;
top: 0;
clip-path: polygon(100% 0, 100% 100%, 0% 100%, 44% 50%, 0% 0%);
}
.bead-crumb-list li::after {
content: "";
position: absolute;
top: 0;
right: -12px;
height: 100%;
width: 30px;
background-color: white;
clip-path: polygon(60% 0%, 100% 50%, 60% 100%, 0% 100%, 0% 0%);
}
section.inner-section {
margin-top: -290px;
background-color: transparent;
padding-bottom: 50px;
}
.wish-list{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0;
}
.inner-bx-content{
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
}
.pre-service-box{
background-color: #27695B;
border-radius: 8px;
padding: 30px 20px;
}
.pre-top-content,
.ad-id tr td{
color: #ffff;
}
.pre-top-content,
.add-locations p,
.add-content-table td{
font-size: 16px;
color: #FFFFFF;
font-weight: 500;
}
.add-locations p span,
.add-time .add-content-table td span{
margin-left: 8px;
}
.service-numbers {
font-size: 45px;
font-weight: 900;
color: #fff;
margin-bottom: 24px;
}
.service-text .ad_type_display {
color: #fff;
}
.admin-header .admin-person {
border-radius: 100%;
overflow: hidden;
}
.verified span {
margin-right: 8px;
}
.admin-date {
font-size: 14px;
color: #000;
margin-bottom: 0;
}
.pre-top-content{
border-bottom: 1px solid #fff;
align-items: start;
justify-content: space-between;
}
.add-content-table {
border: none;
width: 110px;
font-size: 16px;
}
.add-locations{
padding:14px 0px 0px 0px ;
}
.pl-25{
padding-left: 30px;
}
.add-time .add-content-table,
.add-locations .add-content-table{
width: 240px;
}
.add-time {
margin-top: 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.add-time span.classiera_condition{
font-size: 12px;
color: #fff;
padding: 10px 16px;
font-weight: bold;
background-color: #3434345c;
border-radius: 20px;
display: inline-block;
}
.add-main-box {
border: 1px solid #DEDEDE;
border-radius: 21px;
margin-bottom: 40px;
}
.center-bettween {
align-items: center;
justify-content: space-between;
}
.add-new-content a p {
font-weight: 400;
font-size: 16px;
color: #000;
}
.add-position-sec {
padding-top: 56px;
}
.add-new-content .add-price .fav-form.clearfix button {
font-size: 12px;
padding: 6px 13px;
border-radius: 34px;
border: 1px solid #27695B;
background-color: transparent;
}
.add-new-content .add-price .fav-form.clearfix button:hover{
background-color: #27695B;
color: #fff;
}
.add-new-content .add-price a > i{
font-size:24px;
}
.add-new-content .add-price .fav-form.clearfix button i {
margin-right: 7px;
}
.cats_v12_accordion_container .accordion-content {
padding: 26px 90px;
}
.cats_v12_accordion_container .accordion-content ul {
gap: 15px 30px;
list-style: none;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.cats_v12_accordion_container .accordion-content ul li {
flex-basis: 30.333%;
}
.cats_v12_accordion_container .accordion-content ul li a {
display: flex;
width: 100%;
font-size: 16px;
color: #000;
align-items: center;
gap: 5px;
}
.cats_v12_accordion_container .accordion-content ul li a span {
margin-left: auto;
}
.classiera_cats_v12-accordian .accordion-header {
overflow: hidden;
}
.center-bettween.my-flex {
align-items: center;
justify-content: space-between;
}
.add-main-box {
border: 1px solid #DEDEDE;
border-radius: 21px;
margin-bottom: 40px;
}
.view-heading {
font-weight: 300;
}
.add-new-content a p {
font-weight: 400;
font-size: 16px;
color: #000;
}
.border-top::before {
top: 0;
}
.advertisement-v8 .add-main-box p.price b{
font-size:24px;
}
.pricing-sec .pricing-plan-button a.btn {
border-radius: 29px;
background-color: #27695B;
border-color: #27695B;
color: #ffff;
min-width: 166px;
font-size: 14px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.pricing-sec a.btn-primary.btn-style-six:hover{
color:#ffff !important;
}
.add-position-sec {
padding-top: 56px;
}
.premiumv8-box-content {
min-height: 137px;
}
/*==========New Single Page========*/
.product-phtot {
overflow: hidden;
}
#productSlider .item{
margin: 10px;
}
.product-description-bx{
margin-top: 46px;
}
.description-heading{
font-size: 30px;
font-weight: bold;
}
.description-peragraph{
font-size: 16px;
font-weight: 400;
}
/*ads-bid css*/
.ads-bid-main{
border: 1px solid #E4F9F4;
border-radius: 8px;
overflow: hidden;
}
.bid-header {
background-color: #E4F9F4;
padding: 17px;
}
.bid-card {
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
border-radius: 8px;
padding: 17px;
margin: 0 10px;
}
.bid-card h5 {
font-size: 20px;
font-weight: 900;
margin: 0px;
line-height: 1;
}
.bid-card p {
font-size: 14px;
color: #70757F;
margin: 0px;
line-height: 1.3;
}
.bid-header h4 {
margin: 0px;
font-size: 30px;
font-weight: 700;
margin-bottom: 6px;
}
.brd-h-p{
font-size: 16px;
}
.single_sidebar_v3 .widget-box {
border: 1px solid #E6E6E6;
}
.admin-heading{
font-size:20px;
font-weight: bold;
}
.admin-date{
font-size: 14px;
color: #000;
}
.admin-box{
max-width: 100%;
margin: auto;
}
.admin-header {
gap: 10px;
}
main.single_v3 .admin-btn {
padding: 10px 19px;
border: 1px solid #27695B;
border-radius: 100px;
color: #27695B;
font-size: 16px;
font-weight: 600;
display: flex;
align-items: center;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
}
main.single_v3 .admin-btn::before {
content: "";
position: absolute;
top: 0;
right: 0;
background-color: white;
height: 100%;
width: 20px;
}
main.single_v3 .admin-btn:hover::before {
background-color: #27695B;
}
main.single_v3 .admin-btn:hover{
color: #ffff !important;
}
.admin-btn-box ul {
margin-top: 27px;
list-style:none;
}
.admin-btn-box ul li {
margin: 9px 0px;
}
.admin-btn i {
margin-right: 9px;
}
#sync1 .item {
margin: 5px;
color: #FFF;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align: center;
}
#sync2 .item {
margin: 5px;
color: #FFF;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align: center;
cursor: pointer;
}
.owl-theme .owl-nav [class*=owl-] {
transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*=owl-].disabled:hover {
background-color: #D6D6D6;
}
#sync1.owl-theme {
position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
width: 22px;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
}
#sync1.owl-theme .owl-prev {
left: 10px;
}
#sync1.owl-theme .owl-next {
right: 10px;
}
.single_sidebar_v3 .widget-box {
margin: 30px 0px;
border-radius: 10px;
}
.single_sidebar_v3 .widget-box:nth-child(3) .user-make-offer-message button {
color: #000;
border: none;
font-size: 30px;
font-weight: 700;
margin-bottom: 25px;
background-color:transparent;
}
.single_sidebar_v3 .widget-box:nth-child(3) .user-make-offer-message button i {
display: none;
}
.single_sidebar_v3 .widget-box:nth-child(3),
.single_sidebar_v3 .widget-box:nth-child(2),
.single_sidebar_v3 .widget-box:nth-child(4),
.single_sidebar_v3 .widget-box:nth-child(5),
.single_sidebar_v3 .match-height .widget-box{
padding: 35px 25px;
}
.single_sidebar_v3 .match-height{
padding:0px !important;
}
.single_sidebar_v3 .widget-box:nth-child(3) .form-group {
display: flex;
flex-direction: column;
justify-content: start;
}
.single_sidebar_v3 .widget-box:nth-child(3) .form-group label {
text-align: left;
color:#000;
font-size:16px;
}
.single_sidebar_v3 .widget-box:nth-child(3) .form-group .col-sm-9 {
width: 100%;
}
.single_sidebar_v3 .widget-box:nth-child(3) .form-group .col-sm-9 input {
min-height: 40px;
}
.single_sidebar_v3 .widget-box:nth-child(3) form button {
background-color: #27695B;
color: #fff !important;
font-size: 20px !important;
border-radius: 107px;
}
.single_sidebar_v3 .widget-box:nth-child(4) .nav.nav-tabs {
display: flex;
align-items: center;
}
.single_sidebar_v3 .widget-box:nth-child(4) .nav.nav-tabs button {
background-color: #729d94;
border: none;
padding: 10px 15px;
margin-right: 10px;
color: #fff;
border-radius: 5px;
}
.single_sidebar_v3 .widget-box:nth-child(4) .nav.nav-tabs button i {
margin-right: 4px;
}
.single_sidebar_v3 .match-height .widget-box .widget-title h4 {
font-size: 30px;
margin: 0 0 25px 0;
line-height: 1;
}
.bead-crumb-list li:nth-last-child(1) {
background-color: #fff;
padding: 10px 18px;
}
.bead-crumb-list li{
position:relative;
margin: 0 15px;
list-style: none;
}
.product-phtot #sync2 .thumbnail-item img {
border-radius: 4px;
}
.product-phtot #sync2 {
margin-left: 5px;
margin-top: 10px;
}
#sync1 .item img {
border-radius: 4px;
}
.single_sidebar_v3 .widget-box .tab-content #report button {
margin-top: 15px;
}
.single_sidebar_v3 .widget-box .tab-content #report form .radio {
margin-bottom: 15px;
}
.single_v3_fav .fav-form button{
margin-bottom:5px;
}
/*==============================
Featured Tag on Submit Ad page
=================================*/
.featured-tag-type{
color: #fff;
font-size: 12px;
font-weight: 600;
width: 80px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
position: absolute;
top: 11px;
left: calc(100% - 185px);
}
.featured-tag-type .left-corner {
background: #017fb1 none repeat scroll 0 0;
display: inline-block;
height: 8px;
position: absolute;
left: 106px;
top: -17px;
width: 12px;
z-index: 1;
}
.featured-tag-type .right-corner {
background: #017fb1 none repeat scroll 0 0;
display: inline-block;
height: 12px;
position: absolute;
left: 169px;
top: 42px;
width: 9px;
z-index: 1;
}
.featured-tag-type .featured {
border-bottom: 30px solid #03b0f4;
border-left: 30px solid transparent;
border-right: 31px solid transparent;
content: "";
height: 0;
position: absolute;
left: 102px;
text-align: center;
top: -7px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
width: 102px;
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-type .featured p {
color: #fff;
font-weight: bold;
font-size: 12px;
font-family: 'Lato', sans-serif;
line-height: 2.5;
}
.nsl-container,
div.nsl-container[data-align="left"]{
text-align:center !important;
}
#classieraFaqAccordion .panel-title{
margin-bottom:0 !important;
}
/* === Classiera FAQ Accordion === */
.classiera___FAQ{
background-color: #f8f8f8;
border-radius: 24px;
padding: 40px 30px;
max-width: 800px;
margin: 0 auto;
}
.classiera___FAQ .panel {
background-color: #F5FBFF;
border-radius: 20px !important;
margin-bottom: 16px;
border: none;
box-shadow: none;
transition: background-color 0.3s ease;
}
.classiera___FAQ .panel:hover {
background-color: #EAF5FB;
}
.classiera___FAQ .panel-heading {
padding: 0;
border: none;
background-color: #ffffff;
}
.classiera___FAQ .panel-title {
margin: 0;
}
.classiera___FAQ .panel-title a.faq-toggle {
display: flex;
justify-content: space-between;
align-items: center;
padding: 25px 20px;
text-decoration: none;
font-size: 1.2rem;
color: #444;
font-weight: 500;
border-radius: 20px;
transition: background-color 0.3s ease;
}
.classiera___FAQ .panel-title a.faq-toggle.collapsed i {
transform: rotate(0deg);
}
.classiera___FAQ .panel-title a.faq-toggle i {
transition: transform 0.3s ease;
font-size: 1rem;
color: #0B2E4A;
}
.classiera___FAQ .panel-title a.faq-toggle:not(.collapsed) i {
transform: rotate(180deg);
}
.classiera___FAQ .panel-body {
padding: 10px 20px 16px 20px;
color: #ffffff;
font-size: 1.2rem;
line-height: 1.6;
border-radius: 0 0 20px 20px;
}
.classiera___FAQ .panel-collapse.show .panel-body {
animation: fadeIn 0.3s ease;
}
.classiera-feature-btn ~ .lastbtn {
margin-top: 10px;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
/* === Classiera Plans Section on Profile Page === */
.plan-row {
padding: 10px 0;
border-bottom: 1px solid #ddd;
margin: 0;
overflow: hidden;
}
.plan-row:last-child {
border-bottom: none;
}
.plan-row .col-md-2{
text-align: center;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
font-size: 14px;
line-height: 1.4;
box-sizing: border-box;
}
.plan-name {
font-weight: 600;
font-size: 16px;
}
.ca_plan_alt {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 6px;
padding: 15px;
margin-top: 20px;
margin-bottom: 20px;
box-shadow: 0 .5rem 1rem #00000026,inset 0 -1px #ffffff26;
text-transform:capitalize;
box-sizing: border-box;
color:#ffffff;
}
.plan-row .col-md-2 .btn,
.plan-row .col-md-2 a.btn {
white-space: normal;
word-break: break-word;
}
.plan-row .col-md-2 a.btn-style-six{
padding:9px 20px;
}
.ca_active_plan .plan-box {
background: #fff;
border-radius: 10px;
padding: 25px 18px 35px 15px;
box-shadow: 0 3px 20px rgba(0,0,0,0.08);
margin: 20px auto;
max-width: 1200px;
text-transform:capitalize;
}
.ca_active_plan .plan-row {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 -8px;
}
.ca_active_plan .plan-item {
box-sizing: border-box;
padding: 12px 8px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.ca_active_plan .plan-item {
flex: 0 0 calc(33.333% - 16px);
max-width: calc(33.333% - 16px);
}
}
@media (min-width: 1024px) {
.ca_active_plan .plan-item {
flex: 0 0 calc(16.666% - 16px);
max-width: calc(16.666% - 16px);
flex: 1 1 0;
max-width: none;
min-width: 0;
}
.ca_active_plan .plan-row {
flex-wrap: nowrap;
}
}
.ca_active_plan .plan-icon {
width: 56px;
height: 56px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #fff;
margin-bottom: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.ca_active_plan .plan-value {
margin: 6px 0 3px;
font-weight: 700;
font-size: 22px;
color: #333;
line-height: 1;
}
.ca_active_plan .plan-label {
font-size: 13px;
color: #888;
margin: 0;
}
.ca_active_plan .plan-btn-wrap {
margin-top: 22px;
text-align: center;
width: 100%;
}
.ca_active_plan .plan-btn:hover {
background: #2f54d1;
color: #fff;
}
@media (max-width: 991px) {
.ca_active_plan .plan-item {
flex: 1 1 33.3333%;
max-width: 33.3333%;
}
}
@media (max-width: 767px) {
.ca_active_plan .plan-item {
flex: 1 1 50%;
max-width: 50%;
min-width: 0;
padding: 12px;
}
.ca_active_plan .plan-box {
padding: 18px 12px 28px;
}
.ca_active_plan .plan-value {
font-size: 20px;
}
.ca_active_plan .plan-icon {
width: 48px;
height: 48px;
font-size: 18px;
}
.pr_container .today-add-pproperty-list{
grid-template-columns: repeat(3, 1fr);
}
.pr_container .added-today-title {
font-size: 18px;
}
}
@media (max-width: 567px) {
.pr_container .today-add-pproperty-list{
grid-template-columns: repeat(2, 1fr);
}
.today-ad-grid.grid.grid-cols-2.grid-rows-2.gap-5{
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 480px) {
.ca_active_plan .plan-item {
flex: 1 1 100%;
max-width: 100%;
}
.ca_active_plan .plan-btn {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.pr_container .today-add-pproperty-list{
grid-template-columns: repeat(1, 1fr);
}
}
/*NEW css*/
.toggle-switch {
position: relative;
width: 52px;
height: 26px;
}
.toggle-switch input {
display: none;
}
.toggle-switch label {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
background-color: #d6d6d6;
border-radius: 30px;
transition: background-color 0.3s ease;
}
.toggle-switch label::after {
content: '';
position: absolute;
width: 22px;
height: 22px;
left: 2px;
top: 2px;
background: #fff;
border-radius: 50%;
transition: transform 0.3s ease;
}
.toggle-switch input:checked + label {
background-color: #28a745;
}
.toggle-switch input:checked + label::after {
transform: translateX(26px);
}
ul.classiera-custom-fields li p > i{
padding-right:20px;
}
.classiera-custom-fields li p,
.list-unstyled > li > p {
display: flex;
align-items: flex-start;
gap: 10px;
}
.classiera-custom-fields li p .pull-right,
.list-unstyled > li > p .pull-right {
margin-left: auto;
text-align: right;
max-width: 60%;
white-space: normal;
word-break: break-word;
}
.submit_v2_ai button{
width:100%;
padding-top: 13px;
padding-bottom: 13px;
}
span.submit_v1_ai button{
padding:13px 20px !important;
}
/* ==============================
Category Design 13
=================================*/
.classiera-category-v13{position:relative;}
.classiera-category-v13 .container{position:relative;}
/* ------------------------------ Section header ------------------------------ */
.classiera-category-v13 .category-carousel__header{max-width:680px;margin:0 auto 44px;text-align:center;}
.classiera-category-v13 .category-carousel__title{margin:0 0 14px;font-size:34px;line-height:1.2;font-weight:700;color:#18212b;}
.classiera-category-v13 .category-carousel__desc{margin:0;font-size:16px;line-height:1.65;color:#68737f;}
/* Shadow room — owl stage clips overflow, padding + negative margin restores it */
.classiera-category-v13 .owl-carousel .owl-stage-outer{padding:14px 8px 42px;margin:-14px -8px -42px;}
/* --------------------------------- Card --------------------------------- */
.classiera-category-v13 .category-card{display:block;background:#fff;border:1px solid rgba(24,33,43,.06);border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 1px 2px rgba(24,33,43,.05),0 10px 26px rgba(24,33,43,.07);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1),border-color .35s ease;}
.classiera-category-v13 .category-card:hover{transform:translateY(-6px);box-shadow:0 6px 14px rgba(24,33,43,.08),0 26px 52px rgba(24,33,43,.14);border-color:rgba(24,33,43,.09);text-decoration:none;}
.classiera-category-v13 .category-card:active{transform:translateY(-2px);}
.classiera-category-v13 .category-card:focus-visible{outline:2px solid var(--classiera-v13-primary,#b6d91a);outline-offset:2px;}
/* Image area — 370x200 ratio, zoom on hover */
.classiera-category-v13 .category-card__image{position:relative;margin:0;aspect-ratio:370/200;overflow:hidden;background:linear-gradient(160deg,#f7f9fb,#eef1f5);}
.classiera-category-v13 .category-card__thumb{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.classiera-category-v13 .category-card:hover .category-card__thumb{transform:scale(1.08);}
.classiera-category-v13 .category-card__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:56px;line-height:1;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.classiera-category-v13 .category-card:hover .category-card__icon{transform:scale(1.12);}
@supports not (aspect-ratio:1/1){
.classiera-category-v13 .category-card__image{height:0;padding-bottom:54.054%;}
.classiera-category-v13 .category-card__thumb{position:absolute;top:0;left:0;height:100%;}
}
/* Body — title + count left, arrow right */
.classiera-category-v13 .category-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:3px;padding:16px 18px 18px;}
.classiera-category-v13 .category-card__title{grid-column:1;margin:0;font-family:inherit;font-size:17px;font-weight:700;line-height:1.3;color:#18212b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.classiera-category-v13 .category-card__count{grid-column:1;margin:0;font-size:13px;line-height:1.4;color:#7b8794;}
.classiera-category-v13 .category-card__arrow{grid-column:2;grid-row:1/span 2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#f2f4f7;color:#18212b;font-size:14px;transition:background-color .3s ease,color .3s ease,transform .3s ease;}
.classiera-category-v13 .category-card:hover .category-card__arrow{background:var(--classiera-v13-primary,#b6d91a);color:#fff;transform:translateX(4px);}
.rtl .classiera-category-v13 .category-card:hover .category-card__arrow,
[dir="rtl"] .classiera-category-v13 .category-card:hover .category-card__arrow{transform:translateX(-4px);}
/* ------------------------------ Nav arrows ------------------------------ */
.classiera-category-v13 .navText a{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;background:#fff;color:#18212b;font-size:18px;cursor:pointer;box-shadow:0 2px 6px rgba(24,33,43,.08),0 10px 24px rgba(24,33,43,.12);transform:translateY(-50%);transition:background-color .3s ease,color .3s ease,transform .3s ease;}
.classiera-category-v13 .navText a.prev{left:18px;}
.classiera-category-v13 .navText a.next{right:18px;}
.classiera-category-v13 .navText a:hover{background:var(--classiera-v13-primary,#b6d91a);color:#fff;}
.classiera-category-v13 .navText a:active{transform:translateY(-50%) scale(.94);}
/* ---------------------------- View-all button ---------------------------- */
.classiera-category-v13 .category-carousel__footer{margin-top:38px;text-align:center;}
.classiera-category-v13 .category-carousel__all{display:inline-flex;align-items:center;gap:9px;padding:13px 30px;border-radius:999px;background:var(--classiera-v13-primary,#b6d91a);color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;text-decoration:none;box-shadow:0 8px 20px rgba(24,33,43,.12);transition:filter .3s ease,transform .3s ease,box-shadow .3s ease;}
.classiera-category-v13 .category-carousel__all:hover{filter:brightness(.94);transform:translateY(-2px);box-shadow:0 12px 26px rgba(24,33,43,.16);color:#fff;text-decoration:none;}
.classiera-category-v13 .category-carousel__all:focus-visible{outline:2px solid #18212b;outline-offset:2px;}
.classiera-category-v13 .category-carousel__all .fa{font-size:12px;transition:transform .3s ease;}
.classiera-category-v13 .category-carousel__all:hover .fa{transform:translateX(3px);}
.rtl .classiera-category-v13 .category-carousel__all:hover .fa,
[dir="rtl"] .classiera-category-v13 .category-carousel__all:hover .fa{transform:translateX(-3px);}
/* ------------------------------- Responsive ------------------------------- */
@media (max-width:1199px){
.classiera-category-v13 .category-carousel__title{font-size:30px;}
}
@media (max-width:991px){
.classiera-category-v13 .navText{display:none;}
}
@media (max-width:767px){
.classiera-category-v13 .category-carousel__header{margin-bottom:32px;}
.classiera-category-v13 .category-carousel__title{font-size:26px;}
.classiera-category-v13 .category-carousel__desc{font-size:15px;}
.classiera-category-v13 .category-card{border-radius:14px;}
.classiera-category-v13 .category-card__body{padding:13px 14px 14px;column-gap:10px;}
.classiera-category-v13 .category-card__title{font-size:15px;}
.classiera-category-v13 .category-card__count{font-size:12px;}
.classiera-category-v13 .category-card__arrow{width:32px;height:32px;font-size:12px;}
.classiera-category-v13 .category-card__icon{font-size:42px;}
.classiera-category-v13 .category-carousel__footer{margin-top:28px;}
}
/* --------------------------- Reduced motion --------------------------- */
@media (prefers-reduced-motion:reduce){
.classiera-category-v13 .category-card,
.classiera-category-v13 .category-card__thumb,
.classiera-category-v13 .category-card__icon,
.classiera-category-v13 .category-card__arrow,
.classiera-category-v13 .category-carousel__all,
.classiera-category-v13 .navText a{transition:none;}
.classiera-category-v13 .category-card:hover{transform:none;}
.classiera-category-v13 .category-card:hover .category-card__thumb,
.classiera-category-v13 .category-card:hover .category-card__icon{transform:none;}
}
/* ==============================
Category Design 14
=================================*/
/**
* Classiera — Category Style 14 (catstyle14.php)
* Image cards with floating count pill, overlapping icon badge and
* per-card accent colors (--card-accent, set inline from PHP).
* Location: /css/catstyle14.css
*/
.classiera-category-v14{position:relative;}
.classiera-category-v14 .container{position:relative;}
.classiera-category-v14 .owl-carousel{
overflow:hidden;
}
.classiera-category-v14 .tab-content{
margin-bottom:30px;
}
/* ------------------------------ Section header ------------------------------ */
.classiera-category-v14 .category-carousel-v14__header{max-width:680px;margin:0 auto 46px;text-align:center;}
.classiera-category-v14 .category-carousel-v14__title{margin:0 0 12px;font-size:38px;line-height:1.15;font-weight:800;color:#18212b;}
.classiera-category-v14 .category-carousel-v14__desc{margin:0 0 18px;font-size:16px;line-height:1.65;color:#68737f;}
.classiera-category-v14 .category-carousel-v14__dash{display:inline-block;width:56px;height:4px;border-radius:999px;background:linear-gradient(90deg,#77b829 0 33%,#f5c623 33% 66%,#f0532d 66% 100%);}
/* Shadow room — owl stage clips overflow, padding + negative margin restores it */
.classiera-category-v14 .owl-carousel .owl-stage-outer{padding:14px 8px 42px;margin:-14px -8px -42px;}
.classiera-category-v14 .owl-carousel .owl-stage{display:flex;}
.classiera-category-v14 .owl-carousel .item{display:flex;height:100%;}
/* --------------------------------- Card --------------------------------- */
.classiera-category-v14 .category-card-v14{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid rgba(24,33,43,.06);border-radius:20px;padding:12px 12px 16px;overflow:hidden;text-decoration:none;box-shadow:0 1px 2px rgba(24,33,43,.05),0 10px 26px rgba(24,33,43,.07);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1),border-color .35s ease;}
.classiera-category-v14 .category-card-v14:hover{transform:translateY(-6px);box-shadow:0 6px 14px rgba(24,33,43,.08),0 26px 52px rgba(24,33,43,.14);border-color:rgba(24,33,43,.09);text-decoration:none;}
.classiera-category-v14 .category-card-v14:active{transform:translateY(-2px);}
.classiera-category-v14 .category-card-v14:focus-visible{outline:2px solid var(--card-accent,#4a7cf6);outline-offset:2px;}
/* Media — inset rounded image, floating pill, overlapping badge */
.classiera-category-v14 .category-card-v14__media{position:relative;margin:0 0 40px;}
.classiera-category-v14 .category-card-v14__frame{display:block;aspect-ratio:10/11;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#f7f9fb,#eef1f5);}
.classiera-category-v14 .category-card-v14__img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.classiera-category-v14 .category-card-v14:hover .category-card-v14__img{transform:scale(1.07);}
@supports not (aspect-ratio:1/1){
.classiera-category-v14 .category-card-v14__frame{position:relative;height:0;padding-bottom:110%;}
.classiera-category-v14 .category-card-v14__img{position:absolute;top:0;left:0;height:100%;}
}
/* Icon fallback panel (icon mode / no image) */
.classiera-category-v14 .category-card-v14__frame--icon{display:flex;align-items:center;justify-content:center;background:#f4f6f8;background:color-mix(in srgb,var(--card-accent,#4a7cf6) 9%,#fff);}
.classiera-category-v14 .category-card-v14__icon{font-size:64px;line-height:1;color:var(--card-accent,#4a7cf6);transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.classiera-category-v14 .category-card-v14:hover .category-card-v14__icon{transform:scale(1.12);}
/* Count pill */
.classiera-category-v14 .category-card-v14__pill{position:absolute;top:10px;right:10px;padding:6px 13px;border-radius:999px;background:#fff;color:#18212b;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 2px 8px rgba(24,33,43,.16);}
/* Icon badge overlapping the image bottom */
.classiera-category-v14 .category-card-v14__badge{
position:absolute;
left:16px;
bottom:-27px;
display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
border-radius:999px;
border:4px solid #fff;
background:#f4f6f8;
background:color-mix(in srgb,var(--card-accent,#4a7cf6) 11%,#fff);
color:var(--card-accent,#4a7cf6);
font-size:21px;
box-shadow:0 4px 12px rgba(24,33,43,.12);
transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.classiera-category-v14 .category-card-v14:hover .category-card-v14__badge{transform:translateY(-4px);}
/* Body */
.classiera-category-v14 .category-card-v14__body{display:flex;flex-direction:column;flex:1;padding:0 8px 2px;}
.classiera-category-v14 .category-card-v14__title{margin:0 0 7px;font-family:inherit;font-size:19px;font-weight:700;line-height:1.25;color:#18212b;}
.classiera-category-v14 .category-card-v14__desc{margin:0 0 14px;font-size:14px;line-height:1.55;color:#6b7684;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.classiera-category-v14 .category-card-v14__arrow{margin-top:auto;align-self:flex-end;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--card-accent,#4a7cf6);font-size:16px;transition:background-color .3s ease,transform .3s ease;}
.classiera-category-v14 .category-card-v14:hover .category-card-v14__arrow{background:#f2f4f7;background:color-mix(in srgb,var(--card-accent,#4a7cf6) 12%,#fff);transform:translateX(4px);}
.rtl .classiera-category-v14 .category-card-v14:hover .category-card-v14__arrow,
[dir="rtl"] .classiera-category-v14 .category-card-v14:hover .category-card-v14__arrow{transform:translateX(-4px);}
/* --------------------- Nav arrows (centered below track) --------------------- */
.classiera-category-v14 .navText{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:36px;}
.classiera-category-v14 .navText a{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;background:#fff;color:#18212b;font-size:22px;cursor:pointer;box-shadow:0 2px 6px rgba(24,33,43,.08),0 10px 24px rgba(24,33,43,.12);transition:background-color .3s ease,color .3s ease,transform .3s ease;}
.classiera-category-v14 .navText a:hover{background:var(--classiera-v14-primary,#b6d91a);color:#fff;}
.classiera-category-v14 .navText a:active{transform:scale(.94);}
/* ------------------------------- Responsive ------------------------------- */
@media (max-width:1199px){
.classiera-category-v14 .category-carousel-v14__title{font-size:32px;}
}
@media (max-width:767px){
.classiera-category-v14 .category-carousel-v14__header{margin-bottom:32px;}
.classiera-category-v14 .category-carousel-v14__title{font-size:27px;}
.classiera-category-v14 .category-carousel-v14__desc{font-size:15px;}
.classiera-category-v14 .category-card-v14{border-radius:16px;padding:10px 10px 13px;}
.classiera-category-v14 .category-card-v14__media{margin-bottom:32px;}
.classiera-category-v14 .category-card-v14__badge{width:48px;height:48px;bottom:-22px;left:12px;font-size:17px;border-width:3px;}
.classiera-category-v14 .category-card-v14__pill{padding:5px 10px;font-size:11px;}
.classiera-category-v14 .category-card-v14__body{padding:0 5px 0;}
.classiera-category-v14 .category-card-v14__title{font-size:16px;}
.classiera-category-v14 .category-card-v14__desc{font-size:13px;}
.classiera-category-v14 .category-card-v14__arrow{width:32px;height:32px;font-size:14px;}
.classiera-category-v14 .navText{margin-top:26px;}
.classiera-category-v14 .navText a{width:44px;height:44px;font-size:19px;}
}
/* --------------------------- Reduced motion --------------------------- */
@media (prefers-reduced-motion:reduce){
.classiera-category-v14 .category-card-v14,
.classiera-category-v14 .category-card-v14__img,
.classiera-category-v14 .category-card-v14__icon,
.classiera-category-v14 .category-card-v14__badge,
.classiera-category-v14 .category-card-v14__arrow,
.classiera-category-v14 .navText a{transition:none;}
.classiera-category-v14 .category-card-v14:hover,
.classiera-category-v14 .category-card-v14:hover .category-card-v14__img,
.classiera-category-v14 .category-card-v14:hover .category-card-v14__icon,
.classiera-category-v14 .category-card-v14:hover .category-card-v14__badge{transform:none;}
}
/* ==============================
Ad Box Design 9: Similar to Category 14
=================================*/
.classiera-advertisement.classiera-category-v14 .tab-content .col-lg-4{
margin-bottom:20px;
}
/* --------------------------------- Card --------------------------------- */
.post-card-v14{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid rgba(24,33,43,.06);border-radius:20px;padding:12px 12px 16px;box-shadow:0 1px 2px rgba(24,33,43,.05),0 10px 26px rgba(24,33,43,.07);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1),border-color .35s ease;}
.post-card-v14:hover{transform:translateY(-6px);border-color:rgba(24,33,43,.09);box-shadow:0 6px 14px rgba(24,33,43,.08),0 26px 52px rgba(24,33,43,.14);}
/* Media — inset rounded photo, chips, overlapping badge.
The 40px band is reserved only when the badge is actually rendered. */
.post-card-v14__media{position:relative;margin:0 0 40px;}
.post-card-v14__media--no-badge{margin-bottom:16px;}
.post-card-v14__frame{display:block;aspect-ratio:370/250;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#f7f9fb,#eef1f5);}
.post-card-v14__img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.post-card-v14:hover .post-card-v14__img{transform:scale(1.07);}
@supports not (aspect-ratio:1/1){
.post-card-v14__frame{position:relative;height:0;padding-bottom:67.567%;}
.post-card-v14__img{position:absolute;top:0;left:0;height:100%;}
}
/* Price pill — top right */
.post-card-v14__price{position:absolute;top:10px;right:10px;padding:7px 14px;border-radius:999px;background:#fff;color:#18212b;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 2px 8px rgba(24,33,43,.16);}
.post-card-v14__price *{color:inherit;font:inherit;}
/* Ads type chip (For Sale / Wanted) — top left */
.post-card-v14__type{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(24,33,43,.72);color:#fff;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(3px);}
.post-card-v14__type *{color:inherit;font:inherit;background:none;padding:0;margin:0;border:0;}
/* Featured chip — sits under the type chip */
.post-card-v14__featured{position:absolute;top:46px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--card-accent,#b6d91a);color:#fff;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px rgba(24,33,43,.16);}
/* Category badge — overlaps the photo edge */
.post-card-v14__badge{position:absolute;left:16px;bottom:-27px;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:999px;border:4px solid #fff;background:#f4f6f8;background:color-mix(in srgb,var(--card-accent,#b6d91a) 11%,#fff);color:var(--card-accent,#b6d91a);font-size:21px;box-shadow:0 4px 12px rgba(24,33,43,.12);transition:transform .35s cubic-bezier(.22,.61,.36,1);}
.post-card-v14__badge img{display:block;width:26px;height:26px;object-fit:contain;}
.post-card-v14:hover .post-card-v14__badge{transform:translateY(-4px);}
/* --------------------------------- Body --------------------------------- */
.post-card-v14__body{display:flex;flex-direction:column;flex:1;padding:0 8px 2px;}
.post-card-v14__title{margin:25px 0 8px;font-family:inherit;font-size:18px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-card-v14__title a{color:#18212b;text-decoration:none;transition:color .25s ease;}
.post-card-v14:hover .post-card-v14__title a,
.post-card-v14__title a:hover{color:var(--card-accent,#b6d91a);text-decoration:none;}
.post-card-v14__desc{margin:0 0 14px;font-size:14px;line-height:1.6;color:#6b7684;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* Meta rows */
.post-card-v14__meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 5px;margin:0 0 6px;font-size:13.5px;line-height:1.5;color:#6b7684;}
.post-card-v14__meta .fa{color:var(--card-accent,#b6d91a);font-size:13px;}
.post-card-v14__meta strong{color:#4d5a67;font-weight:700;}
.post-card-v14__meta a{color:#6b7684;text-decoration:none;transition:color .25s ease;}
.post-card-v14__meta a:hover{color:var(--card-accent,#b6d91a);text-decoration:none;}
/* Footer — tags left, arrow right */
.post-card-v14__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(24,33,43,.07);}
.post-card-v14__tags{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px;min-width:0;font-size:12.5px;line-height:1.5;color:#6b7684;overflow:hidden;}
.post-card-v14__tags .fa{color:var(--card-accent,#b6d91a);}
.post-card-v14__tags a{color:#6b7684;text-decoration:none;transition:color .25s ease;}
.post-card-v14__tags a:hover{color:var(--card-accent,#b6d91a);text-decoration:none;}
.post-card-v14__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--card-accent,#b6d91a);font-size:16px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;}
.post-card-v14:hover .post-card-v14__arrow{background:#f2f4f7;background:color-mix(in srgb,var(--card-accent,#b6d91a) 12%,#fff);transform:translateX(4px);}
.rtl .post-card-v14:hover .post-card-v14__arrow,
[dir="rtl"] .post-card-v14:hover .post-card-v14__arrow{transform:translateX(-4px);}
.post-card-v14 a:focus-visible{outline:2px solid var(--card-accent,#b6d91a);outline-offset:2px;}
/* ------------------------------- Responsive ------------------------------- */
@media (max-width:991px){
.post-card-v14__title{font-size:17px;}
}
@media (max-width:767px){
.post-card-v14{border-radius:16px;padding:10px 10px 13px;}
.post-card-v14__media{margin-bottom:32px;}
.post-card-v14__media--no-badge{margin-bottom:13px;}
.post-card-v14__badge{width:48px;height:48px;bottom:-22px;left:12px;font-size:17px;border-width:3px;}
.post-card-v14__badge img{width:22px;height:22px;}
.post-card-v14__price{padding:6px 11px;font-size:12.5px;}
.post-card-v14__type,
.post-card-v14__featured{padding:5px 10px;font-size:10px;}
.post-card-v14__featured{top:40px;}
.post-card-v14__body{padding:0 5px;}
.post-card-v14__title{font-size:15px;}
.post-card-v14__desc{margin-bottom:10px;font-size:13px;}
.post-card-v14__meta{font-size:12.5px;}
.post-card-v14__footer{padding-top:11px;}
.post-card-v14__tags{font-size:11.5px;}
.post-card-v14__arrow{width:32px;height:32px;font-size:14px;}
.post-card-v14 .hide_mobile{display:none;}
}
/* -------------------- List view (theme grid/list switcher) -------------------- */
.classiera-list-view .post-card-v14,
.list-view .post-card-v14{flex-direction:row;align-items:stretch;gap:18px;}
.classiera-list-view .post-card-v14__media,
.list-view .post-card-v14__media{flex:0 0 40%;max-width:40%;margin:0;}
.classiera-list-view .post-card-v14__frame,
.list-view .post-card-v14__frame{height:100%;}
.classiera-list-view .post-card-v14__badge,
.list-view .post-card-v14__badge{bottom:12px;}
.classiera-list-view .post-card-v14 .hide_grid,
.list-view .post-card-v14 .hide_grid{display:flex;}
/* --------------------------- Reduced motion --------------------------- */
@media (prefers-reduced-motion:reduce){
.post-card-v14,
.post-card-v14__img,
.post-card-v14__badge,
.post-card-v14__arrow,
.post-card-v14__title a{transition:none;}
.post-card-v14:hover,
.post-card-v14:hover .post-card-v14__img,
.post-card-v14:hover .post-card-v14__badge,
.post-card-v14:hover .post-card-v14__arrow{transform:none;}
}
/* ==============================
Blog section Design v5: Similar to Category 14
=================================*/
.classiera-blog-v14{position:relative;}
/* ------------------------------ Section header ------------------------------ */
.classiera-blog-v14 .blog-carousel-v14__header{max-width:680px;margin:0 auto 46px;text-align:center;}
.classiera-blog-v14 .blog-carousel-v14__title{margin:0 0 12px;font-family:inherit;font-size:38px;line-height:1.15;font-weight:800;color:#18212b;text-transform:capitalize;}
.classiera-blog-v14 .blog-carousel-v14__desc{margin:0 0 18px;font-size:16px;line-height:1.65;color:#68737f;}
.classiera-blog-v14 .blog-carousel-v14__dash{display:inline-block;width:56px;height:4px;border-radius:999px;background:linear-gradient(90deg,#77b829 0 33%,#f5c623 33% 66%,#f0532d 66% 100%);}
/* --------------------------------- Card --------------------------------- */
.classiera-blog-v14 .blog-card-v14{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid rgba(24,33,43,.06);border-radius:20px;padding:12px 12px 16px;box-shadow:0 1px 2px rgba(24,33,43,.05),0 10px 26px rgba(24,33,43,.07);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1),border-color .35s ease;}
.classiera-blog-v14 .blog-card-v14:hover{transform:translateY(-6px);border-color:rgba(24,33,43,.09);box-shadow:0 6px 14px rgba(24,33,43,.08),0 26px 52px rgba(24,33,43,.14);}
/* Media — inset rounded photo, chips, overlapping author badge */
.classiera-blog-v14 .blog-card-v14__media{position:relative;margin:0 0 40px;}
.classiera-blog-v14 .blog-card-v14__frame{display:block;aspect-ratio:370/250;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#f7f9fb,#eef1f5);}
.classiera-blog-v14 .blog-card-v14__img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__img{transform:scale(1.07);}
@supports not (aspect-ratio:1/1){
.classiera-blog-v14 .blog-card-v14__frame{position:relative;height:0;padding-bottom:67.567%;}
.classiera-blog-v14 .blog-card-v14__img{position:absolute;top:0;left:0;height:100%;}
}
/* Date pill — top right */
.classiera-blog-v14 .blog-card-v14__date{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:#fff;color:#18212b;font-size:12.5px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 2px 8px rgba(24,33,43,.16);}
.classiera-blog-v14 .blog-card-v14__date .fa{color:var(--section-accent,#b6d91a);font-size:12px;}
/* Category chip — top left */
.classiera-blog-v14 .blog-card-v14__cat{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;max-width:calc(100% - 130px);padding:6px 12px;border-radius:999px;background:var(--section-accent,#b6d91a);color:#fff;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px rgba(24,33,43,.16);}
.classiera-blog-v14 .blog-card-v14__cat a{color:#fff;text-decoration:none;}
.classiera-blog-v14 .blog-card-v14__cat a:hover{color:#fff;text-decoration:underline;}
/* Author avatar badge — overlaps the photo edge */
.classiera-blog-v14 .blog-card-v14__badge{position:absolute;left:16px;bottom:-27px;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:999px;border:4px solid #fff;overflow:hidden;background:#eef1f5;box-shadow:0 4px 12px rgba(24,33,43,.12);transition:transform .35s cubic-bezier(.22,.61,.36,1);}
.classiera-blog-v14 .blog-card-v14__badge img{display:block;width:100%;height:100%;object-fit:cover;border-radius:999px;}
.classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__badge{transform:translateY(-4px);}
/* --------------------------------- Body --------------------------------- */
.classiera-blog-v14 .blog-card-v14__body{display:flex;flex-direction:column;flex:1;padding:0 8px 2px;}
.classiera-blog-v14 .blog-card-v14__title{margin:0 0 8px;font-family:inherit;font-size:19px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; padding-top:25px;}
.classiera-blog-v14 .blog-card-v14__title a{color:#18212b;text-decoration:none;transition:color .25s ease;}
.classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__title a,
.classiera-blog-v14 .blog-card-v14__title a:hover{color:var(--section-accent,#b6d91a);text-decoration:none;}
.classiera-blog-v14 .blog-card-v14__desc{margin:0 0 12px;font-size:14px;line-height:1.6;color:#5f6a78;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* Meta row */
.classiera-blog-v14 .blog-card-v14__meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 5px;margin:0 0 4px;font-size:13.5px;line-height:1.5;color:#5f6a78;}
.classiera-blog-v14 .blog-card-v14__meta .fa{color:var(--section-accent,#b6d91a);font-size:13px;}
.classiera-blog-v14 .blog-card-v14__meta strong{color:#4d5a67;font-weight:700;}
.classiera-blog-v14 .blog-card-v14__meta a{color:#5f6a78;text-decoration:none;transition:color .25s ease;}
.classiera-blog-v14 .blog-card-v14__meta a:hover{color:var(--section-accent,#b6d91a);text-decoration:none;}
/* Footer — comments left, arrow right */
.classiera-blog-v14 .blog-card-v14__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(24,33,43,.07);}
.classiera-blog-v14 .blog-card-v14__comments{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:13px;line-height:1.5;color:#5f6a78;}
.classiera-blog-v14 .blog-card-v14__comments .fa{color:var(--section-accent,#b6d91a);}
.classiera-blog-v14 .blog-card-v14__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--section-accent,#b6d91a);font-size:16px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;}
.classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__arrow{background:#f2f4f7;background:color-mix(in srgb,var(--section-accent,#b6d91a) 12%,#fff);transform:translateX(4px);}
.rtl .classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__arrow,
[dir="rtl"] .classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__arrow{transform:translateX(-4px);}
.classiera-blog-v14 .blog-card-v14 a:focus-visible{outline:2px solid var(--section-accent,#b6d91a);outline-offset:2px;}
/* ---------------------------- View-all footer ---------------------------- */
.classiera-blog-v14 .blog-carousel-v14__footer{margin-top:34px;}
/* ------------------------------- Responsive ------------------------------- */
@media (max-width:1199px){
.classiera-blog-v14 .blog-carousel-v14__title{font-size:32px;}
}
@media (max-width:991px){
.classiera-blog-v14 .blog-card-v14__title{font-size:17px;}
}
@media (max-width:767px){
.classiera-blog-v14 .blog-carousel-v14__header{margin-bottom:32px;}
.classiera-blog-v14 .blog-carousel-v14__title{font-size:27px;}
.classiera-blog-v14 .blog-carousel-v14__desc{font-size:15px;}
.classiera-blog-v14 .blog-card-v14{border-radius:16px;padding:10px 10px 13px;}
.classiera-blog-v14 .blog-card-v14__media{margin-bottom:32px;}
.classiera-blog-v14 .blog-card-v14__badge{width:48px;height:48px;bottom:-22px;left:12px;border-width:3px;}
.classiera-blog-v14 .blog-card-v14__date{padding:6px 10px;font-size:11.5px;}
.classiera-blog-v14 .blog-card-v14__cat{padding:5px 10px;font-size:10px;max-width:calc(100% - 118px);}
.classiera-blog-v14 .blog-card-v14__body{padding:0 5px;}
.classiera-blog-v14 .blog-card-v14__title{font-size:16px;}
.classiera-blog-v14 .blog-card-v14__desc{font-size:13px;-webkit-line-clamp:2;}
.classiera-blog-v14 .blog-card-v14__meta{font-size:12.5px;}
.classiera-blog-v14 .blog-card-v14__footer{padding-top:11px;}
.classiera-blog-v14 .blog-card-v14__comments{font-size:12px;}
.classiera-blog-v14 .blog-card-v14__arrow{width:32px;height:32px;font-size:14px;}
.classiera-blog-v14 .blog-carousel-v14__footer{margin-top:26px;}
}
/* --------------------------- Reduced motion --------------------------- */
@media (prefers-reduced-motion:reduce){
.classiera-blog-v14 .blog-card-v14,
.classiera-blog-v14 .blog-card-v14__img,
.classiera-blog-v14 .blog-card-v14__badge,
.classiera-blog-v14 .blog-card-v14__arrow,
.classiera-blog-v14 .blog-card-v14__title a{transition:none;}
.classiera-blog-v14 .blog-card-v14:hover,
.classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__img,
.classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__badge,
.classiera-blog-v14 .blog-card-v14:hover .blog-card-v14__arrow{transform:none;}
}
/* ============================================================================
Classiera "Marketplace 2026" — new homepage sections
sliderv7 / catstyle15 / premiumv9 / locationsv6 / callout9 / blogv6
Shared design tokens (repeated per-section, not global, to stay scoped):
navy #0f2138 / #16314f accent #ff6b35 / #e85a2a / #ff8a5c
text muted #667085 border #e6e8ec surface #f6f7f9
============================================================================ */
/* --------------------------- Hero / sliderv7 --------------------------- */
.classiera-sliderv7{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;padding:110px 0 90px;}
.classiera-sliderv7__media{position:absolute;inset:0;z-index:0;background:#eef0f2;}
.classiera-sliderv7__img{width:100%;height:100%;object-fit:cover;display:block;}
.classiera-sliderv7__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 32%,rgba(255,255,255,.55) 56%,rgba(255,255,255,.12) 76%,rgba(255,255,255,0) 100%);}
.rtl .classiera-sliderv7__overlay{background:linear-gradient(270deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 32%,rgba(255,255,255,.55) 56%,rgba(255,255,255,.12) 76%,rgba(255,255,255,0) 100%);}
.classiera-sliderv7 .container{position:relative;z-index:1;}
.classiera-sliderv7__content{max-width:820px;}
.classiera-sliderv7__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ff6b35;margin-bottom:12px;}
.classiera-sliderv7__title{font-size:44px;line-height:1.15;font-weight:800;margin:0 0 16px;color:#0f2138;}
.classiera-sliderv7__desc{font-size:16px;line-height:1.6;color:#667085;max-width:480px;margin:0 0 26px;}
.classiera-sliderv7__trust{font-size:13.5px;color:#667085;margin:20px 0 0;}
.classiera-sliderv7__trust strong{
color: #fff;
padding: 5px 10px;
border-radius: 5px;
}
.classiera-sliderv7__panel{width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 50px rgba(15,33,56,.18);}
.classiera-sliderv7__tabs{display:flex;}
.classiera-sliderv7__tab{flex:1 1 auto;border:0;border-right:1px solid #eef0f2;background:#fff;color:#0f2138;font-size:13px;font-weight:600;padding:14px 18px;cursor:pointer;transition:background .2s ease,color .2s ease;}
.classiera-sliderv7__tab:last-child{border-right:0;}
.classiera-sliderv7__tab:hover{background:#fff5f0;}
.classiera-sliderv7__tab.is-active{background:#ff6b35;color:#fff;}
.classiera-sliderv7__card{background:#fff;padding:20px;}
.classiera-sliderv7__form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;}
.classiera-sliderv7__field{flex:1 1 150px;min-width:0;display:flex;flex-direction:column;gap:6px;padding:0 16px;border-right:1px solid #eef0f2;}
.classiera-sliderv7__field:first-child{padding-left:2px;}
.classiera-sliderv7__field:last-of-type{border-right:0;}
.classiera-sliderv7__field label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3;}
.classiera-sliderv7__field-input{display:flex;align-items:center;}
.classiera-sliderv7__field-input input,
.classiera-sliderv7__field-input select{border:0;outline:0;background:transparent;height:26px;width:100%;font-size:14.5px;color:#0f2138;padding:0;}
.classiera-sliderv7__submit{flex:0 0 auto;align-self:center;background:#ff6b35;color:#fff;border:0;border-radius:10px;padding:0 30px;height:54px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .2s ease;}
.classiera-sliderv7__submit:hover{background:#e85a2a;color:#fff;}
.classiera-sliderv7__trending{margin-top:16px;padding-top:14px;border-top:1px solid #eef0f2;font-size:12.5px;color:#98a2b3;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.classiera-sliderv7__trending span{font-weight:600;color:#667085;}
.classiera-sliderv7__trending a{
color:#ffffff;
text-decoration:none;
padding: 5px 10px;
border-radius: 5px;
}
.classiera-sliderv7__trending a:hover{color:#ffffff;}
@media (max-width:992px){
.classiera-sliderv7{padding:90px 0 70px;min-height:auto;}
.classiera-sliderv7__title{font-size:34px;}
.classiera-sliderv7__overlay{background:rgba(255,255,255,.93);}
.rtl .classiera-sliderv7__overlay{background:rgba(255,255,255,.93);}
}
@media (max-width:768px){
.classiera-sliderv7__tabs{flex-wrap:wrap;}
.classiera-sliderv7__tab{flex:1 1 50%;border-bottom:1px solid #eef0f2;}
.classiera-sliderv7__field{flex:1 1 100%;border-right:0;border-bottom:1px solid #eef0f2;padding:0 0 12px;}
.classiera-sliderv7__field:last-of-type{border-bottom:0;}
.classiera-sliderv7__submit{width:100%;margin-top:6px;}
}
@media (max-width:576px){
.classiera-sliderv7{padding:60px 0 40px;}
.classiera-sliderv7__title{font-size:26px;}
}
@media (max-width:576px){
.classiera-sliderv7{padding:50px 0;}
.classiera-sliderv7__title{font-size:27px;}
.classiera-sliderv7__card{padding:16px;}
.classiera-sliderv7__tabs{width:100%;overflow-x:auto;}
}
/* --------------------------- Categories / catstyle15 --------------------------- */
.classiera-catstyle15__header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;flex-wrap:wrap;}
.classiera-catstyle15__eyebrow,
.classiera-premiumv9__eyebrow,
.classiera-locationsv6__eyebrow,
.classiera-blogv6__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff6b35;}
.classiera-catstyle15__title{font-size:30px;font-weight:800;color:#0f2138;margin:8px 0 8px;}
.classiera-catstyle15__desc{color:#667085;font-size:15px;margin:0;max-width:480px;}
.classiera-catstyle15__viewall,
.classiera-premiumv9__viewall,
.classiera-blogv6__viewall{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6e8ec;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;color:#0f2138;white-space:nowrap;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease;}
.classiera-catstyle15__viewall:hover,
.classiera-premiumv9__viewall:hover,
.classiera-blogv6__viewall:hover{border-color:#ff6b35;background:#fff5f0;color:#ff6b35;}
.classiera-catstyle15__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.classiera-catstyle15__card{background:#fff;border:1px solid #e6e8ec;border-radius:14px;overflow:hidden;text-decoration:none;display:block;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;}
.classiera-catstyle15__card:hover{box-shadow:0 16px 32px rgba(15,33,56,.12);transform:translateY(-3px);border-color:#ff6b35;}
.classiera-catstyle15__media{display:block;aspect-ratio:1/1;overflow:hidden;background:#eef0f2;}
.classiera-catstyle15__media--icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff0e8,#ffe1d1);color:#ff6b35;font-size:32px;}
.classiera-catstyle15__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;}
.classiera-catstyle15__card:hover .classiera-catstyle15__img{transform:scale(1.08);}
.classiera-catstyle15__body{padding:16px 12px;text-align:center;}
.classiera-catstyle15__badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff5f0;color:#ff6b35;font-size:13px;margin:0 0 8px;}
.classiera-catstyle15__title-text{display:block;font-size:14px;font-weight:700;color:#0f2138;margin-bottom:2px;}
.classiera-catstyle15__count{display:block;font-size:12px;color:#98a2b3;}
@media (max-width:992px){
.classiera-catstyle15__grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:576px){
.classiera-catstyle15__grid{grid-template-columns:repeat(2,1fr);}
.classiera-catstyle15__header{margin-bottom:20px;}
.classiera-catstyle15__title{font-size:24px;}
}
/* --------------------------- Featured listings / premiumv9 --------------------------- */
.classiera-premiumv9__header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap;}
.classiera-premiumv9__title{font-size:28px;font-weight:800;color:#0f2138;margin:8px 0 6px;}
.classiera-premiumv9__desc{color:#667085;font-size:14px;margin:0;}
.classiera-premiumv9__track .item{padding:0 4px;}
.classiera-premiumv9__card{position:relative;background:#fff;border:1px solid #e6e8ec;border-radius:14px;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease;}
.classiera-premiumv9__card:hover{box-shadow:0 20px 40px rgba(15,33,56,.14);transform:translateY(-4px);}
.classiera-premiumv9__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#f1f2f4;}
.classiera-premiumv9__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;}
.classiera-premiumv9__card:hover .classiera-premiumv9__img{transform:scale(1.05);}
.classiera-premiumv9__badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:1;}
.classiera-premiumv9__badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:5px 10px;border-radius:6px;background:#0f2138;color:#fff;}
.classiera-premiumv9__badge--sell{background:#0f2138;}
.classiera-premiumv9__badge--buy{background:#2b6cb0;}
.classiera-premiumv9__badge--rent{background:#ff6b35;}
.classiera-premiumv9__badge--hire{background:#7b5be8;}
.classiera-premiumv9__badge--lostfound{background:#98a2b3;}
.classiera-premiumv9__badge--free{background:#2bb673;}
.classiera-premiumv9__badge--exchange{background:#ef4d8e;}
.classiera-premiumv9__badge--featured{background:#f5a623;}
.classiera-premiumv9__fav{position:absolute;top:12px;right:12px;z-index:1;}
.classiera-premiumv9__fav .fav-form{margin:0;}
.classiera-premiumv9__fav .watch-later,
.classiera-premiumv9__fav .fav{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(15,33,56,.16);color:#0f2138;border:0;font-size:0;text-decoration:none;cursor:pointer;}
.classiera-premiumv9__fav .watch-later i,
.classiera-premiumv9__fav .fav i{font-size:14px;}
.classiera-premiumv9__fav .fav span{display:none;}
.classiera-premiumv9__fav .watch-later:hover,
.classiera-premiumv9__fav .fav:hover{color:#ff6b35;}
.classiera-premiumv9__body{padding:16px 18px 18px;}
.classiera-premiumv9__price{font-size:20px;font-weight:800;color:#0f2138;margin:0 0 6px;}
.classiera-premiumv9__title-text{font-size:15px;font-weight:700;margin:0 0 8px;line-height:1.35;}
.classiera-premiumv9__title-text a{
color:#0f2138;
text-decoration:none;
font-size:22px;
}
.classiera-premiumv9__title-text a:hover{color:#ff6b35;}
.classiera-premiumv9__location{font-size:13px;color:#667085;margin:0 0 10px;display:flex;align-items:center;gap:6px;}
.classiera-premiumv9__location i{color:#ff6b35;}
.classiera-premiumv9__features{font-size:12.5px;color:#667085;margin-bottom:12px;}
.classiera-premiumv9__features .features{display:flex;gap:14px;flex-wrap:wrap;padding:0;margin:0;list-style:none;}
.classiera-premiumv9__features .feature-item{display:flex;align-items:center;gap:5px;}
.classiera-premiumv9__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0f2;padding-top:12px;}
.classiera-premiumv9__author{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#0f2138;font-weight:600;}
.classiera-premiumv9__author img{
width:26px !important;
height:26px !important;
border-radius:50% !important;
object-fit:cover !important;
}
.classiera-premiumv9__id{font-size:11.5px;color:#98a2b3;}
@media (max-width:576px){
.classiera-premiumv9__title{font-size:22px;}
}
/* --------------------------- Latest properties / premiumv9 block 2 --------------------------- */
.classiera-premiumv9-latest{background:#fafbfc;}
.classiera-premiumv9-latest__header{align-items:center;}
.classiera-premiumv9-latest__controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.classiera-premiumv9-latest__tabs.nav-tabs{display:flex;flex-wrap:wrap;gap:4px;border:0;background:#eef0f2;border-radius:10px;padding:4px;margin:0;}
.classiera-premiumv9-latest__tabs.nav-tabs > li{float:none;margin:0;}
.classiera-premiumv9-latest__tabs.nav-tabs > li > a{border:0;background:transparent;color:#667085;font-size:13px;font-weight:600;padding:9px 18px;border-radius:8px;margin:0;line-height:1.2;}
.classiera-premiumv9-latest__tabs.nav-tabs > li > a:hover,
.classiera-premiumv9-latest__tabs.nav-tabs > li > a:focus{background:transparent;color:#0f2138;border:0;}
.classiera-premiumv9-latest__tabs.nav-tabs > li.active > a,
.classiera-premiumv9-latest__tabs.nav-tabs > li.active > a:hover,
.classiera-premiumv9-latest__tabs.nav-tabs > li.active > a:focus{background:#ff6b35;color:#fff;border:0;}
.classiera-premiumv9-latest__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media (max-width:992px){
.classiera-premiumv9-latest__grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:576px){
.classiera-premiumv9-latest__grid{grid-template-columns:repeat(2,1fr);}
.classiera-premiumv9-latest__controls{width:100%;justify-content:space-between;}
}
/* --------------------------- Locations / locationsv6 --------------------------- */
.classiera-locationsv6__header{margin-bottom:28px;}
.classiera-locationsv6__title{font-size:28px;font-weight:800;color:#0f2138;margin:8px 0 8px;}
.classiera-locationsv6__desc{color:#667085;font-size:15px;margin:0;}
.classiera-locationsv6__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.classiera-locationsv6__card{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;text-decoration:none;background:linear-gradient(135deg,#16314f,#0f2138);}
.classiera-locationsv6__media{position:absolute;inset:0;}
.classiera-locationsv6__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;}
.classiera-locationsv6__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,33,56,0) 35%,rgba(15,33,56,.88) 100%);}
.classiera-locationsv6__card:hover .classiera-locationsv6__img{transform:scale(1.06);}
.classiera-locationsv6__body{position:relative;z-index:1;padding:14px;width:100%;}
.classiera-locationsv6__title-text{display:block;font-size:15px;font-weight:700;margin-bottom:2px;color:#fff;}
.classiera-locationsv6__count{display:block;font-size:11.5px;color:rgba(255,255,255,.82);}
@media (max-width:992px){
.classiera-locationsv6__grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:576px){
.classiera-locationsv6__grid{grid-template-columns:repeat(2,1fr);}
}
/* --------------------------- CTA / callout9 --------------------------- */
.classiera-callout9__panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;background-color:#0f2138;background-size:cover;background-position:center;border-radius:20px;padding:64px;overflow:hidden;color:#fff;}
.classiera-callout9__panel::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(15,33,56,.96) 0%,rgba(15,33,56,.78) 55%,rgba(15,33,56,.4) 100%);z-index:0;}
.classiera-callout9__content,
.classiera-callout9__media{position:relative;z-index:1;}
.classiera-callout9__content{max-width:460px;}
.classiera-callout9__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff8a5c;margin-bottom:14px;}
.classiera-callout9__title{font-size:34px;font-weight:800;line-height:1.2;margin:0 0 8px;color:#fff;}
.classiera-callout9__title-second{font-size:20px;font-weight:600;color:rgba(255,255,255,.85);margin:0 0 14px;}
.classiera-callout9__desc{font-size:15px;color:rgba(255,255,255,.78);line-height:1.6;margin:0 0 28px;}
.classiera-callout9__actions{display:flex;gap:14px;flex-wrap:wrap;}
.classiera-callout9__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease;}
.classiera-callout9__btn--primary{background:#ff6b35;color:#fff;}
.classiera-callout9__btn--primary:hover{background:#e85a2a;color:#fff;transform:translateY(-2px);}
.classiera-callout9__btn--secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);}
.classiera-callout9__btn--secondary:hover{background:rgba(255,255,255,.2);color:#fff;}
.classiera-callout9__media{flex:0 0 auto;width:420px;max-width:42%;}
.classiera-callout9__media img{
width:100%;
border-radius:16px !important;
display:block;
box-shadow:0 30px 60px rgba(0,0,0,.35) !important;
}
.classiera-callout9__stat{
position:absolute;
right:-50px;
top:-25px;
background:#fff;
color:#0f2138;
border-radius:14px;
padding:16px 20px;
box-shadow:0 20px 40px rgba(15,33,56,.28);
min-width:150px;
z-index:2;
}
.classiera-callout9__stat-label{display:block;font-size:11.5px;color:#667085;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}
.classiera-callout9__stat-value{display:block;font-size:24px;font-weight:800;}
.classiera-callout9__stat-trend{display:block;font-size:12px;color:#2bb673;margin-top:4px;}
.classiera-callout9__stat-trend i{margin-right:4px;}
@media (max-width:992px){
.classiera-callout9__panel{flex-direction:column;text-align:left;padding:44px 36px;}
.classiera-callout9__content{max-width:100%;}
.classiera-callout9__media{width:100%;max-width:100%;}
.classiera-callout9__stat{position:static;margin-top:20px;display:inline-block;}
}
@media (max-width:576px){
.classiera-callout9__panel{padding:32px 24px;border-radius:16px;}
.classiera-callout9__title{font-size:26px;}
.classiera-callout9__actions{flex-direction:column;}
.classiera-callout9__btn{justify-content:center;width:100%;}
}
/* --------------------------- Blog / blogv6 --------------------------- */
.classiera-blogv6__header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap;}
.classiera-blogv6__title{font-size:28px;font-weight:800;color:#0f2138;margin:8px 0 6px;}
.classiera-blogv6__desc{color:#667085;font-size:14px;margin:0;}
.classiera-blogv6__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.classiera-blogv6__card{background:#fff;border:1px solid #e6e8ec;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease;}
.classiera-blogv6__card:hover{box-shadow:0 16px 32px rgba(15,33,56,.12);transform:translateY(-3px);}
.classiera-blogv6__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#f1f2f4;}
.classiera-blogv6__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;}
.classiera-blogv6__card:hover .classiera-blogv6__img{transform:scale(1.05);}
.classiera-blogv6__cat{position:absolute;top:14px;left:14px;background:#ff6b35;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:6px;}
.classiera-blogv6__body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column;}
.classiera-blogv6__title-text{font-size:16px;font-weight:700;line-height:1.4;margin:0 0 10px;}
.classiera-blogv6__title-text a{color:#0f2138;text-decoration:none;}
.classiera-blogv6__title-text a:hover{color:#ff6b35;}
.classiera-blogv6__excerpt{font-size:13.5px;color:#667085;line-height:1.6;margin:0 0 14px;}
.classiera-blogv6__meta{font-size:12px;color:#98a2b3;margin:auto 0 0;display:flex;align-items:center;gap:8px;}
.classiera-blogv6__meta i{color:#ff6b35;}
.classiera-blogv6__contact{background:#0f2138;border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;color:#fff;}
.classiera-blogv6__contact-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ff8a5c;margin-bottom:10px;}
.classiera-blogv6__contact-title{font-size:19px;font-weight:800;line-height:1.3;margin:0 0 10px;color:#fff;}
.classiera-blogv6__contact-desc{font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.6;margin:0 0 20px;flex:1;}
.classiera-blogv6__contact-btn{display:inline-flex;align-items:center;gap:8px;background:#ff6b35;color:#fff;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:700;text-decoration:none;align-self:flex-start;transition:background .2s ease;}
.classiera-blogv6__contact-btn:hover{background:#e85a2a;color:#fff;}
@media (max-width:992px){
.classiera-blogv6__grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:576px){
.classiera-blogv6__grid{grid-template-columns:1fr;}
.classiera-blogv6__title{font-size:22px;}
}
/* --------------------------- Reduced motion --------------------------- */
@media (prefers-reduced-motion:reduce){
.classiera-sliderv7__tab,
.classiera-sliderv7__submit,
.classiera-catstyle15__img,.classiera-catstyle15__card,
.classiera-premiumv9__card,.classiera-premiumv9__img,
.classiera-locationsv6__img,
.classiera-callout9__btn,
.classiera-blogv6__card,.classiera-blogv6__img,.classiera-blogv6__contact-btn{transition:none;}
.classiera-premiumv9__card:hover,.classiera-blogv6__card:hover,.classiera-catstyle15__card:hover,
.classiera-callout9__btn--primary:hover{transform:none;}
}