html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
body.theme-default {
background: #fafafa;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
a {
text-decoration: none !important;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
body {
overflow-x: hidden !important;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
:root{
--primary:#d8232a;
--secondary:#cb050c;
}
/* ==========================================================================
mobile menu
========================================================================== */
.hc-offcanvas-nav li.cryptocurrency>.nav-item-wrapper .nav-item-link::before {
display: none !important;
}
h4.site_logo {
background: none !important;
border: none !important;
padding: 0px !important;
margin-top: -50px;
z-index: 9;
margin-left: 8px;
position: relative;
width: 78%;
}
h4.site_logo img {
width: 70% !important;
}
li.nav-item.cryptocurrency.login_btn {
border: 1px solid #d8232a;
border-radius: 4px;
margin: 9px 12px 14px 12px;
background: none;
}
li.nav-item.cryptocurrency.login_btn a {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
padding: 10px 10px;
border: none !important;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
text-align: center;
}
li.nav-item.cryptocurrency.login_btn a:hover {
border: none !important;
background: none !important;
}
li.nav-item.cryptocurrency.login_btn a:hover i {
color: #fff !important;
}
li.nav-item.cryptocurrency a.nav-item-link:hover i {
color: #d8232a !important;
}
li.nav-item.cryptocurrency.login_btn a i {
color: #d8232a !important;
vertical-align: middle;
font-size: 14px;
padding-left: 7px !important;
}
h3.hotline_title {
background: none !important;
font-size: 20px !important;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a !important;
margin: 0 !important;
/* padding: 9px 0px 16px 34px !important; */
}
h5.hotline_num {
font-size: 24px !important;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a !important;
margin: 0;
line-height: 0;
background: none !important;
margin-bottom: 35px !important;
letter-spacing: 1px !important;
/* padding-left: 34px !important; */
padding-top: 1px !important;
}
h5.hotline_num a {
color: #d8232a !important;
}
h4.contact_via_title {
background: none !important;
font-size: 14px !important;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #232121 !important;
padding: 13px 0px 16px 26px !important;
border-top: 1px solid #ddd;
}
ul.contact_via li {
display: inline-block;
padding: 0 !important;
}
ul.contact_via li a {
font-size: 12px !important;
padding: 0 !important;
}
ul.contact_via {
padding-left: 23px;
padding-bottom: 40px;
}
ul.contact_via a:hover {
background: none !important;
}
ul.contact_via i {
width: 30px;
height: 30px;
background: #007bff;
margin: 0px 8px 0px 0px;
font-size: 15px;
border-radius: 4px;
text-align: center;
padding: 6px 0px;
color: #fff !important;
}
ul.contact_via i:hover {}
a.facebook.nav-item-link i {
background: #0D6DAB !important;
}
a.twitter.nav-item-link i {
background: #0EA6BE !important;
}
a.pinterest.nav-item-link i {
background: #D41C1C !important;
}
a.instagram.nav-item-link i {
background: #773EB2 !important;
}
a.youtube.nav-item-link i {
background: #D41C1C !important;
}
/* ==========================================================================
header
========================================================================== */
#header {
background: #fff;
}
.user-menu {
background: #fff !important;
}
#header .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
nav.navbar.navbar-expand-lg.navbar-Montserrat-Light {
padding: 0;
}
.navbar-brand {
margin-right: 5px;
padding-top: 0px;
}
.nav-item i {
color: #d8232a;
}
.dropdown-nav .nav-link {
margin-right: 17px;
font-size: 22px;
vertical-align: middle;
display: inline-block;
margin-top: 0px;
}
ul.dropdown-menu {
border-radius: 0px;
background: #fff;
z-index: 99;
min-width: 186px;
min-height: 125px;
top: 56px;
border: 1px solid #f5f4f4;
}
ul.dropdown-menu li a {
font-size: 14px;
padding: 6px 8px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #212529;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
ul.dropdown-menu li a:hover {
color: #d8232a;
background: none;
}
* {
box-sizing: border-box;
}
li.search_bar {
margin-top: 2px;
margin-right: 33px;
}
i.search_icon.fa.fa-search {
font-size: 17px;
color: #d8232a;
padding-top: 14px;
margin-right: 17px;
cursor: pointer;
}
.search_bar .modal.main-modal {
top: -14px;
}
.modal-backdrop {
z-index: 1;
}
.search_bar form.example input[type=text] {
padding: 10px;
font-size: 15px;
border: 1px solid #d8232a;
float: left;
border-radius: 6px 0px 0px 6px;
outline: none;
width: 86%;
height: 40px;
background: #ffffff;
border-right: none;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.search_bar form.example input[type=text]::placeholder {
color: #212529;
}
.search_bar form.example button {
float: right;
width: 14%;
height: 40px;
background: #fff;
border: 1px solid #d8232a;
border-radius: 0px 6px 6px 0px;
color: #d8232a;
font-size: 15px;
outline: none;
cursor: pointer;
border-left: none;
}
.dropdown-toggle::after {
display: none !important;
}
#header .nav-menu.nav-item a {
font-size: 13px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #212529 !important;
letter-spacing: 1px;
padding: 25px 11px !important;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
#header .nav-menu.nav-item a.nav-link.active {
color: #d8232a !important;
}
#header .nav-menu.nav-item a:hover {
color: #d8232a !important;
}
.nav-account {
position: absolute;
top: 25px;
right: 168px;
}
.nav-account a {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #444;
transition: all 0.4s;
}
.nav-account a:hover {
color: #d8232a;
}
.nav-account a i {
color: #d8232a;
padding-right: 6px;
}
.nav-btn {
position: absolute;
top: 13px;
right: 56px;
}
.btn {
padding: 10px 15px;
font-size: 15px;
font-weight: 500;
}
.btn-primary {
background: var(--primary);
border-color: var(--primary);
}
.btn-primary:hover {
background: var(--secondary);
border-color: var(--secondary);
}
/* .nav-btn a {
background: #d8232a;
border: 1px solid #d8232a;
color: #fff;
padding: 10px 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
border-radius: 3px;
font-size: 14px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.nav-btn a:hover {
background: none;
color: #d8232a;
} */
button.navbar-toggler {
margin: 15px 143px 0px 0px;
padding: 1px 15px;
border: 2px solid #d8232a !important;
background: #fff;
outline: none;
border-radius: 0px;
}
.user-menu .toggle span,
.user-menu .toggle span::before,
.user-menu .toggle span::after {
background: #d8232a !important;
}
.post_ad {
position: absolute;
top: 31px;
right: 22px;
}
.post_ad ul li {
display: inline-block;
}
.post_ad ul li a {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
transition: all 0.4s;
}
.post_ad ul li a:hover {
color: #d8232a;
}
.post_ad ul li a i {
padding-right: 4px;
}
.post_ad ul li i {
padding-left: 8px;
color: #d8232a;
}
/* ==========================================================================
mobile banner
========================================================================== */
.banner-sec {
background-image: url(../img/mobile_banner.jpg);
padding: 100px 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
margin-top: -103px;
z-index: 1;
}
.banner-sec:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.banner-article {
position: relative;
z-index: 5;
padding: 43px 0px;
}
.banner-article h2 {
color: #fff;
font-size: 36px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
margin: 0;
padding-bottom: 9px;
}
.banner-article h5 {
color: #fff;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
/* ==========================================================================
mobile search box
========================================================================== */
.mobile-search_bx {
margin-top: -21px;
position: relative;
z-index: 2;
}
.mobile-search_bx button {
background: #fff;
border: 1px solid #f4eced;
height: 40px;
width: 100%;
text-align: inherit;
border-radius: 4px;
padding: 0px 34px 0px 13px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
box-shadow: 0px 1px 3px 0px #EEE;
position: relative;
}
.mobile-search_bx i {
font-size: 18px;
vertical-align: middle;
color: #d8232a;
}
.mobile-search_bx i {
position: absolute;
top: 11px;
right: 2%;
}
/* ==========================================================================
slider
========================================================================== */
.slider {
overflow: hidden;
margin-bottom: 50px;
position: relative;
}
.slider:before {
position: absolute;
content: "";
bottom: 0;
background: linear-gradient(0deg, #000000d9 0, #0000 200px);
z-index: 5;
width: 100%;
height: 100%;
}
.slider ol.carousel-indicators {
z-index: 5;
}
.slider .carousel-indicators li {
width: 8px;
height: 8px;
background: transparent;
border: 1px solid #fff !important;
border-radius: 50px;
border: none;
outline: none;
margin: 0px 7px 0px 0px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.slider .carousel-indicators li.active {
background: #d8232a;
border-color: #d8232a !important;
}
.slider img {
max-height: 520px;
}
/* ==========================================================================
category
========================================================================== */
/*.category-ad {
background-color: #fff;
display: inline-block;
padding:40px 0px 10px;
border-radius: 3px;
}*/
.category-list .category-item {
margin-bottom: 22px;
box-shadow: 0px 24px 35px 0px rgba(153, 153, 153, 0.15);
background: #fff;
padding: 17px 7px;
}
.category-icon {
min-height: 37px;
width: 100%;
}
.category-icon img {
margin-bottom: 7px;
}
.category-title {
display: block;
font-size: 16px;
}
li.category-item span.category-title {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
font-weight: 600;
padding-bottom: 2px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
li.category-item span.category-quantity {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #888;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.category-item:hover .category-quantity,
.category-item:hover .category-title {
color: #d8232a;
}
.category-heading h1 {
color: #212529;
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
padding-bottom: 8px;
padding-top: 4px;
}
.category-heading h2 {
color: #212529;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
padding-bottom: 8px;
padding-top: 4px;
}
.category-heading p {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #999;
line-height: 26px;
}
/* ==========================================================================
featured product
========================================================================== */
.featured-sec {
margin-bottom: 38px;
position: relative;
}
.sec-heading.text-center {
margin-bottom: 35px !important;
}
.sec-heading h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #454242;
}
.position-static {
padding: 5px 11px !important;
}
.featured_btn {
position: absolute;
top: 50px;
right: 24px;
}
.featured_btn a {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
}
.featured-wrap {
border: 1px solid #f1f1f1;
background: #fff;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;
border-radius: 6px;
min-height: 340px;
}
.featured-sec .owl-item img {
width: 100% !important;
}
.featured-bx {
/* overflow: hidden !important;
text-align: center !important;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff; */
height: 230px;
overflow: hidden;
}
.featured-bx img {
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
}
.featured-wrap:hover .featured-bx img {
transform: scale(1.2) rotate(4deg);
}
.featured-content {
padding: 13px;
/* min-height: 175px; */
}
.featured-price {
color: #d8232a;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 6px;
}
.featured-info h2 {
font-size: 16px;
margin: 0;
padding-bottom: 6px;
max-height: 60px;
overflow: hidden;
}
.featured-info a {
color: #212529;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.featured-info a:hover {
text-decoration: underline !important;
}
.featured-info span {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #888;
}
.featured-footer {
margin-top: 5px;
}
.address a {
color: #777;
font-size: 16px;
margin: 0px 10px 0px 0px;
letter-spacing: 1px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.address a:hover {
color: #d8232a;
}
.address a i {
color: #d8232a;
padding-right: 4px;
}
.featured-sec .owl-nav {
text-align: center;
position: absolute;
display: block !important;
top: -60px;
right: 31px;
font-size: 27px;
color: #d2d2d2;
}
.featured-sec .owl-nav .owl-prev {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
outline: none !important;
box-shadow: none !important;
}
.featured-sec .owl-nav .owl-prev:hover {
color: #d8232a;
}
.featured-sec .owl-nav .owl-next {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
outline: none !important;
box-shadow: none !important;
}
.featured-sec .owl-nav .owl-next:hover {
color: #d8232a;
}
.featured-sec button.owl-prev {
margin-right: 31px;
}
.featured-sec .owl-carousel .owl-stage-outer {
margin-top: 30px;
}
.verified-product {
margin-bottom: 10px;
}
/* ==========================================================================
featured product
========================================================================== */
.verified-product.top_product {
background: #d8232a2e;
}
.verified-product {
border: 1px solid #c8c8c8;
background: #fff;
border-radius: 10px;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;
}
.verified-price {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
margin: 0;
}
.verified-bx {
text-align: center !important;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background-color: #f9f9f9;
height: 150px;
overflow: hidden;
border-radius: 10px 0px 0px 10px;
}
.verified-bx img {
width: auto !important;
max-height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border-radius: 10px 0px 0px 10px;
}
.verified-wrap img {
max-width: 100%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
border-radius: 6px 0px 0px 6px;
}
.verified-product:hover .verified-wrap img {
transform: scale(1.2) rotate(4deg);
}
.verified-title h5 {
font-size: 16px;
margin: 0;
padding-bottom: 6px;
}
.verified-title a {
color: #212529;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.verified-titlecategory-title a:hover {
text-decoration: underline !important;
}
.verified-title h6 {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #888;
padding-top: 4px;
}
.verified-product.top_product .verified-title h5 {
padding-bottom: 2px;
}
.verified-product.top_product .verified-title h6 {
color: #393939;
}
.verified-address a {
color: #777;
font-size: 16px;
margin: 0px 10px 0px 0px;
letter-spacing: 1px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.verified-address a:hover {
color: #d8232a;
}
.verified-address a i {
color: #d8232a;
padding-right: 4px;
}
.top_pro {
position: absolute;
top: 7px;
right: 4px;
}
.top_pro span {
background: #d8232a;
color: #fff;
padding: 5px 11px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
}
/* ==========================================================================
category-pro-sec
========================================================================== */
.category-pro-sec {
margin: 45px 0px 0px 0px;
}
.sale-heading h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #555;
}
.sale-product .category-address {
padding: 0;
}
.sale-product {
border: 1px solid #f1f1f1;
background: #fff;
margin-bottom: 10px;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;
height: 100% !important;
border-radius: 10px;
}
.category-bx {
text-align: center !important;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background-color: #f9f9f9;
width: 110px;
height: 110px !important;
overflow: hidden;
border-radius: 6px 0px 0px 6px;
margin-right: 10px;
}
.category-pro-sec .media-body {
padding: 4px 0px;
}
.category-bx img {
width: auto !important;
max-height: 198px !important;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border-radius: 10px 0px 0px 10px;
}
.category-bx img {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.sale-product:hover .category-bx img {
transform: scale(1.2) rotate(4deg);
}
.category-price {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin: 0;
color: #d8232a;
}
.category-title h5 {
font-size: 15px;
margin: 0;
}
.category-title a {
color: #212529;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.category-title a:hover {
text-decoration: underline !important;
}
.card-body.price-body {
padding: 21px 8px;
}
.card-body.price-body .col-2 {
padding-left: 4px;
padding-right: 6px;
}
button.filter_btn {
background: #d8232a;
border: 1px solid #d8232a;
color: #fff;
padding: 8px 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 3px;
font-size: 15px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
button.filter_btn:hover {
background: #aa2431;
}
.category-address a {
color: #777;
font-size: 14px;
margin: 0px 10px 0px 0px;
letter-spacing: 1px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.category-address a:hover {
color: #d8232a;
}
.category-address a i {
color: #d8232a;
padding-right: 4px;
}
.category-pro-sec .owl-nav {
text-align: center;
position: absolute;
display: block !important;
top: -56px;
right: 0;
font-size: 26px;
color: #d2d2d2;
}
.category-pro-sec .owl-nav .owl-prev {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
outline: none !important;
box-shadow: none !important;
}
.category-pro-sec .owl-nav .owl-prev:hover {
color: #d8232a;
}
.category-pro-sec .owl-nav .owl-next {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
outline: none !important;
box-shadow: none !important;
}
.category-pro-sec .owl-nav .owl-next:hover {
color: #d8232a;
}
.category-pro-sec button.owl-prev {
margin-right: 31px;
}
.category-pro-sec .owl-carousel .owl-stage-outer {
margin-top: 25px;
}
/* ==========================================================================
popular-cities
========================================================================== */
.popular-cities {
background: #fafafa;
padding: 25px 0px 7px 0px;
}
.division_wrapper {
background: #fff;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;
padding: 15px;
border-radius: 6px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
color: #1e1e1e !important;
font-weight: 600;
font-size: 16px;
display: block;
}
.division_img img {
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.division_wrapper:hover .division_img img {
transform: scale(1.1);
}
.division_name a {
color: #1b1b1b;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.division_name a:hover {
color: #2196F3;
}
/* ==========================================================================
featured developers
========================================================================== */
.featured-developers {
margin-bottom: 10px;
}
.developers {
border: 1px solid #f1f1f1;
margin-bottom: 20px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.developers:hover {
background: #fff;
box-shadow: 1px 1px 12px 2px #ddd;
transform: translate(0px, -3px);
}
/* ==========================================================================
featured agencies
========================================================================== */
.featured-agencies {
margin-bottom: 10px;
}
.agencies {
border: 1px solid #f1f1f1;
margin-bottom: 20px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.agencies:hover {
background: #fff;
box-shadow: 1px 1px 12px 2px #ddd;
transform: translate(0px, -3px);
}
/* ==========================================================================
locations
========================================================================== */
.locations-wrap {
margin-bottom: 25px;
}
.location-heading h2 {
font-size: 25px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #444;
}
.locations-wrap h3 {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #212529;
text-transform: uppercase;
padding-bottom: 5px;
}
.locations-wrap ul li {
padding: 1px 0px;
}
.locations-wrap ul li a {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
line-height: 28px;
color: #2196F3;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.locations-wrap ul li a:hover {
color: #d8232a;
}
/* ==========================================================================
footer
========================================================================== */
footer.footer-sec {
padding: 40px 0px;
background: #1b1b1b;
}
.widget-heading h3 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #d8232a;
letter-spacing: 1px;
padding-bottom: 7px;
}
.widget-heading {
margin-bottom: 20px;
}
.about-bdflats p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 8px;
line-height: 26px;
color: #ffffff;
}
.widget-list ul li a {
font-size: 13px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #ffffff;
transition: all 0.4s;
padding: 8px 0px;
display: inline-block;
}
.widget-list ul li a:hover {
color: #d8232a;
padding-left: 5px;
}
.widget-list p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #ffffff;
}
.footer-wrapper input#email {
border: 1px solid #d8232a2b;
border-radius: 0px;
height: 46px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
outline: none;
border-radius: 3px;
box-shadow: none;
}
.footer-wrapper input#email:focus {
border: 1px solid #d8232a;
}
.subscribe_form .form-control {
background: #171616;
border-color: #2a2828;
color: #fff !important;
}
.subscribe_form .btn {
font-size: 14px;
padding: 12px 15px;
border: 1px solid #d8232a;
color: #ffffff;
background: #d8232a;
border-radius: 3px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none !important;
box-shadow: none !important;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
text-transform: uppercase;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #d8232a !important;
border-color: #d8232a !important;
}
/* ==========================================================================
fixed menu footer
========================================================================== */
.fixed-menu {
padding: 15px 0px;
background: #fff;
}
.menu-list a {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #444;
transition: all 0.4s;
vertical-align: middle;
text-align: center;
margin: auto;
}
.menu-list ul a:hover {
color: #d8232a;
}
.menu-list ul li i {
color: #d8232a;
font-size: 18px;
}
.open_serch a {
width: 32px;
height: 32px;
background: #d8232a;
border-radius: 100px;
padding: 13px 0px;
color: #fff !important;
cursor: pointer;
line-height: 29px;
}
.footer_form form.example input[type=text] {
padding: 10px;
font-size: 17px;
border: 1px solid grey;
float: left;
width: 80%;
background: #f1f1f1;
}
.footer_form form.example button {
float: left;
width: 20%;
padding: 10px;
background: #2196F3;
color: white;
font-size: 17px;
border: 1px solid grey;
border-left: none;
cursor: pointer;
}
.openBtn {
background: #f1f1f1;
border: none;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
}
.openBtn:hover {
background: #bbb;
}
.search_form .overlay {
width: 100%;
display: none;
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
background: #d8232a;
height: 89px;
}
.search_form .overlay-content {
position: relative;
top: 25%;
left: 13%;
width: 100%;
}
.search_form .overlay .closebtn {
position: absolute;
top: 5px;
right: 30px;
font-size: 60px;
cursor: pointer;
color: #ffffff;
}
.search_form .overlay input[type=text] {
float: left;
width: 50%;
background: #ffffff;
height: 50px;
padding: 0px 18px;
font-size: 15px;
border-radius: 4px 0px 0px 4px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
border: 1px solid #d8232a;
border-right: none
}
.search_form .overlay input[type=text]::placeholder {
color: #000;
}
.search_form .overlay input[type=text],
select {
color: #000;
}
.search_form .overlay button {
float: left;
width: 12%;
background: #fff;
font-size: 20px;
cursor: pointer;
height: 50px;
border: 1px solid #d8232a;
border-radius: 0px 4px 4px 0px;
outline: none;
border-left: none;
}
/* ==========================================================================
copyright
========================================================================== */
.copyright-sec {
background: #171616;
}
.copyright-text p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 15px 0px;
color: #ffffff;
margin: 0;
}
/* ==========================================================================
scroll top btn
========================================================================== */
div#scroll {
position: fixed;
bottom: 100px;
right: 10px;
background: #d8232a;
color: #fff;
width: 40px;
height: 40px;
text-align: center;
border-radius: 4px;
font-size: 20px;
z-index: 100;
padding-top: 6px;
cursor: pointer;
display: none;
}
/* ==========================================================================
login
========================================================================== */
.login-sec {
padding: 50px 0px;
}
.login-wrap {
background: #fff;
max-width: 27rem !important;
margin: auto;
padding: 37px;
border: 1px solid #b6b6b6;
border-radius: 12px;
}
.login-wrap h1 {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 5px;
margin: 0;
color: #212529;
}
.login-wrap p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #444;
}
.login-sec input#email,
.login-sec input#password {
border-radius: 4px;
height: 43px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
outline: none;
box-shadow: none;
margin-bottom: 5px;
}
.login-sec input#email:focus,
.login-sec input#password:focus {
border: 1px solid #d8232a;
}
.login-sec input[type="submit"] {
border: 1px solid #d8232a;
padding: 12px 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 16px;
color: #fff;
background: #d8232a;
outline: none;
text-transform: uppercase;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.login-sec input[type="submit"]:hover {
background: #aa2431;
border: 1px solid #aa2431;
}
.forget-pass {
border-bottom: 1px solid #ddd;
padding-bottom: 16px;
padding-top: 7px;
}
.forget-pass a {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
}
.forget-pass {
border-bottom: 1px solid #ddd;
padding-bottom: 16px;
padding-top: 7px;
}
.forget-pass a {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #6d6c6c;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.forget-pass a:hover {
color: #d8232a;
}
.create-account {
padding: 20px 0px 33px 0px;
}
.create-account h3 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin: 0;
padding-bottom: 6px;
color: #333;
}
.create-account h5 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #212529;
}
.create-account a {
border: 1px solid #d8232a;
padding: 12px 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 16px;
color: #fff;
background: #d8232a;
outline: none;
text-transform: uppercase;
border-radius: 2px;
display: block;
margin-top: 29px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.create-account a:hover {
background: #aa2431;
border: 1px solid #aa2431;
}
.go-back a {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
}
/* ==========================================================================
sign up
========================================================================== */
.signup-sec {
padding: 50px 0px;
}
/*
.sign-wrap {
background: #fff;
border-radius: 4px;
} */
.sign-wrap h2 {
font-size: 19px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 20px;
margin: 0;
color: #323232;
text-align: center;
}
.account-info h5 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
padding-bottom: 7px;
}
.account-info form {
margin-bottom: 15px;
}
.account-info input[type="radio"]+label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 9px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.account-info input[type="radio"] {
display: none;
}
.account-info input[type="radio"]+label:before,
.account-info input[type="radio"]+label:after {
position: absolute;
top: 11px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.account-info input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
.account-info input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
.label-title {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
padding-top: 10px;
}
.signup-sec input#name,
.signup-sec input#email,
.signup-sec input#mobile,
.signup-sec input#password,
.signup-sec input#person_name,
.signup-sec input#designation,
.signup-sec input#office_address {
border-radius: 4px;
height: 43px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
outline: none;
box-shadow: none;
margin-bottom: 5px;
}
.signup-sec input#name:focus,
.signup-sec input#email:focus,
.signup-sec input#mobile:focus,
.signup-sec input#password:focus,
.signup-sec input#person_name:focus,
.signup-sec input#designation:focus,
.signup-sec input#office_address:focus {
border: 1px solid #d8232a;
}
.signup-sec input[type="submit"] {
border: 1px solid #d8232a;
padding: 10px 37px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 16px;
color: #fff;
background: #d8232a;
outline: none;
text-transform: uppercase;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.signup-sec input[type="submit"]:hover {
background: #aa2431;
border: 1px solid #aa2431;
}
.login-account h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 4px;
margin: 0;
color: #000000;
}
.login-account h5 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #666;
margin-bottom: 22px;
}
.login-account a {
border: 1px solid #d8232a;
padding: 10px 28px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
background: #d8232a;
outline: none;
text-transform: uppercase;
border-radius: 2px;
display: inline-block;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.login-account a:hover {
background: #aa2431;
border: 1px solid #aa2431;
}
/* ==========================================================================
page header
========================================================================== */
.page-heading {
margin: 15px 0px 15px 0px;
}
.page-name ul li {
display: inline-block;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 0px 6px 0px 0px;
color: #222222;
}
.page-name ul li a {
color: #222222;
transition: all 0.3s;
}
.page-name ul li a:hover {
color: #d8232a;
}
.page-name ul {
margin-bottom: 6px;
}
.page-name h1 {
font-size: 25px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
}
/* ==========================================================================
banner form
========================================================================== */
.banner-form-sec {
margin-bottom: 20px;
}
.banner-form-sec form {
display: inline;
}
.banner-form .form-group {
padding: 0px !important;
margin: 0px !important;
}
.banner-form {
border: 1px solid #ece8e9;
padding: 12px;
background: #fff;
border-radius: 6px;
}
.form-wrap {
width: 20%;
display: inline-block;
}
.form-wrap .select-city {
padding: 0;
margin: 0;
border: 1px solid #f3dfe1;
padding: 11px 0px 12px 11px;
}
.form-wrap .property-select {
padding: 0;
margin: 0;
border: 1px solid #f3dfe1;
padding: 11px 0px 12px 11px;
}
.form-wrap .property-select h4 {
padding: 0;
margin: 0;
font-size: 14px;
}
.form-wrap .select-city h4 {
padding-left: 0px;
font-size: 14px;
}
.search-form {
width: 59%;
display: inline-block;
vertical-align: middle;
}
.form-wrap select#selectCategory,
.form-wrap select#selectCity {
border: 1px solid #f3dfe1;
border-radius: 0px;
height: 41px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
outline: none;
box-shadow: none;
cursor: pointer;
}
.form-wrap option {
cursor: pointer !important;
color: #222222;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.form-wrap option:hover {
background: red;
color: #d8232a;
}
.search-form input[type=text] {
padding: 0px 14px;
font-size: 14px;
border: 1px solid #f3dfe1;
float: left;
outline: none;
width: 85%;
height: 41px;
background: #ffffff;
border-right: none;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin-top: -2px;
}
.search-form input[type=text]::placeholder {
color: #212529;
}
.search-form button {
float: right;
width: 15%;
height: 41px;
background: #d8232a;
color: #ffffff;
font-size: 15px;
border: 1px solid #f3dfe1;
text-transform: uppercase;
outline: none;
cursor: pointer;
border-left: none;
margin-top: -2px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
/* ==========================================================================
single product
========================================================================== */
.singleproduct {
background-color: #fff;
display: inline-block;
padding: 15px 15px 25px 15px;
border-radius: 6px;
width: 100%;
min-height: 550px;
}
.single-product-sec {
margin-bottom: 20px;
}
.single-product-slider ol.carousel-indicators {
position: absolute;
width: 100%;
left: 0;
bottom: -145px;
margin-left: 0;
border: none;
text-align: left;
z-index:1;
}
.single-product-slider .carousel-indicators li:first-child {
margin-left: 0 !important;
}
.single-product-slider ol.carousel-indicators li {
height: 115px;
width: 100px;
text-indent: inherit;
border: none !important;
border-radius: 0;
margin: 0;
margin-left: 9px;
}
.single-product-slider ol.carousel-indicators li img {
border-radius: 4px;
}
.single-product-slider .carousel-control-next,
.single-product-slider .carousel-control-prev {
opacity: 1;
width: 40px;
height: 40px;
top: 45%;
font-size: 50px;
color: #d8232a;
opacity: 0;
}
.single-product-slider:hover .carousel-control-next,
.single-product-slider:hover .carousel-control-prev {
opacity: 1;
}
.single-price h4 {
font-size: 25px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
margin: 0;
padding-bottom: 3px;
line-height: 30px;
}
.single-title h1 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
margin: 0;
padding-bottom: 7px;
line-height: 30px;
}
.single-title p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-top: 3px;
}
.single-title {
margin-bottom: 10px;
}
.single-title p span {
padding-right: 15px;
}
.single-title p span a {
color: #777;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.single-title p span a:hover {
color: #d8232a;
}
.single-pro-ads h4 {
margin: 0;
padding-bottom: 3px;
}
.single-pro-ads h4 a {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #666;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.single-pro-ads h4 a:hover {
color: #d8232a;
}
.single-pro-ads i {
padding-right: 6px;
color: #d8232a;
font-size: 16px;
}
.dealer h4 {
margin: 0;
}
.dealer a {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #666;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.dealer a:hover {
color: #d8232a;
}
.dealer a strong {
color: #d8232a;
}
.dealer i {
padding-right: 6px;
color: #d8232a;
}
.short-info {
margin: 11px 0px;
}
.short-info h3 {
margin: 0;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 7px;
color: #222222;
}
.short-info p {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 5px;
color: #222222;
}
.short-info p a {
padding-left: 5px;
color: #777;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.short-info p a:hover {
color: #d8232a;
}
.contect-with {
margin-bottom: 12px;
}
.contect-with h3 {
margin: 0;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 13px;
color: #222222;
}
.contect-with span {
background: #d8232a;
color: #fff;
padding: 5px 5px;
display: inline-block;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 3px;
cursor: pointer;
}
.contect-with span i {
color: #ffffff;
font-size: 18px;
vertical-align: middle;
border: 1px solid #FE5767;
width: 30px;
height: 30px;
text-align: center;
padding: 5px 0px;
border-radius: 6px;
}
.contect-with a {
background: #d8232a;
color: #fff !important;
padding: 5px 13px 5px 7px;
display: inline-block;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 3px;
cursor: pointer;
}
.contect-with a i {
color: #ffffff;
font-size: 18px;
vertical-align: middle;
border: 1px solid #FE5767;
width: 30px;
height: 30px;
text-align: center;
padding: 5px 0px;
border-radius: 6px;
margin-right: 6px;
}
.share-product h3 {
margin: 0;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 5px;
color: #222222;
}
.share-product ul li {
display: inline-block;
margin: 0px 6px 0px 0px;
font-size: 35px;
}
.share-product i.fa-facebook-square {
color: #0D79BF;
}
.share-product i.fa.fa-twitter-square {
color: #0DB2F0;
}
.share-product i.fa-google-plus-square {
color: #EC4D53;
}
.share-product i.fa-linkedin-square {
color: #6498CF;
}
.share-product i.fa-pinterest-square {
color: #ED1C24;
}
.share-product i.fa-tumblr-square {
color: #292A2D;
}
/* ==========================================================================
Product Description
========================================================================== */
.des-product {
border: 1px solid #EEE;
padding: 20px;
border-radius: 6px;
background: #fff;
}
.des-product h3 {
font-size: 24px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 5px;
color: #222222;
}
.des-product p {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
line-height: 28px;
margin-bottom: 18px !important;
color: #444;
}
.product-short-info {
border: 1px solid #EEE;
background: #fff;
padding: 23px 15px 32px 15px;
border-radius: 6px;
}
.product-short-info h3 {
font-size: 24px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 5px;
color: #222222;
}
.product-short-info ul li {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 18px;
}
.product-short-info ul li a {
color: #555;
transition: all 0.4s;
}
.product-short-info ul li a:hover {
color: #d8232a;
}
.product-short-info ul li i {
padding-right: 4px;
color: #504a4b;
}
.product-short-info ul li a span {
color: #d8232a;
}
/* ==========================================================================
Recommended Ads
========================================================================== */
.recommended-product {
border: 1px solid #EEE;
padding: 20px;
background: #fff;
border-radius: 6px;
}
.recommended-sec .featured-content {
padding: 0px 5px;
}
.recommended-sec .featured-footer {
margin-top: 0px;
}
.recommended-title h2 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #222222;
margin-bottom: 32px;
}
.recommended-cta {
border: 1px solid #EEE;
padding: 24px 10px 40px 10px;
background: #fff;
border-radius: 6px;
}
.secure-cat {
margin-bottom: 34px;
border-bottom: 1px solid #EEE;
padding-bottom: 22px;
}
.secure-cat img {
margin-bottom: 14px;
}
.secure-cat h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
margin: 0;
color: #2d2526;
padding-bottom: 5px;
}
.secure-cat p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #666;
}
.support-cat {
margin-bottom: 34px;
border-bottom: 1px solid #EEE;
padding-bottom: 22px;
}
.support-cat img {
margin-bottom: 14px;
}
.support-cat h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
margin: 0;
color: #2d2526;
padding-bottom: 5px;
}
.support-cat p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #666;
}
.trading-cat {
margin-bottom: 34px;
border-bottom: 1px solid #EEE;
padding-bottom: 22px;
}
.trading-cat img {
margin-bottom: 14px;
}
.trading-cat h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
margin: 0;
color: #2d2526;
padding-bottom: 5px;
}
.trading-cat p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #666;
}
.need-help h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
margin: 0;
color: #2d2526;
padding-bottom: 5px;
}
.need-help p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #666;
}
/* ==========================================================================
sell something
========================================================================== */
.something-sell {
background-image: url(../img/bg/1.jpg);
padding: 40px 0 60px;
position: relative;
}
.something-sell:before {
position: absolute;
background-color: #d8232af0;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 264px;
display: block;
content: "";
z-index: 1;
}
.sell-article {
z-index: 5;
position: relative;
}
.sell-article h2 {
font-size: 36px;
margin-top: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #ffffff;
}
.sell-article h5 {
font-size: 17px;
font-weight: 300;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #ffffff;
padding-bottom: 8px;
}
.sell-article a {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
text-transform: capitalize;
background-color: none;
border: 1px solid #ffffff;
border-radius: 4px;
color: #fff;
margin-top: 12px;
padding: 10px 40px 12px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sell-article a:hover {
background: #ffffff;
color: #d8232a;
}
/* ==========================================================================
contact
========================================================================== */
.contact-sec {
padding: 20px 0px 38px 0px;
}
.contact-info {
padding: 30px 15px 46px 17px;
border: 2px solid #d8232a33;
clip-path: polygon(0% 15%, 2% 3%, 15% 0%, 85% 0%, 98% 2%, 100% 15%, 100% 85%, 97% 97%, 85% 100%, 15% 100%, 4% 97%, 0% 85%);
}
.contact-info h3 {
font-size: 28px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 24px;
color: #000;
}
.contact-info ul li {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 0px 0px 16px 0px;
color: #444;
}
.contact-info ul li a {
color: #444;
transition: all 0.4s;
}
.contact-info ul li a:hover {
color: #d8232a;
}
.contact-info ul li strong {
color: #000;
padding-right: 7px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.contact-social ul li i {
font-size: 14px;
background: #d8232a;
width: 30px;
height: 28px;
text-align: center;
border: 1px solid #d8232a;
color: #fff;
padding: 6px 0px;
border-radius: 3px;
transition: all 0.4s;
}
.contact-social ul li i:hover {
color: #d8232a;
background: none;
}
.contact-social {
margin-top: 11px;
}
.contact-social ul li {
display: inline-block;
margin: 0px 9px 0px 0px;
}
.contact-form h3 {
font-size: 24px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
padding-bottom: 24px;
color: #222222;
}
.contact-form input[type="text"] {
height: 50px;
border-radius: 4px;
border: 1px solid #babfc7;
margin-bottom: 7px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
outline: none;
box-shadow: none;
}
.contact-form textarea#msg {
height: 120px;
border-radius: 4px;
border: 1px solid #e6e3e3;
margin-bottom: 7px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
outline: none;
box-shadow: none;
}
.contact-form input[type="submit"] {
background: #d8232a;
border: 1px solid #d8232a;
color: #fff;
padding: 14px 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
border-radius: 3px;
font-size: 14px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.contact-form input[type="submit"]:hover {
background: none;
color: #d8232a;
}
/* ==========================================================================
about page
========================================================================== */
.about-info h3 {
font-size: 21px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 20px;
color: #222222;
}
.about-info p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 20px;
color: #333;
line-height: 25px;
}
.about-approach {
background: #d8232a;
padding: 60px 0px 24px 0px;
margin-bottom: 80px;
}
.about-wrap {
border: 2px dashed #cacaca;
padding: 50px 10px;
margin-bottom: 30px;
}
.about-article h3 {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #ffffff;
padding-bottom: 15px;
}
.about-article p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #ffffff;
line-height: 24px;
}
/* ==========================================================================
team
========================================================================== */
.team-sec {
margin-bottom: 80px;
}
.team-heading {
margin-bottom: 30px;
}
.team-heading h1 {
font-size: 24px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
}
.team-profile {
position: relative;
}
.team-social {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: #d8232ad1;
transform: scale(0);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.team-wrapper:hover .team-social {
transform: scale(1);
}
ul.social {
position: absolute;
top: 48%;
left: 50%;
margin-left: -49px;
}
ul.social li {
display: inline-block;
}
ul.social li a i {
font-size: 20px;
color: #fff;
margin: 0px 7px 0px 0px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
ul.social li a i:hover {
color: #000;
}
.team-info {
margin-top: 20px;
}
.team-info h3 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
}
/* ==========================================================================
testimonial
========================================================================== */
.testimonial-sec {
margin-bottom: 52px;
}
.testimonial-item {
background: #f5f5f5;
padding: 57px 14px;
}
.client-profile img {
width: 100px !important;
height: 100px;
margin: 0 auto;
border-radius: 100px;
margin-bottom: 9px;
}
.client-info h3 {
font-size: 25px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
padding-bottom: 3px;
}
.client-info h4 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #666;
margin-bottom: 14px;
}
.client-info p {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
line-height: 25px;
color: #555;
}
.testimonial-sec .owl-dots {
text-align: center;
}
.testimonial-sec .owl-dots button {
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.testimonial-sec .owl-dots button span {
width: 16px !important;
height: 5px !important;
background: #9b9b9b;
display: inline-block;
margin: 0px 3px;
border-radius: 12px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.testimonial-sec .owl-dots button.owl-dot.active span {
width: 28px !important;
}
/* ==========================================================================
sitemap
========================================================================== */
.sitemap-sec {
margin-bottom: 100px;
}
.sitemap-heading h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 11px;
color: #222222;
}
.sitemap-list ul li {
padding: 10px 0px 7px 17px;
position: relative;
border-bottom: 1px solid #d8232a1c;
}
.sitemap-list ul li:before {
position: absolute;
content: "";
top: 14px;
left: 0;
width: 10px;
height: 10px;
border-bottom: 2px solid #d8232a78;
border-left: 2px solid #212529;
border-right: 2px solid #212529;
border-top: 2px solid #d8232a;
transform: rotate(-45deg);
opacity: 0.4;
transition: all 0.4s;
}
.sitemap-list ul li:hover:before {
border-color: #d8232a;
opacity: 1;
}
.sitemap-list ul li a:hover .sitemap-list ul li:before {
display: none;
}
.sitemap-list ul li a {
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #3f2aff;
display: block;
transition: all 0.4s;
}
.sitemap-list ul li:hover a {
color: #d8232a;
text-decoration: underline !important;
}
/* ==========================================================================
terms conditions
========================================================================== */
.terms-conditions {
margin-bottom: 35px;
}
.terms-heading {
margin-bottom: 13px;
}
.terms-heading h3 {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #444;
}
.conditions-box ul li {
list-style: circle;
}
.conditions-box p {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
line-height: 27px;
color: #666;
padding-bottom: 22px;
}
.conditions-box h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #444;
padding-bottom: 4px;
}
/* ==========================================================================
ad-post-details
========================================================================== */
.listing-gallery .swiper {
width: 100%;
height: 100%;
}
.listing-gallery .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.listing-gallery .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.listing-gallery .swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.listing-gallery .swiper-slide {
background-size: cover;
background-position: center;
}
.listing-gallery .swiperGallery {
height: 80%;
width: 100%;
z-index:0;
}
.listing-gallery .swiperThumbs {
height: 20%;
z-index:0;
box-sizing: border-box;
padding: 10px 0;
}
.listing-gallery .swiperThumbs .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.listing-gallery .swiperThumbs .swiper-slide-thumb-active {
opacity: 1;
}
.listing-gallery .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.listing-title h1 {
font-size: 26px;
font-weight: 500;
color: var(--bg-dark);
font-family: 'Lato';
}
.listing-gallery .swiper-button-next, .listing-gallery .swiper-button-prev {
width: 40px;
color: #ffffff;
background: #000000;
height: 40px;
border-radius: 50px;
}
.listing-gallery .swiper-button-next:after, .listing-gallery .swiper-button-prev:after {
font-size: 18px;
}
.ad-post-details {
margin-bottom: 20px;
}
.ad-post-details .form-group {
margin-bottom: 35px;
}
.section-post-details {
padding: 12px;
}
.section-post-details {
background: #fff;
border: 1px solid #ffffff;
padding: 25px 20px;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
margin-bottom: 20px;
}
.post-heading {
border-bottom: 1px solid #efebec;
padding: 11px 0px;
margin-bottom: 24px;
}
.post-heading h2 {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
font-weight: 600;
}
.post-heading h2 span {
color: red;
}
.ad-name {
position: relative;
}
.ad-name ul {
border-bottom: 1px solid #EEE;
padding: 10px 0px 20px 0px;
margin-bottom: 40px;
}
.ad-name ul li {
display: inline-block;
padding-right: 20px;
vertical-align: middle;
}
.ad-name ul li img {
display: inline-block;
max-width: 100%;
padding-right: 13px;
}
.ad-name ul li a {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.ad-name ul li a:hover {
color: #d8232a;
}
.ad-name ul li i {
padding-left: 9px;
font-size: 27px;
vertical-align: middle;
color: #d8232a;
}
a.edit-ads {
position: absolute;
top: 14px;
right: 5px;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
vertical-align: middle;
}
a.edit-ads:hover {
color: #d8232a;
}
a.edit-ads i {
padding-right: 7px;
vertical-align: middle;
}
.post-rules {
background: #fff;
border: 1px solid #ffffff;
padding: 25px 25px;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
margin-bottom: 20px;
}
.post-rules h2 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #222222;
margin-bottom: 18px;
}
.post-rules p {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 21px;
color: #666;
line-height: 24px;
}
.post-rules ul li {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 17px;
color: #666;
position: relative;
padding-left: 7px;
}
.post-rules ul li:before {
position: absolute;
content: "";
top: 7px;
left: -12px;
width: 7px;
height: 7px;
border-left: 2px solid #d8232a;
border-bottom: 2px solid #d8232a;
transform: rotate(225deg);
}
.user-type input[type="radio"] {
display: none;
}
.user-type input[type="radio"]+label {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 9px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.user-type input[type="radio"]+label:before,
.user-type input[type="radio"]+label:after {
position: absolute;
top: 13px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.user-type input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
.user-type input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
.ad-post-details .label-title {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
padding-top: 10px;
}
span.required {
color: red;
}
.ad-post-details input[type="text"],
.ad-post-details input#email {
height: 45px;
border-radius: 4px;
border: 1px solid #DDD;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
box-shadow: none;
}
.ad-post-details textarea#textarea {
border-radius: 4px;
border: 1px solid #DDD;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
box-shadow: none;
}
.ad-post-details textarea#textarea:focus,
.ad-post-details input#email:focus {
border: 1px solid #d8232a;
}
.characters p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #444;
}
.row.form-group.item-description {
margin-bottom: 12px;
}
.ad-post-details input[type="text"]:focus {
border: 1px solid #d8232a;
}
.section.seller-info {
background: #fff;
border: 1px solid #ffffff;
padding: 25px 20px;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
margin-bottom: 20px;
}
.section.seller-info h4 {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
margin-top: 27px;
padding: 20px 0px;
margin-bottom: 34px;
}
.add-image h5 {
color: #000;
font-size: 16px;
position: relative;
line-height: 23px;
padding-left: 45px;
margin-bottom: 25px;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.add-image h5 span {
font-size: 14px;
display: block;
font-weight: 300;
color: #838383;
}
i.fa.fa-upload {
position: absolute;
left: 0;
top: 3px;
font-size: 36px;
color: #d8232a;
}
.upload-section label.upload-image {
width: 20%;
height: 75px;
border: 1px solid #e3e3e3;
border-radius: 4px;
position: relative;
margin-bottom: 0;
margin: 0px 11px 0px 0px;
cursor: pointer;
}
.add-image label.upload-image:before {
position: absolute;
content: "\f055";
font-family: 'FontAwesome';
top: 50%;
left: 50%;
font-size: 30px;
color: #c2c2c2;
cursor: pointer;
margin-top: -14px;
margin-left: -14px;
line-height: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.add-image label:hover.upload-image:before {
color: #d8232a;
}
.upload-section label input {
display: none;
}
.select-condition input[type="radio"] {
display: none;
}
.select-condition input[type="radio"]+label {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 9px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.select-condition input[type="radio"]+label:before,
.select-condition input[type="radio"]+label:after {
position: absolute;
top: 13px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.select-condition input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
.select-condition input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
label.usd {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
display: inline-block;
color: #555;
}
label.negotiable {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
display: inline-block;
color: #555;
}
.select-price input#text1 {
display: inline-block;
width: initial;
margin: 0 15px;
}
.select-price input[type="radio"] {
display: none;
}
.select-price input[type="radio"]+label {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 0px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.select-price input[type="radio"]+label:before,
.select-price input[type="radio"]+label:after {
position: absolute;
top: 4px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.select-price input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
.select-price input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
.checkbox label {
padding-left: 22px;
color: #454444;
font-weight: 400;
margin-right: 35px;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 15px;
position: relative;
}
.additional .checkbox label input[type="checkbox"] {
width: 0;
height: 0;
display: none;
}
input#send {
display: none;
}
.additional .checkmark {
display: inline-block;
width: 15px;
height: 15px;
background: #ffffff;
border: 2px solid #d9d7d7;
position: absolute;
left: 0px;
top: 5px;
border-radius: 2px;
transition: all 0.1s;
}
.additional input:checked+.checkmark:after {
content: "";
position: absolute;
height: 7px;
width: 14px;
border-left: 3px solid #d8232a;
border-bottom: 3px solid #d8232a;
top: -1px;
left: 1px;
transform: rotate(-45deg);
}
.section.seller-info input[type="radio"] {
display: none;
}
.section.seller-info input[type="radio"]+label {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 9px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.section.seller-info input[type="radio"]+label:before,
.section.seller-info input[type="radio"]+label:after {
position: absolute;
top: 13px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.section.seller-info input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
.section.seller-info input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
.ad-premium {
background: #fff;
border: 1px solid #ffffff;
padding: 25px 20px;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
margin-bottom: 20px;
}
.ad-premium h4 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
padding-bottom: 12px;
font-weight: 600;
border-bottom: 1px solid #EEE;
margin-bottom: 18px;
}
.ad-premium p {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 16px;
line-height: 24px;
}
.ad-premium p a {
color: #d8232a;
}
ul.premium-options input[type="radio"] {
display: none;
}
ul.premium-options li {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 15px;
color: #555;
}
ul.premium-options li span {
float: right;
padding-top: 8px;
}
ul.premium-options {
margin-top: 30px;
max-width: 360px;
}
ul.premium-options input[type="radio"]+label {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 9px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
ul.premium-options input[type="radio"]+label:before,
ul.premium-options input[type="radio"]+label:after {
position: absolute;
top: 13px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
ul.premium-options input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
ul.premium-options input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
.checkbox.section.agreement {
background: #fff;
border: 1px solid #ffffff;
padding: 25px 14px;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
margin-bottom: 20px;
}
.checkbox.section.agreement label {
padding: 0px 0px 0px 25px;
font-size: 15px;
line-height: 24px;
color: #666;
margin-bottom: 22px;
}
.checkbox.section.agreement label a {
color: #d8232a;
font-weight: 600;
}
input#send {
display: none;
}
.checkbox.section.agreement .checkmark {
display: inline-block;
width: 16px;
height: 16px;
background: #ffffff;
border: 2px solid #d9d7d7;
position: absolute;
left: 0px;
top: 5px;
border-radius: 2px;
transition: all 0.1s;
}
.checkbox.section.agreement input:checked+.checkmark:after {
content: "";
position: absolute;
height: 8px;
width: 16px;
border-left: 3px solid #d8232a;
border-bottom: 3px solid #d8232a;
top: -1px;
left: 1px;
transform: rotate(-45deg);
}
button.btn.btn-primary {
background: #d8232a;
border: 1px solid #d8232a;
color: #fff;
padding: 11px 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 3px;
font-size: 15px;
outline: none !important;
box-shadow: none !important;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
button.btn.btn-primary:hover {
background: #a4212e;
}
button.btn.btn-primary:active {
color: #fff !important;
background-color: #d8232a !important;
border-color: #d8232a !important;
}
/* ==========================================================================
search filter
========================================================================== */
.filter-header {
background: #d8232a;
padding: 16px 11px;
}
.search-filter-sec.dsk-filter {
background: #fff;
padding: 0px 0px 11px 0px;
}
.dsk-search {
background: #d8232a !important;
padding: 4px !important;
}
.filter-header h4 {
color: #fff;
font-size: 17px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.filter-header h4 i {
padding-right: 8px;
color: #fff;
}
.filter-header input[type="button"] {
float: right;
background: none;
border: none;
color: #fff;
font-size: 16px;
outline: none;
box-shadow: none;
}
/* .search-type {
border-bottom: 1px solid #f4f4f4;
padding: 12px 0px 12px 0px;
margin-bottom: 6px;
} */
.user-want h4 {
font-size: 17px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
padding-right: 22px;
padding-left: 19px;
position: relative;
}
.user-want h4:before {
position: absolute;
content: "";
top: 7px;
left: -3px;
width: 14px;
height: 6px;
border-left: 2px solid #666;
border-bottom: 2px solid #666;
transform: rotate(-45deg);
}
.user-want h4:after {
position: absolute;
content: "";
top: 6px;
left: 2px;
width: 15px;
height: 8px;
border-left: 2px solid #666;
border-bottom: 2px solid #666;
transform: rotate(-45deg);
}
.search-type input[type="radio"] {
display: none;
}
.search-type input[type="radio"]+label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #444;
padding: 0px 17px 0px 18px;
position: relative;
cursor: pointer;
margin: 0;
}
.search-type input[type="radio"]+label:before,
.search-type input[type="radio"]+label:after {
position: absolute;
top: 2px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.search-type input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
.search-type input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
.search-type input[type="radio"]:checked+label {
color: #d8232a;
}
.select-city {
border-bottom: 1px solid #f4f4f4;
padding: 6px 0px 12px 0px;
margin-bottom: 12px;
transition: all 0.3s;
cursor: pointer;
}
.select-city:hover h4 {
color: #d8232a;
}
.select-city:hover i.fa-map-marker {
color: #d8232a;
}
.select-city h4 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
padding-left: 13px;
position: relative;
}
.search-filter-sec .select-city i.fa-angle-right {
margin-top: -14px;
margin-right: 5px;
}
.select-city h4 i.fa-map-marker {
position: absolute;
top: 0px;
left: -4px;
font-size: 16px;
color: #666;
}
.select-city h4 span {
color: #d8232a;
}
.select-city i.fa-angle-right {
font-size: 19px;
font-weight: 700;
margin-top: -6px;
}
.locations {
border-bottom: 1px solid #f4f4f4;
padding: 7px 0px 19px 0px;
margin-bottom: 12px;
cursor: pointer;
transition: all 0.3s;
}
.locations:hover h4 {
color: #d8232a;
}
.locations:hover i.fa-map {
color: #d8232a;
}
.locations h4 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
padding-left: 22px;
position: relative;
}
.locations h4 i.fa-map {
position: absolute;
top: 0px;
left: -4px;
font-size: 16px;
color: #666;
}
.locations h4 span {
color: #d8232a;
}
.locations i.fa-angle-right {
font-size: 18px;
font-weight: 700;
margin-top: 1px;
}
.property-select .modal {
top: 70px;
}
.property-select .categories-condition .checkmark {
top: 5px;
}
.property-select .modal-header {
margin: 0;
border: none;
}
.property-select .modal-body {
padding: 3px 15px 14px 15px;
}
.property-select .modal-content {
border: none;
border-radius: 0px;
}
.property-select button.close {
background: #d8232a;
opacity: 1;
color: #fff;
padding: 0;
outline: none;
}
.property-select .modal-header .close {
padding: 6px 13px;
position: absolute;
top: 15px;
right: 16px;
}
.property-select h4 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
position: relative;
padding: 0px 0px 10px 15px;
cursor: pointer;
}
.property-select:hover h4 {
color: #d8232a;
}
.property-select h4 i {
position: absolute;
top: 0px;
left: -4px;
font-size: 16px;
color: #666;
}
.property-select .fa-angle-right {
position: relative;
top: -16px;
color: #000;
font-weight: 600;
font-size: 19px;
}
.property-select:hover .fa-angle-right {
color: #d8232a;
}
.property-select form {
padding-left: 22px;
}
.property-select input[type="checkbox"] {
display: none;
}
/* .property-select {
border-bottom: 1px solid #EEE;
padding-bottom: 0px;
margin-bottom: 14px;
} */
/* .property-select label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
position: relative;
padding: 3px 18px 5px 20px;
cursor: pointer;
} */
.property-select .checkmark {
display: inline-block;
width: 15px;
height: 15px;
background: #ffffff;
border: 2px solid #d9d7d7;
position: absolute;
left: 0px;
top: 5px;
border-radius: 2px;
transition: all 0.1s;
}
.property-select input:checked+.checkmark:after {
content: "";
position: absolute;
height: 7px;
width: 14px;
border-left: 3px solid #d8232a;
border-bottom: 3px solid #d8232a;
top: -1px;
left: 1px;
transform: rotate(-45deg);
}
.property-ctn button {
padding: 8px 16px;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
letter-spacing: 1px;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
border-radius: 2px;
outline: none;
box-shadow: none;
transition: all 0.4s;
margin-top: 24px;
}
.property-ctn button:hover {
background: #aa2431;
border: 1px solid #aa2431;
}
.property-size {
border-bottom: 1px solid #EEE;
padding-bottom: 12px;
margin-bottom: 9px;
}
.property-size form {
padding: 4px 22px;
}
.property-size h4 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
padding-left: 17px;
position: relative;
margin-bottom: 10px;
}
.property-size h4 i {
position: absolute;
top: 0px;
left: -4px;
font-size: 16px;
color: #666;
}
.size-to {
padding-top: 7px;
}
.size-to span {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
vertical-align: middle;
}
.property-size input[type="number"] {
border: 1px solid #e6e3e3;
height: 38px;
border-radius: 4px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
background: #fff;
outline: none;
box-shadow: none;
padding: 0px 9px;
appearance: textfield;
-moz-appearance: textfield;
}
.property-size input::-webkit-outer-spin-button,
.property-size input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.range {
padding-bottom: 13px;
margin-bottom: 14px;
}
.range form {
padding: 4px 22px;
}
.range h4 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
padding-left: 18px;
position: relative;
margin-bottom: 10px;
}
.range h4 i {
position: absolute;
top: 0px;
left: -4px;
font-size: 16px;
color: #666;
}
.range-to {
padding-top: 7px;
}
.range-to span {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
vertical-align: middle;
}
.range-form input[type="number"] {
border: 1px solid #e6e3e3;
height: 38px;
border-radius: 4px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
background: #fff;
outline: none;
box-shadow: none;
padding: 0px 9px;
appearance: textfield;
-moz-appearance: textfield;
}
.range-form input::-webkit-outer-spin-button,
.range-form input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.bedroom-select {
border-bottom: 1px solid #EEE;
padding-bottom: 9px;
margin-bottom: 5px;
}
.bedroom-select h4 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
padding-left: 21px;
position: relative;
margin-bottom: 10px;
}
.bedroom-select h4 i {
position: absolute;
top: 0px;
left: -5px;
font-size: 16px;
color: #666;
}
.bedroom-select form {
padding-left: 22px;
}
.bedroom-select input[type="checkbox"] {
display: none;
}
.bedroom-select label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
position: relative;
padding: 3px 17px 0px 23px;
cursor: pointer;
}
.bedroom-select .checkmark {
display: inline-block;
width: 15px;
height: 15px;
background: #ffffff;
border: 2px solid #d9d7d7;
position: absolute;
left: 0px;
top: 5px;
border-radius: 2px;
transition: all 0.1s;
}
.bedroom-select input:checked+.checkmark:after {
content: "";
position: absolute;
height: 7px;
width: 14px;
border-left: 3px solid #d8232a;
border-bottom: 3px solid #d8232a;
top: -1px;
left: 1px;
transform: rotate(-45deg);
}
.filter-search span {
position: absolute;
top: -5px;
left: -5px;
font-size: 19px;
color: #666;
}
.filter-search input[type=text] {
padding: 10px 16px;
font-size: 13px;
border: 1px solid #dddddd;
float: left;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
width: 87%;
background: #ffffff;
height: 42px;
border-radius: 50px 0px 0px 50px;
outline: none;
box-shadow: none;
border-right: none;
}
.filter-search button {
float: left;
width: 13%;
padding: 10px;
background: #ffffff;
height: 42px;
border-radius: 0px 50px 50px 0px;
color: #dddddd;
font-size: 17px;
border: 1px solid #dddddd;
border-left: none;
cursor: pointer;
outline: none;
}
.filter-footer {
margin-top: 85px;
}
.filter-footer button {
padding: 14px 38px;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
background: #d8232a;
color: #fff;
border: none !important;
border-radius: 6px;
outline: none;
box-shadow: none;
transition: all 0.4s;
}
.filter-footer button:hover {
background: #aa2431;
border: 1px solid #aa2431;
}
/* ==========================================================================
city location
========================================================================== */
.city-location .modal {
top: 73px;
}
.city-location .modal-header {
padding: 13px 18px;
border-bottom: 1px solid #EEE;
}
.city-location .modal-content {
border: none;
border-radius: 3px;
}
.city-location .modal-header h5 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #453b3b;
}
.city-location .modal-header h5 a {
color: #d8232a;
font-size: 14px;
}
.city_title {
padding: 5px 0px 17px 0px;
}
.city_title h3 {
font-size: 17px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
}
.division_title {
padding: 10px 0px 17px 0px;
}
.division_title h3 {
font-size: 17px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
}
.city-location .nav-pills .nav-link {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #444;
padding: 10px 6px;
border-top: 1px solid #EEE;
border-radius: 0px;
transition: all 0.4s;
}
.city-location .nav-pills .nav-link:hover {
color: #d8232a;
}
.city-location .nav-pills .nav-link.active,
.city-location .nav-pills .show>.nav-link {
color: #d8232a;
background: none !important;
}
.fstElement {
border: 1px solid #e6e1e1 !important;
border-radius: 5px;
width: 100%;
}
.fstResultItem {
font-size: 14px;
padding: 8px 8px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.fstResultItem.fstSelected {
color: #fff;
background-color: #d8232a;
border-color: #d8232a;
}
.fstFocused:hover {
background-color: #d8232a;
border-color: #d8232a;
}
.fstChoiceItem {
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 7px 19px;
margin: 5px 6px;
cursor: auto;
background-color: #d8232a;
border: 1px solid #d8232a;
}
.fstMultipleMode .fstQueryInput {
margin: 0 !important;
padding: 9px 13px;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.fstMultipleMode .fstControls {
padding: 0 !important;
}
.city-list h3 {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
padding-bottom: 13px;
}
.city-list h3 i {
padding-right: 4px;
}
.city-list ul li a {
display: block;
color: #222;
padding: 10px 0px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
transition: all 0.1s ease;
}
.city-list ul li a:hover {
color: #d8232a;
}
.city-list ul li {
border-top: 1px solid #ececec;
}
.division-list h3 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
padding-bottom: 13px;
}
.division-list h3 i {
padding-right: 4px;
}
.division-list ul li a {
display: block;
color: #222;
padding: 10px 0px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
transition: all 0.1s ease;
}
.division-list ul li a:hover {
color: #d8232a;
}
.division-list ul li {
border-top: 1px solid #ececec;
}
.city-location button.close {
background: #d8232a;
opacity: 1;
color: #fff;
padding: 0;
margin: 4px;
outline: none;
}
.city-location .modal-header .close {
padding: 15px 19px;
margin: -13px -18px;
}
.modalsubcategory,
.backcategory {
display: none;
}
.backcategory h4 {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
border-bottom: 1px solid #EEE;
padding-bottom: 8px;
margin-bottom: 17px;
cursor: pointer;
}
.backcategory h4 i {
padding-right: 6px;
}
/* ==========================================================================
dashboard
========================================================================== */
.dashboard-sec {
padding: 20px 0px;
}
.dashboard-wrapper {
background: #fff;
border-radius: 10px;
padding: 10px;
border: 1px solid #EEE;
}
.property-wrapper {
background: #fff;
border-radius: 10px;
border: 1px solid #EEE;
}
.user-info {
background: #f5f5f5;
padding: 12px 12px;
border-radius: 10px;
margin-bottom: 20px;
}
.user-info h1 {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
padding-bottom: 8px;
color: #1e1e1e;
}
.user-info h1 a {
color: #d8232a;
}
.user-info h5 {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #333;
}
.user-info h5 small {
font-weight: 500;
font-size: 12px;
}
.dashboard-nav ul li {
position: relative;
}
/* .dashboard-nav ul li:before {
position: absolute;
content: "";
top: 16px;
left: -6px;
width: 10px;
height: 10px;
border-left: 3px solid #333;
border-bottom: 3px solid #333;
transform: rotate(225deg);
} */
.dashboard-nav ul li:hover:before {
border-left: 3px solid #d8232a;
border-bottom: 3px solid #d8232a;
}
.dashboard-nav ul li a {
display: block;
padding: 12px 0px;
color: #444444;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
transition: all 0.4s;
border-bottom: 1px dashed #e7e7e7;
}
.property-heading.card-header {
border-radius: 10px 10px 0px 0px !important;
}
.dashboard-nav ul li a:hover {
color: #d8232a;
}
.dashboard-nav ul li a.active {
color: #d8232a;
}
.logout-btn a {
font-weight: 700;
}
.logout-btn a:hover {
background: none;
color: #d8232a;
}
/* .account-details {
background: #fff;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
padding: 29px 20px;
border-radius: 5px;
} */
.account-user {
margin-bottom: 15px;
background: #fff;
border-radius: 8px;
padding: 20px;
border: 1px solid #EEE;
}
.user-bx img {
width: 75px;
height: 75px;
border-radius: 50%; /* Make the image round */
object-fit: cover; /* Ensure the image covers the circle without distortion */
max-height: 75px;
}
.user-bx {
display: inline-block;
vertical-align: middle;
}
.user-profile {
display: inline-block;
vertical-align: middle;
padding-left: 16px;
}
.account-user {
padding-bottom: 20px;
border-bottom: 1px solid #eeebeb;
margin-bottom: 21px;
}
.user-profile h3 {
font-size: 21px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000;
padding-bottom: 1px;
}
.user-profile h5 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #373737;
padding-bottom: 9px;
}
.user-profile span {
/* color: #d8232a; */
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.user-profile a {
/* color: #d8232a; */
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.user-profile a i {
padding-right: 5px;
font-weight: bold;
}
.user-logout {
position: absolute;
top: 41px;
right: 34px;
}
.user-logout a {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border: 1px solid #d8232a;
border-radius: 4px;
padding: 7px 13px;
color: #d8232a;
transition: all 0.4s;
}
.user-logout a:hover {
background: #d8232a;
color: #fff;
}
.user-box {
background: #FF5D55;
padding: 15px 5px;
border-radius: 5px;
}
.box2 {
background: #5BC0DE;
}
.box3 {
background: #92D36E;
}
.user-wrapper {
margin-bottom: 10px;
}
.user-box a {
color: #fff;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.user-box span {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.property-product {
border: 1px solid #eaeaea;
background: #fff;
}
/* .property-heading {
margin-bottom: 25px;
} */
.property-heading h3 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
}
.property-heading h3 span a {
color: #d8232a;
font-size: 16px;
}
.property-heading h3 a {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #333 !important;
transition: all 0.4s;
}
.property-heading h3 a i {
padding-right: 7px;
}
.property-heading h3 a:hover {
color: #d8232a !important;
}
.property-bx {
overflow: hidden;
}
.property-product img {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.property-product:hover .property-bx img {
transform: scale(1.2) rotate(4deg);
}
.property-product .position-static {
padding: 6px 7px 5px 25px;
}
.property-product .position-static h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
padding-bottom: 6px;
}
.property-product .position-static h3 span {
color: #629C44;
font-size: 16px;
position: relative;
}
span.claim {
color: #1464F6 !important;
font-size: 15px !important;
}
.property-product .position-static h5 {
padding-bottom: 6px;
}
.property-product .position-static h5 a {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
transition: all 0.4s;
}
.property-product .position-static h5 a:hover {
text-decoration: underline !important;
}
.property-product .position-static h6 {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
padding-bottom: 9px;
}
a.location {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #777;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
a.location:hover {
color: #d8232a;
}
a.location i {
color: #d8232a;
padding-right: 5px;
}
.owner-info ul li {
display: inline-block;
padding-top: 10px;
padding-right: 14px;
}
.owner-info ul li a {
color: #3f3e3e;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
transition: all 0.4s;
}
.owner-info ul li a:hover {
color: #d8232a;
}
.owner-info ul li i {
color: #d8232a;
padding-right: 2px;
}
.owner-info i.fa.fa-check {
color: #28a745;
}
.dashboard-sec .select-city i.fa-angle-right {
margin-top: -16px;
}
.dashboard-sec .bedroom-select h4 {
padding-left: 0px;
}
.dashboard-sec .bedroom-select {
border: none;
}
/* ==========================================================================
leads
========================================================================== */
.leads-wrapper {
border: 1px solid #f6f6f6;
padding: 20px 0px;
}
.leads-bx img {
width: 80px;
height: 80px;
border-radius: 100px;
}
.leads-info h5 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
padding-bottom: 4px;
}
.leads-info h5 span {
color: #67b63b;
text-align: center;
padding-right: 11px;
font-size: 15px;
}
.leads-info h5 {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222;
padding-bottom: 4px;
}
.leads-info h5 span {
color: #67b63b;
text-align: center;
padding-right: 11px;
font-size: 15px;
}
.leads-info h4 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #777;
padding-bottom: 11px;
}
.leads-info h4 span {
/*padding-left: 16px;*/
color: #d8232a;
}
.leads-info h6 {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #888;
}
.leads-info h6 span a {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #777;
padding-right: 11px;
transition: all 0.4s;
}
.leads-info h6 span a:hover {
color: #d8232a;
}
.leads-info h6 span a i {
color: #d8232a;
padding-right: 5px;
}
.featured {
position: absolute;
top: -2px;
left: -10px;
}
.featured span {
background: #d8232a;
color: #fff;
padding: 1px 6px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
}
.feature-text {
position: relative;
}
.feature-text:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-top: 10px solid #d8232a;
border-right: 10px solid transparent;
top: 21px;
left: 0px;
transform: rotate(90deg);
}
span.claim a {
color: #1464F6 !important;
}
span.claim a i {
color: #1464F6 !important;
}
/* ==========================================================================
pfofile
========================================================================== */
.profile-details {
background: #fff;
padding: 20px;
border-radius: 10px;
border: 1px solid #EEE;
}
.verified-text.feature-text span {
background: #28a745;
}
.verified-text.feature-text:before {
border-top: 10px solid #28a745;
}
.profile-heading {
margin-bottom: 20px;
}
td.label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-right: 10px;
color: #444;
}
.profile-heading h3 {
font-size: 21px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222;
}
.profile-details label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-right: 9px;
color: #444;
}
.profile-details input[type="text"],
.profile-details input#mobile {
height: 35px;
border: 1px solid #ddd;
padding: 10px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
border-radius: 4px;
box-shadow: none;
margin: 6px 0px 6px 0px;
appearance: inherit;
}
.profile-details input[type="text"]::placeholder,
.profile-details input#mobile::placeholder {
color: #000;
}
.profile-details input[type="text"]::placeholder,
.profile-details input#mobile::placeholder {
color: #DDD;
}
.profile-details input#mobile::-webkit-outer-spin-button,
.profile-details input#mobile::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.profile-details input#upload-image-one,
.profile-details input#upload-image-two,
.profile-details input#upload-image-three {
display: none;
}
.profile-details label.upload-image {
width: 100%;
height: 35px;
border: 1px solid #e8e1e1;
position: relative;
/* margin: 7px 11px 0px 0px; */
cursor: pointer;
border-radius: 4px;
}
.profile-details label.upload-image:before {
position: absolute;
content: "Upload Photo";
font-family: 'Montserrat', sans-serif;
font-weight: 500;
top: 14px;
left: 26px;
font-size: 15px;
color: #000000;
cursor: pointer;
margin-top: -14px;
margin-left: -14px;
line-height: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.profile-details label:hover.upload-image:before {
color: #d8232a;
}
.profile-details input#update {
display: inline-block;
margin-top: 20px;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 8px 23px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
outline: none;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.profile-details input#update:hover {
background: none;
color: #d8232a;
}
.profile-details input#password {
height: 36px;
border: 1px solid #ddd;
padding: 10px;
font-size: 13px;
border-radius: 4px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
margin-right: 15px;
box-shadow: none;
}
.profile-details input#photo {}
.profile-details input#submit {
display: inline-block;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 8px 23px;
outline: none;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.profile-details input#submit:hover {
background: none;
color: #d8232a;
}
/* ==========================================================================
insufficient balance
========================================================================== */
.insufficient-sec {
margin: 100px 0px;
}
.insufficient-balance {
background: #fff;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
padding: 53px 38px;
border-radius: 10px;
}
.insufficient-balance h4 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
padding-bottom: 28px;
font-weight: 500;
line-height: 27px;
}
.insufficient-balance h5 {
font-size: 19px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
padding-bottom: 4px;
}
.insufficient-balance h2 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
}
.insufficient-balance a {
display: inline-block;
margin-top: 50px;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 12px 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.insufficient-balance a:hover {
background: none;
color: #d8232a;
}
/* ==========================================================================
pay now
========================================================================== */
.pay-info {
background: #fff;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
padding: 53px 38px;
border-radius: 10px;
}
.pay-info h4 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
padding-bottom: 28px;
font-weight: 500;
line-height: 27px;
}
.pay-info h5 {
font-size: 19px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
padding-bottom: 4px;
}
.current-balance {
margin-bottom: 28px;
}
.current-balance h2 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
}
.listing-cost {
margin-bottom: 28px;
}
.listing-cost h2 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #0876ec;
}
.payment-balance {
margin-bottom: 28px;
}
.payment-balance h2 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #28a745;
}
.pay-info a {
display: inline-block;
margin-top: 40px;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 12px 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.pay-info a:hover {
background: none;
color: #d8232a;
}
/* ==========================================================================
sms verification
========================================================================== */
.sms-wrapper {
background: #fff;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
padding: 53px 38px;
border-radius: 10px;
}
.sms-wrapper span {
display: inline-block;
width: 120px;
height: 108px;
background: #222222;
margin-bottom: 29px;
position: relative;
border-radius: 10px;
}
.sms-wrapper span:before {
position: absolute;
content: "";
top: 28%;
left: 30%;
width: 62px;
height: 29px;
;
border-left: 9px solid #ffffff;
border-bottom: 9px solid #ffffff;
transform: rotate(-45deg);
}
.sms-wrapper h2 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #333;
padding-bottom: 8px;
}
.sms-wrapper h4 {
font-size: 17px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 34px;
color: #444;
}
.sms-wrapper input#number {
border-radius: 4px;
border: 1px solid #ddd;
outline: none;
height: 45px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
box-shadow: none;
-moz-appearance: textfield;
}
.sms-wrapper input#number:focus {
border: 1px solid #d8232a;
}
.sms-wrapper input#number::-webkit-outer-spin-button,
.sms-wrapper input#number::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sms-wrapper input#submit {
display: inline-block;
margin-top: 26px;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 12px 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.sms-wrapper input#submit:hover {
background: none;
color: #d8232a;
}
/* ==========================================================================
messeage verified
========================================================================== */
.msg-verified {
background: #fff;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
padding: 53px 38px;
border-radius: 10px;
}
.msg-verified span {
display: inline-block;
width: 120px;
height: 108px;
background: #222222;
border-radius: 10px;
margin-bottom: 29px;
position: relative;
}
.msg-verified span:before {
position: absolute;
content: "";
top: 28%;
left: 30%;
width: 62px;
height: 29px;
;
border-left: 9px solid #ffffff;
border-bottom: 9px solid #ffffff;
transform: rotate(-45deg);
}
.msg-verified h2 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #333;
padding-bottom: 8px;
}
.msg-verified h4 {
font-size: 17px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 34px;
color: #444;
}
/* ==========================================================================
submitted
========================================================================== */
.submitted-msg {
background: #fff;
box-shadow: 0 24px 35px 11px rgba(153, 153, 153, 0.15);
padding: 53px 38px;
border-radius: 10px;
}
.submitted-msg h3 {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #333;
padding-bottom: 11px;
line-height: 30px;
}
.submitted-msg h5 {
font-size: 17px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 34px;
color: #444;
}
.submitted-msg a {
display: inline-block;
margin-top: 2 0px;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 12px 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.submitted-msg a:hover {
background: none;
color: #d8232a;
}
/* ==========================================================================
property requirement
========================================================================== */
.requirement {
border: 1px solid #f4f4f4;
padding: 20px 20px;
background: #fff;
box-shadow: 0px 0px 1px 0px #ddd;
border-radius: 10px;
}
.property-title h3 {
font-size: 18px;
padding-bottom: 5px;
color: #333;
border-bottom: 1px dashed #ddd;
font-weight: 500;
}
.requirement .form-group {
margin-bottom: 20px;
}
.requirement label.label-title {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
}
.requirement select#city-division,
.requirement select#city {
border-radius: 2px;
border: 1px solid #DDD;
height: 45px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
box-shadow: none;
padding: 0px 9px;
}
.requirement .property-size {
border: none;
}
.property-looking input[type="radio"] {
display: none;
}
.property-looking input[type="radio"]+label {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 9px 30px 0px 19px;
position: relative;
cursor: pointer;
}
.property-looking input[type="radio"]+label:before,
.property-looking input[type="radio"]+label:after {
position: absolute;
top: 13px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.property-looking input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
.property-looking input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
.property-type select#property-type {
border: 1px solid #e6e3e3;
height: 38px;
border-radius: 4px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
background: #fff;
outline: none;
box-shadow: none;
padding: 0px 9px;
}
/*.property-type input[type="radio"] {
display: none;
}
.property-type input[type="radio"]+ label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 11px 6px 0px 18px;
position: relative;
cursor: pointer;
margin: 0;
}
.property-type input[type="radio"] + label:before,
.property-type input[type="radio"] + label:after {
position:absolute;
top:13px;
left:0;
content:"";
width:14px;
height:14px;
border-radius:50%;
display:inline-block;
background-color:transparent;
}
.property-type input[type="radio"] + label:before {
border: 2px solid #d8232a;
}
.property-type input[type="radio"]:checked + label:after {
border: 5px solid #d8232a;
}*/
.property-condition input[type="checkbox"] {
display: none;
}
.property-checkbox label {
padding: 7px 13px 0px 20px;
}
.property-condition label {
color: #454444;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 15px;
padding-top: 7px;
position: relative;
}
.property-condition .checkmark {
display: inline-block;
width: 15px;
height: 15px;
background: #ffffff;
border: 2px solid #d9d7d7;
position: absolute;
left: 0px;
top: 11px;
border-radius: 2px;
transition: all 0.1s;
}
.property-condition input:checked+.checkmark:after {
content: "";
position: absolute;
height: 7px;
width: 14px;
border-left: 3px solid #d8232a;
border-bottom: 3px solid #d8232a;
top: -1px;
left: 1px;
transform: rotate(-45deg);
}
textarea#requirement-details {
border-radius: 2px;
border: 1px solid #DDD;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
background: #fff;
outline: none;
box-shadow: none;
padding: 9px;
}
input#time {
border-radius: 2px;
border: 1px solid #DDD;
font-size: 14px;
height: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
background: #fff;
outline: none;
box-shadow: none;
padding: 9px;
}
.email-alert input[type="radio"] {
display: none;
}
.email-alert input[type="radio"]+label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 11px 17px 0px 18px;
position: relative;
cursor: pointer;
}
.email-alert input[type="radio"]+label:before,
.email-alert input[type="radio"]+label:after {
position: absolute;
top: 13px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.email-alert input[type="radio"]+label:before {
border: 2px solid #d8232a;
}
.email-alert input[type="radio"]:checked+label:after {
border: 5px solid #d8232a;
}
.size-middle {
padding-top: 11px;
}
.size-middle span {
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
}
.submit_btn input[type="submit"] {
display: inline-block;
margin-top: 20px;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 10px 32px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
outline: none;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.submit_btn input[type="submit"]:hover {
background: none;
color: #d8232a;
}
/* ==========================================================================
refund
========================================================================== */
.refund-wrap {
border: 1px solid #f4f4f4;
padding: 37px 24px;
background: #fff;
box-shadow: 0px 0px 1px 0px #ddd;
border-radius: 10px;
}
.refund-wrap h3 {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 15px;
color: #333;
}
.refund-wrap h1 {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #393737;
padding-bottom: 28px;
font-weight: 500;
line-height: 33px;
}
.refund-wrap h3 {
font-size: 19px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
padding-bottom: 4px;
}
.refund-wrap h2 {
font-size: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #d8232a;
}
.refund-wrap label {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #454141;
padding-bottom: 3px;
}
select#claiming {
border-radius: 0px;
height: 45px;
padding: 10px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
box-shadow: none;
}
textarea#msg {
border-radius: 0px;
padding: 10px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
box-shadow: none;
}
.refund-wrap a {
display: inline-block;
margin-top: 40px;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 12px 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.refund-wrap a:hover {
background: none;
color: #d8232a;
}
/* ==========================================================================
subission
========================================================================== */
.subission-wrap {
border: 1px solid #f4f4f4;
padding: 37px 24px;
background: #fff;
box-shadow: 0px 0px 1px 0px #ddd;
border-radius: 10px;
}
.subission-wrap h4 {
font-size: 21px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 15px;
color: #333;
}
.subission-wrap p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
line-height: 24px;
}
.subission-wrap h1 {
padding-top: 33px;
font-size: 31px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #393737;
font-weight: 500;
line-height: 33px;
}
/* ==========================================================================
subission
========================================================================== */
.recharre-balance {
border: 1px solid #f4f4f4;
padding: 37px 24px;
background: #fff;
box-shadow: 0px 0px 1px 0px #ddd;
border-radius: 10px;
}
.recharre-balance h2 {
font-size: 24px;
font-family: 'Montserrat', sans-serif;
color: #222222;
font-weight: 600;
padding-bottom: 5px;
}
.recharre-balance p {
font-size: 15px;
font-weight: 500;
color: #333;
}
.recharre-balance label {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #444;
}
.recharre-balance input#amount {
border: 1px solid #ddd;
border-radius: 4px;
outline: none;
height: 45px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
box-shadow: none;
appearance: textfield;
-moz-appearance: textfield;
}
.recharre-balance input::-webkit-outer-spin-button,
.recharre-balance input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.recharre-balance input[type="submit"] {
display: inline-block;
background: #d8232a;
color: #fff;
border: 1px solid #d8232a;
padding: 8px 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
border-radius: 4px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
font-size: 14px;
}
.recharre-balance input[type="submit"]:hover {
background: none;
color: #d8232a;
}
.recharre_methods a {
font-size: 15px;
color: #454545;
font-weight: 500;
}
.recharre_methods a:hover {
color: #2196F3;
}
/* ==========================================================================
categorie nav
========================================================================== */
.nav-header {
background: #d8232a;
padding: 16px 27px;
margin-bottom: 30px;
}
.nav-header h3 a {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #fff;
}
.nav-header h3 {
line-height: 19px;
}
.nav-header h3 i {
padding-right: 8px;
}
.nav-header h3 a span {
padding-left: 28px;
}
.category-nav-list a img {
width: 22px;
padding-right: 5px;
}
.category-nav-list a {
background: #fff;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
display: inline-block;
border: 1px solid #ddd;
padding: 8px 10px;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.category-nav-list a:hover {
color: #d8232a;
}
.category-nav-list a i {
color: #222222;
padding-right: 4px;
}
.category-nav-list.sortby select#sortby {
width: 100% !important;
padding: 0;
}
/* ==========================================================================
categorie
========================================================================== */
.categories-sec .card-header {
padding: 0;
margin: 0;
border: none;
}
.categories-sec .card {
margin-bottom: 15px;
border-radius: 6px !important;
border: 1px solid #ededed !important;
}
.categories-sec .card-header button.btn {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
color: #1b1b1b;
background: #ffffff;
padding: 12px;
border-bottom: 1px solid #EEE;
font-weight: 700;
}
div#collapseLocation a {
color: #2196F3;
}
.categories-sec .btn:after {
position: absolute;
content: "\2212";
top: 1px;
right: 12px;
font-size: 29px;
color: #000000;
text-align: center;
}
.categories-sec .btn.collapsed:after {
content: "\002B";
color: #000000;
}
.categories-list ul li.active {
background-color: #f3e7e7;
}
.categories-list ul li img {
width: 23px;
vertical-align: middle;
}
.categories-list ul li a, .categories-condition a {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #2196F3;
vertical-align: middle;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
display: block;
padding: 5px 0px;
}
.categories-list ul li a:hover {
color: #d8232a;
}
.categories-condition label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 1px;
color: #222;
position: relative;
padding-left: 23px;
justify-content: space-between;
display: flex;
align-items: baseline;
cursor: pointer;
}
.categories-condition input[type=checkbox] {
display: none;
}
.categories-condition .checkmark {
display: inline-block;
width: 15px;
height: 15px;
background: #ffffff;
border: 2px solid #d9d7d7;
position: absolute;
left: 0px;
top: 2px !important;
border-radius: 2px;
transition: all 0.1s;
}
.categories-condition input:checked+.checkmark:after {
content: "";
position: absolute;
height: 7px;
width: 14px;
border-left: 3px solid #d8232a;
border-bottom: 3px solid #d8232a;
top: -1px;
left: 1px;
transform: rotate(-45deg);
}
.pricing-filter .col-4 {
padding: 0px !important;
}
.categories-price .range-to {
padding: 5px 0px;
}
.categories-posted label {
display: block;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding-bottom: 6px;
color: #222;
position: relative;
padding-left: 24px;
}
.categories-posted input[type=checkbox] {
display: none;
}
.categories-posted .checkmark {
display: inline-block;
width: 15px;
height: 15px;
background: #ffffff;
border: 2px solid #d9d7d7;
position: absolute;
left: 0px;
top: 2px;
border-radius: 2px;
transition: all 0.1s;
}
.categories-posted input:checked+.checkmark:after {
content: "";
position: absolute;
height: 7px;
width: 14px;
border-left: 3px solid #d8232a;
border-bottom: 3px solid #d8232a;
top: -1px;
left: 1px;
transform: rotate(-45deg);
}
.categorie-header {
background: #fff;
padding: 12px;
border-radius: 6px;
margin-bottom: 15px;
}
.categorie-title h2 {
display: inline-block;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #1b1b1b;
vertical-align: middle;
font-weight: 500;
}
.sortby p {
font-size: 16px;
color: #222222;
font-weight: 500;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.sortby select#sortBy {
border-radius: 6px;
border: 1px solid #e3dddd;
outline: none;
display: inline-block;
width: auto;
vertical-align: middle;
box-shadow: none;
font-size: 14px;
font-weight: 400;
cursor: pointer;
padding: 8px 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
height: auto;
}
.pagination-wrap {
margin-bottom: 60px !important;
}
.pagination-wrap .page-link {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
background: #d3cfd0;
color: #000;
margin: 0px 5px;
border-radius: 4px;
border: none !important;
outline: none;
transition: all 0.4s;
box-shadow: none;
}
.pagination-wrap .page-link:hover {
background: #d8232a;
color: #fff;
}
.pagination-wrap .page-item:last-child .page-link {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
.pagination-wrap .page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #d8232a;
}
/* ==========================================================================
shop
========================================================================== */
.shop-banner {
position: relative;
}
.company-profile {
position: absolute;
left: 26px;
bottom: 23px;
}
.company-logo img {
max-width: 200px;
}
.company-logo {
margin-right: 20px;
vertical-align: middle;
}
.company-name h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 22px;
vertical-align: middle;
}
.company-name {
vertical-align: middle;
padding-top: 10px;
}
.company-details h1 {
padding-bottom: 10px;
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222222;
}
.company-details p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #333;
line-height: 25px;
}
.company-details p a {
color: #d8232a;
padding-left: 5px;
font-size: 15px;
}
.company-details {
background: #fff;
padding: 20px 16px 4px 16px;
}
.company-info {
background: #fff;
padding: 22px 14px;
}
li.mt {
margin-top: 20px;
cursor: pointer;
}
.company-info ul li {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #333;
padding-bottom: 14px;
display: flex;
vertical-align: middle;
padding-left: 50px;
}
.company-info ul li i {
vertical-align: middle;
font-size: 20px;
margin-right: 7px;
text-align: center;
color: #ffffff;
width: 40px;
height: 40px;
border: 1px solid #d8232a75;
padding: 8px 0px;
background: #d8232a;
border-radius: 3px;
position: absolute;
left: 27px;
}
/* ==========================================================================
advertisment
========================================================================== */
.advertisment-sec {
padding: 50px 0px;
}
.advertisment-wrap {
background: #fff;
padding: 20px;
border-radius: 10px;
border: 1px solid #EEE;
}
.advertis-seller h5 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
padding-bottom: 7px;
display: inline-block;
}
.advertis-seller input[type="radio"]+label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 0px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.advertis-seller input[type="radio"] {
display: none;
}
.advertis-seller input[type="radio"]+label:before,
.advertis-seller input[type="radio"]+label:after {
position: absolute;
top: 2px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.advertis-seller input[type="radio"]+label:before {
border: 2px solid #dc3545;
}
.advertis-seller input[type="radio"]:checked+label:after {
border: 5px solid #dc3545;
}
.advertis-seller input[type="radio"]:disabled+label:before {
border: 2px solid #868686;
}
.advertisment-form .form-group {
margin-bottom: 10px;
vertical-align: middle;
}
.advertisment-form .advertis-label {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #555;
letter-spacing: 0.3px;
margin: 0;
vertical-align: middle;
}
.advertisment-form .form-control {
height: 42px;
border-radius: 4px;
border: 1px solid #DDD;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
outline: none;
box-shadow: none;
padding: 5px 8px;
}
.advertisment-form .form-control:focus {
border: 1px solid #dc3545;
}
.msg-area {
height: 100px !important;
}
.advertisment-title h3 {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-weight: 600;
padding-bottom: 15px;
color: #222;
}
.no-gutters .form-group {
margin-bottom: 10px;
vertical-align: middle;
margin-right: 3px;
margin-left: 3px;
}
.advertisment-form input[type="radio"]+label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 0px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.advertisment-form input[type="radio"] {
display: none;
}
.advertisment-form input[type="radio"]+label:before,
.advertisment-form input[type="radio"]+label:after {
position: absolute;
top: 2px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
}
.advertisment-form input[type="radio"]+label:before {
border: 2px solid #dc3545;
}
.advertisment-form input[type="radio"]:checked+label:after {
border: 5px solid #dc3545;
}
.listing-list input[type="radio"]+label {
display: block;
padding-bottom: 5px;
}
.advertisment-form input[type="checkbox"]+label {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 0px 15px 0px 19px;
color: #666;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.advertisment-form input[type="checkbox"] {
display: none;
}
.advertisment-form input[type="checkbox"]+label:before,
.advertisment-form input[type="checkbox"]+label:after {
position: absolute;
top: 2px;
left: 0;
content: "";
width: 14px;
height: 14px;
border-radius: 25%;
display: inline-block;
background-color: transparent;
}
.advertisment-form input[type="checkbox"]+label:before {
border: 2px solid #dc3545;
}
.advertisment-form input[type="checkbox"]:checked+label:after {
border: 5px solid #dc3545;
}
.listing-list input[type="checkbox"]+label {
display: block;
padding-bottom: 5px;
}
.advertisment-btn input[type="submit"] {
border: 1px solid #dc3545;
padding: 10px 31px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 15px;
color: #fff;
background: #dc3545;
outline: none;
text-transform: uppercase;
border-radius: 2px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
.advertisment-btn input[type="submit"]:hover {
background: #aa2431;
border: 1px solid #aa2431;
}
.advertisment-form input::-webkit-outer-spin-button,
.advertisment-form input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.advertisment-form input[type=number] {
-moz-appearance: textfield;
}
.video-tag {
margin-top: 105px;
}
.et_pb_contact_form_label {
display: block;
color: black;
font-weight: bold;
letter-spacing: 1.2px;
font-size: 18px;
padding-bottom: 5px;
}
.advertisment-form input[id="imageFile"] {
display: none;
}
.advertisment-form label[for="imageFile"] {
background: #fff;
height: 100px;
background-image: url('https://image.flaticon.com/icons/svg/126/126477.svg');
background-repeat: no-repeat;
background-position: top 18px center;
position: absolute;
background-size: 7%;
color: transparent;
border-radius: 4px;
margin: auto;
width: 93%;
top: 50%;
left: 0;
right: 0;
border: 1px solid #DDD;
box-sizing: border-box;
}
.advertisment-form label[for="imageFile"]:before {
content: "Drag and Drop a file here";
display: block;
position: absolute;
top: 67%;
transform: translateY(-50%);
font-size: 14px;
color: #202020;
font-weight: 400;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.advertisment-form label[for="et_pb_contact_brand_request_0"]:after {
content: " (Provide link or Upload files if you already have guidelines)";
font-size: 12px;
letter-spacing: -0.31px;
color: #7a7a7a;
font-weight: normal;
}
.advertisment-form label[for="et_pb_contact_design_request_0"]:after {
content: " (Provide link or Upload design files)";
font-size: 12px;
letter-spacing: -0.31px;
color: #7a7a7a;
font-weight: normal;
}
.advertisment-form label[for="imageFile"].changed,
.advertisment-form label[for="imageFile"]:hover {
background-color: #dc3545a3;
}
.advertisment-form label[for="imageFile"] {
cursor: pointer;
transition: 400ms ease;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background: #DC3545 !important;
color: #fff;
}
td.active.day {
background: #d9d6d6 !important;
color: #000 !important;
}
.datepicker-days table {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
min-width: 287px;
width: 100%;
max-width: 100%;
}
.link {
color: #007bff;
font-weight: normal;
}
.btn-xs {
padding: 2px 6px;
font-size: 14px;
}
.featured-bx img {
height: auto !important;
overflow: hidden;
}
.placeholder-glow .featured-bx,
.placeholder-glow .verified-bx,
.category-bx {
position: relative;
height: 100%;
}
.placeholder-glow .featured-bx:before,
.placeholder-glow .verified-bx:before,
.placeholder-glow .category-bx:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background: #4c4c4c;
opacity: 1;
}
.placeholder-glow .featured-content {
min-height: 140px !important;
}
.featured-sec .placeholder_animate {
min-height: 1em;
vertical-align: middle;
cursor: wait;
height: 17px;
border-radius: 6px;
display: inline-block;
opacity: 1;
width: 100%;
background: #ddd;
overflow: hidden;
padding: 0px 10px;
}
.verified-wrap .placeholder_animate {
min-width: 100px;
}
.placeholder_animate {
min-height: 1em;
vertical-align: middle;
cursor: wait;
height: 17px;
border-radius: 6px;
background: #ddd;
position: relative;
overflow: hidden;
padding: 1px 10px;
display: inline-block !important;
}
.placeholder_animate::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ddd;
border-radius: 10px;
overflow: hidden;
}
.placeholder-glow .placeholder_animate {
animation: placeholder-glow 2s ease-in-out infinite;
}
.placeholder-glow {
.placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
}
@keyframes placeholder-glow {
50% {
opacity: .2;
}
}
.modal-header {
align-items: center;
min-height: 3.5rem;
background: 0 0;
padding: 0 1.5rem 0 1.5rem;
border-bottom: 1px solid #dce1e7 !important;
}
.modal-title {
font-size: 1rem;
font-weight: 600;
color: #323232;
line-height: 1.4285714286;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.modal-footer {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
background: #f6f8fb;
border-top: 1px solid #EEE;
}
.table td,
.table th {
color: #464444;
border-top: 1px solid #ededed !important;
vertical-align: middle;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.table thead th {
border-bottom: 0px solid #626e82 !important;
padding: 5px 5px;
background: #f2f2f2;
}
.card-header {
padding: 12px 12px;
}
#mobile_sort {
height: 39px;
border: 1px solid #DDD;
font-size: 14px;
}
button.close {
outline: none !important;
box-shadow: none !important;
}
.modal-content {
border: none !important;
border-radius: 6px;
}
.filter-header {
background: #d8232a;
padding: 16px 11px;
border-radius: 6px 6px 0px 0px;
}
.cursor-pointer {
cursor: pointer;
}
.menu-list a img {
margin-top: -3px;
margin-right: 3px;
}
#filterModal .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px !important;
}
#filterModal .select2-container .select2-selection--single {
height: 38px !important;
}
#filterModal .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444 !important;
line-height: 34px !important;
font-size: 14px !important;
}
#filterModal .select2-container--default .select2-selection--single {
border: 1px solid #ddd !important;
}
.select2-search--dropdown .select2-search__field {
outline: none !important;
padding: 4px 5px !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
}
.btn {
outline: none !important;
box-shadow: none !important;
}
.select2-container {
z-index: 9999;
}
#filter-wrapper .form-control {
font-size: 14px;
border: 1px solid #CCC;
outline: none !important;
box-shadow: none !important;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 12px 10px !important;
height: auto;
}
.property-wrapper .card-title {
font-weight: 500;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 14px;
color: #212121;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
z-index: 9999 !important;
}
.owner_leads .btn {
width: 140px;
padding: 12px 2px;
background: transparent;
color: #212121;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
border: 1px solid #DDD;
font-size: 14px;
}
.dashboard-sec .property-bx img {
max-height: 140px;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden,
[hidden] {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://Montserrat-Medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
/* 1 */
}
/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.sr-only.focusable:active,
.sr-only.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
white-space: inherit;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*::before,
*::after {
background: #fff !important;
color: #000 !important;
/* Black prints faster */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " ("attr(href) ")";
}
abbr[title]::after {
content: " ("attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e8eaec;
}
.status {
font-size: 14px;
}
.status.pending {
color: #e99b0e;
}
.status.invalid {
color: #e90e0e;
}
.status.valid {
color: #30b93a;
}
.status.updatedbyuser {
color: #ffeb00;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none !important;
}
.featured-wrap.card.h-100 {
min-height: 352px !important;
}
.shop-banner {
min-height: 250px !important;
}
@media screen and (min-width: 576px) and (max-width: 588px) {
.home-search-icon {
right: 10% !important;
}
}
@media screen and (min-width: 588px) and (max-width: 711px) {
.home-search-icon {
right: 16% !important;
}
}
@media screen and (min-width: 712px) {
.home-search-icon {
right: 18% !important;
}
}
#filterModal {
z-index: 9981 !important;
}