html{
scroll-behavior: smooth;
}
body {
font-size: 16px;
line-height: 24px;
font-family: 'Roboto', sans-serif;
overflow-x: hidden;
}
.container{
max-width: 1320px;
width: 100%;
margin: 0 auto;
}
p{
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #333;
}
.col, .col-1, .col-10, .col-11, .col-12,
.col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-auto, .col-lg,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12,
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2,
.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4,
.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
padding-left: 5px;
padding-right: 5px;
}
/*******************HEADER******************/
.logo-section{
padding: 10px 0;
background-color: #eee;
}
a.logo img{
width: 100%;
max-width: 210px;
position: absolute;
z-index: 99;
margin-top: -10px;
}
.logo-left ul{
padding: 0px;
margin: 0px;
text-align: right;
margin-top: 3px;
}
.logo-left ul li{
list-style-type: none;
display: inline-block;
}
a.btn.btn-buynow {
border: 1px solid #007bff;
background-color: #007bff;
padding: 8px 14px;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #fff;
border-radius: 30px;
}
a.btn.btn-buynow:hover{
border: 1px solid #ffff69;
background-color: #ffff69;
color: #000;
}
a.btn.btn-booknow {
border: 1px solid #ffff69;
background-color: #ffff69;
padding: 8px 14px;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #000;
border-radius: 30px;
}
a.btn.btn-booknow:hover{
border: 1px solid #007bff;
background-color: #007bff;
color: #fff;
}
/*.header-right{
margin-top: 4px;
}*/
/*
a.signin {
border: 1px solid #007bff;
background-color: #007bff;
padding: 8px 14px;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #fff;
border-radius: 30px;
margin-top: 4px;
}
a.signin:hover{
border: 1px solid #ffff69;
background-color: #ffff69;
color: #000;
}
a.login {
border: 1px solid #ffff69;
background-color: #ffff69;
padding: 8px 14px;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #000;
border-radius: 30px;
margin-top: 4px;
}
a.login:hover{
border: 1px solid #007bff;
background-color: #007bff;
color: #fff;
}*/
.header-right ul{
padding: 0px;
margin: 0px;
text-align: right;
}
.header-right ul li{
list-style-type: none;
display: inline-block;
padding-left: 5px;
font-size: 14px;
font-weight: 600;
}
.header-right ul li span.number{
border: 1px solid #ccc;
padding: 5px;
border-radius: 2px;
background-color: #ddd;
font-weight: 400;
}
.header-right ul li a{
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #007bff;
text-decoration: none;
}
.header-right ul li a i{
font-size: 18px;
background-color: #007bff;
padding: 10px 11px;
border-radius: 50%;
color: #fff;
width: 38px;
height: 38px;
}
.bell-message{
position: absolute;
top: -2px;
background-color: #ff0000;
padding: 2px;
width: 15px;
height: 15px;
text-align: center;
border-radius: 50%;
font-size: 10px;
line-height: 12px;
font-weight: 600;
color: #fff;
margin-left: -13px;
}
.header-right .modal-dialog {
max-width: 400px;
margin: 5% auto;
}
.header-right .modal-title {
width: 100%;
}
.header-right .modal-title a{
background-color: #007bff;
padding: 7px 16px;
border-radius: 30px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #fff;
text-decoration: none;
float: right;
}
.header-right .modal-title a:hover{
background-color: #007bff;
}
.header-right .modal-title {
width: 100%;
}
.header-right h6{
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #000;
text-align: center;
}
.header-right .modal-title a {
background-color: #007bff;
padding: 7px 16px;
border-radius: 30px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #fff;
text-decoration: none;
float: right;
}
.modal-body input.form-control {
border: 1px solid #ccc;
height: 40px;
border-radius: 0px;
font-size: 14px;
}
.modal-body label {
display: block;
font-weight: 600;
margin-bottom: 0px;
font-size: 14px;
line-height: 16px;
}
.modal-body input#vehicle1 {
display: inherit;
float: left;
margin-right: 5px;
}
.modal-body p {
font-size: 14px;
line-height: 20px;
margin-bottom: 15px;
color: #000;
}
.modal-body p a {
color: #000;
text-decoration: underline;
}
.modal-dialog {
max-width: 500px;
margin: 10% auto;
}
h5#exampleModalLabel{
width: 100%;
}
a.registers {
background-color: #007bff;
padding: 7px 16px;
border-radius: 30px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #fff;
text-decoration: none;
float: right;
}
a.btn.btn-signin {
border: 1px solid #007bff;
background-color: #007bff;
padding: 12px 18px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #fff !important;
margin-bottom: 10px;
width: 100%;
text-transform: uppercase;
border-radius: 30px;
}
a.btn.btn-facebook {
border: 1px solid #3b5998;
background-color: #3b5998;
padding: 10px 20px;
border-radius: 30px;
width: 100%;
margin-bottom: 15px;
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #fff;
}
a.btn.btn-google {
border: 1px solid #db4a39;
background-color: #db4a39;
padding: 10px 20px;
border-radius: 30px;
width: 100%;
margin-bottom: 15px;
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #fff;
}
#custom-search-input{
max-width: 600px;
width: 100%;
margin: 0 auto;
display: block;
}
#custom-search-input input.search-query.form-control {
height: 40px;
border-radius: 30px 0 0 30px;
padding-left: 20px;
}
#custom-search-input button.btn.btn-danger {
padding: 7px 12px;
border-radius: 0 30px 30px 0;
background-color: #007bff;
border: 1px solid #007bff;
}
.catebox span.input-group-text {
padding: 0;
border: none;
background-color: transparent;
}
.catebox button.input-group-text.btn.btn-searchs{
padding: 0px;
border: none;
}
.catebox i.fa.fa-plus{
padding: 11px;
border: 1px solid #ddd;
border-left: none;
background-color: #fff;
border-radius: 0 5px 5px 0;
color: #007bff;
}
.catebox{
margin-left: 0px;
margin-right: 0px;
border-radius: 5px;
}
.input-group-btn.search-panel{
width: 100%;
}
.form-control:focus{
border-color: #ddd;
}
.catebox select{
width: 100%;
border: 1px solid #007bff;
background-color: #007bff;
color: #fff;
border-radius: 5px 0px 0px 5px;
padding-left: 10px;
font-size: 13px;
line-height: 30px;
height: 40px;
}
.catebox select option:hover{
background-color: #007bff;
}
.catebox .input-group-btn{
width: 100%;
}
.catebox input{
border: 1px solid #ddd;
border-right: none;
border-radius: 0px;
height: 40px;
font-size: 14px;
width: 100%;
}
.catebox button.btn.btn-default {
border: 1px solid #e0e0e0;
background-color: #ffffff;
width: 100%;
height: 40px;
border-radius: 0px 5px 5px 0;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #007bff;
border-left: none;
}
.catebox button.btn.btn-default:hover{
border: 1px solid #e0e0e0;
background-color: #ffffff;
border-left: none;
color: #007bff;
}
.form-control:focus{
box-shadow: none;
}
.index-cate-nav .dropdown-menu {
margin-top: 0px;
font-size: 14px;
line-height: 20px;
padding: 0px;
}
.index-cate-nav .dropdown-menu a{
padding: 5px 15px;
border-bottom: 1px solid #eee;
font-size: 14px;
line-height: 18px;
color: #000;
}
.index-cate-nav .dropdown-toggle::after{
display: none;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
/***************SLIDER**************/
/*.slider{
margin-top: 20px;
}*/
.sldier-box img{
width: 100%;
height: 300px;
}
.slider button.owl-prev {
position: absolute;
left: 5px;
top: 0px;
bottom: 0px;
}
.slider button.owl-next {
position: absolute;
right: 2px;
top: 0px;
bottom: 0px;
}
.slider span.fa.fa-angle-left {
border: 2px solid #007bff;
background-color: #007bff;
padding: 6px 9px;
border-radius: 50%;
font-size: 15px;
margin-right: 5px;
color: #fff;
}
.slider span.fa.fa-angle-right {
border: 2px solid #007bff;
background-color: #007bff;
padding: 6px 9px;
border-radius: 50%;
font-size: 15px;
margin-right: 5px;
color: #fff;
}
.slider .owl-dots{
display: none;
}
.post-section .row{
padding: 10px 0;
border-bottom: 1px solid #525252;
}
.post-section .fa-user{
float: left;
margin-right: 10px;
background-color: #007bff;
padding: 10px 11px;
border-radius: 50%;
font-size: 20px;
color: #fff;
}
.post-section input[type="text"] {
border: 1px solid #ccc;
padding: 10px 10px 10px 20px;
/*width: 91%;*/
border-radius: 30px;
font-size: 14px;
color: #000;
background-color: #fff;
height: 40px;
}
.post-section .fa-add{
position: absolute;
top: 3px;
right: 21px;
background-color: #007bff;
padding: 10px 11px;
border-radius: 50%;
font-size: 14px;
color: #fff;
}
.post-rights ul{
padding: 0px;
margin: 0px;
text-align: right;
}
.post-rights ul li{
list-style-type: none;
display: inline-block;
padding-left: 25px;
}
.post-rights ul li a{
font-size: 14px;
line-height: 40px;
font-weight: 600;
color: #007bff;
text-decoration: underline;
}
.post-rights ul li a:hover{
color: #007bff;
text-decoration: none;
}
/*************KEY SECTION************/
/*.key-section{
padding-top: 30px;
}*/
.key-section .row{
padding-top: 10px;
border-bottom: 1px solid #525252;
}
.key-section img{
width: 40px;
height: 40px;
margin-bottom: 10px;
}
.key-section a{
text-decoration: none;
}
.key-box {
border: 1px solid #007bff;
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
text-align: center;
}
.key-box h5{
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #007bff;
margin-bottom: 0px;
}
/*************SHOPPING SECTION*************/
/*.shopping-section{
background: url("../images/shopping-banner.jpg") top center no-repeat;
width: 100%;
background-size: cover;
}
*/
.shopping-section .row{
border-bottom: 1px solid #525252;
}
.shopping-section .overlay{
padding-top: 10px;
background-color: #fff;
}
.shopping-section h4{
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #007bff;
margin-bottom: 5px;
}
.shopping-section h4 a{
text-align: right;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #007bff;
text-decoration: underline;
margin-top: 5px;
text-transform: uppercase;
}
.shop-img{
background-color: #007bff;
padding: 1px;
border-radius: 50%;
width: 35px;
height: 35px;
float: left;
margin-right: 10px;
text-align: center;
margin-bottom: 5px;
}
.shop-img img{
width: 20px !important;
height: 20px !important;
background-color: transparent !important;
border: none !important;
}
.testi-box figure{
margin: 0px !important;
position: relative;
max-width: 100%;
width: 100%;
height: 180px;
margin: 0 auto;
overflow: hidden;
}
.testi-box figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease;
-webkit-transition: transform .2s ease;
-moz-transition: transform ease .2s;
-ms-transition: transform ease .2s;
border-radius: 5px 5px 0 0;
}
.testi-box figure img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.shopbox{
padding: 10px;
background-color: #e0dcdc;
border-radius: 0 0 5px 5px;
}
.testi-box{
margin-bottom: 10px;
}
.testi-box img{
height: 180px;
width: 100%;
}
.testi-box h5{
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 5px;
}
.testi-box h5 a{
color: #000;
text-decoration: none;
}
.testi-box h5 a:hover{
color: #2a5d9c;
}
.testi-box p{
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #888;
margin-bottom: 0px;
}
.testi-box p a{
float: right;
background-color: #007bff;
padding: 4px 8px;
border-radius: 5px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #fff;
margin-top: -7px;
}
.testi-box h6{
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #868686;
margin-bottom: 0px;
}
.shopping-section button.owl-prev {
position: absolute;
left: 5px;
top: 0px;
bottom: 0px;
}
.shopping-section button.owl-next {
position: absolute;
right: 2px;
top: 0px;
bottom: 0px;
}
.shopping-section span.fa.fa-angle-left {
border: 2px solid #007bff;
background-color: #007bff;
padding: 6px 9px;
border-radius: 50%;
font-size: 15px;
margin-right: 5px;
color: #fff;
}
.shopping-section span.fa.fa-angle-right {
border: 2px solid #007bff;
background-color: #007bff;
padding: 6px 9px;
border-radius: 50%;
font-size: 15px;
margin-right: 5px;
color: #fff;
}
.shopping-section .owl-dots{
display: none;
}
/*************BOOKING SECTION***************/
/*.booking-section {
padding: 20px 0;
border-top: 1px solid #d1d1d1;
}*/
.booking-section .row{
padding-top: 10px;
border-bottom: 1px solid #525252;
}
.booking-section h4{
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #007bff;
margin-bottom: 5px;
}
.booking-section h4 a {
float: right;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #007bff;
text-decoration: none;
margin-top: 18px;
margin-right: 65px;
}
.blog-content h5 {
font-size: 24px;
line-height: 28px;
font-weight: 700;
color: #212121;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.blog-content h5 a {
color: #212121;
text-decoration: none;
-webkit-transition: .2s;
transition: .2s;
}
.blog-content h5 a:hover {
color: #f20000;
}
.blog-content p{
color: #777777;
font-size: 16px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.single-blog {
background-color: #f1f1f1;
border-radius: 10px;
padding: 15px;
margin-bottom: 15px;
}
.blog-content p i {
color: #f20000;
}
.single-blog-img {
overflow: hidden;
}
.single-blog-img a img {
width: 100%;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.single-blog:hover .single-blog-img a img {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-ms-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.single-blog-img img {
width: 100%;
height: 200px;
object-fit: cover;
}
.blog-content-box {
padding: 15px 0 0 0;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
margin-top: 35px;
margin-bottom: -35px;
}
.luxury-box .discount1 {
position: absolute;
top: 0px;
left: 0px;
background: #f00000;
color: #fff;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
padding: 10px;
}
.luxury-box .discount1:before {
border-left: 15px solid #f00000;
border-bottom: 27px solid transparent;
content: "";
height: 0;
right: -15px;
position: absolute;
top: 0;
width: 0;
}
.luxury-box .discount1:after {
border-left: 15px solid #f00000;
border-top: 30px solid transparent;
content: "";
height: 0;
position: absolute;
right: -15px;
top: 15px;
width: 0;
}
.luxury-box figure img {
transition: transform, ease, 0.2s;
}
.luxury-box a:before {
top: 151px;
}
.luxury-text{
/*padding: 15px;*/
border: 1px solid #eee;
background-color: #fff;
}
.luxury-text h5{
font-size: 20px;
line-height: 24px;
font-weight: 700;
margin-bottom: 0px;
padding: 10px 10px 5px 10px;
}
.luxury-text h5 a{
color: #000;
text-decoration: none;
}
.luxury-text h5 a:hover{
color: #f00000;
}
.luxury-text p{
padding: 5px 10px 5px 10px;
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
}
.luxury-text p i{
color: #ffa726;
}
.luxury-text h6{
padding: 5px 10px 5px 10px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #000;
margin-bottom: 0px;
}
.luxury-text h6 i{
color: #f00000;
padding-right: 5px;
}
/*.payment{
border-bottom: 1px solid #eee;
}*/
.rating{
border-left: 1px solid #ccc;
padding-left: 15px;
margin-left: 15px;
color: #ffa726;
font-size: 14px;
}
.payment .currency{
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #777;
margin-bottom: 0px;
position: relative;
top: -10px;
}
.payment .amt{
font-size: 24px;
line-height: 45px;
font-weight: 600;
color: #f20000;
margin-bottom: 0px;
}
.payment .per{
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #777;
margin-bottom: 0px;
}
a.btn.btn-viewmore {
border: 1px solid #f00000;
background-color: #f00000;
padding: 10px 30px;
border-radius: 0px;
font-size: 14px;
line-height: 24px;
font-weight: 600;
color: #fff;
float: right;
}
a.btn.btn-viewmore:after {
content: '';
position: absolute;
right: 37%;
border-style: solid;
border-width: 23px;
border-color: transparent #f00000 #f00000 transparent;
bottom: 0;
/* background-color: #FFF; */
transition: all .3s;
}
.booking-row{
margin-top: 20px;
}
.booking-section .owl-nav {
position: absolute;
top: -25px;
right: 10px;
margin-bottom: 0px;
}
.booking-section span.fa.fa-angle-left {
border: 2px solid #007bff;
padding: 2px 5px;
border-radius: 10px 0 0 10px;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.booking-section span.fa.fa-angle-left:hover{
border: 2px solid #ffff69;
background-color: #ffff69;
color: #000;
}
.booking-section span.fa.fa-angle-right {
border: 2px solid #007bff;
padding: 2px 5px;
border-radius: 0 10px 10px 0;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.booking-section span.fa.fa-angle-right:hover{
border: 2px solid #ffff69;
background-color: #ffff69;
color: #000;
}
.booking-section .owl-dots {
display: none;
}
/************RIDDE SECTION***********/
/*.ride-section{
background: url("../images/ride-bg.jpg") top center no-repeat;
width: 100%;
background-size: cover;
text-align: center;
}*/
.ride-section .overlay{
padding: 10px 0;
border-top: 1px solid #d1d1d1;
text-align: center;
}
.ride-section h4 {
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #007bff;
margin-bottom: 5px;
}
a.btn.btn-ride{
border: 1px solid #007bff;
background-color: #007bff;
padding: 12px 30px;
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: #fff;
border-radius: 30px;
margin-top: 25px;
}
a.btn.btn-rideview{
border: 1px solid #ffff69;
background-color: #ffff69;
padding: 12px 30px;
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: #000;
border-radius: 30px;
margin-top: 25px;
}
/*************SATHI SECTION*************/
/*.sathi-section{
background: url("../images/sathi-bg.jpg") top center no-repeat;
width: 100%;
background-size: cover;
}*/
.sathi-section .row{
border-bottom: 1px solid #525252;
}
.sathi-section .overlay{
padding-top: 10px;
}
.sathi-section h4{
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #007bff;
margin-bottom: 5px;
}
.sathi-section h4 a{
text-align: right;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #007bff;
text-decoration: underline;
margin-top: 10px;
text-transform: uppercase;
}
.sathi-section img{
width: 100%;
height: 180px;
background-color: #fff;
border: 1px solid #f5f5f5;
}
.sathi-section figure{
margin: 0px !important;
position: relative;
max-width: 100%;
width: 100%;
height: 180px;
margin: 0 auto;
overflow: hidden;
}
.sathi-section figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease;
-webkit-transition: transform .2s ease;
-moz-transition: transform ease .2s;
-ms-transition: transform ease .2s;
border-radius: 5px 5px 0 0;
}
.sathi-section figure img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.sathi-box{
background-color: rgb(239 239 239 / 63%);
padding: 15px;
margin-bottom: 10px;
border-radius: 0 0 5px 5px;
}
.sathi-box h5{
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #000;
margin-bottom: 10px;
}
.sathi-box h6{
font-size: 14px;
line-height: 18px;
color: #777;
}
.sathi-box p{
margin-bottom: 10px;
}
.sathi-box a.reads{
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #000;
text-decoration: underline;
text-transform: uppercase;
}
.sathi-box a.reads:hover{
text-decoration: none;
}
.sathi-section button.owl-prev {
position: absolute;
left: 5px;
top: 0px;
bottom: 0px;
}
.sathi-section button.owl-next {
position: absolute;
right: 2px;
top: 0px;
bottom: 0px;
}
.sathi-section span.fa.fa-angle-left {
border: 2px solid #007bff;
background-color: #007bff;
padding: 6px 9px;
border-radius: 50%;
font-size: 15px;
margin-right: 5px;
color: #fff;
}
.sathi-section span.fa.fa-angle-right {
border: 2px solid #007bff;
background-color: #007bff;
padding: 6px 9px;
border-radius: 50%;
font-size: 15px;
margin-right: 5px;
color: #fff;
}
.sathi-section .owl-dots{
display: none;
}
/**************JOBS SECTION**************/
/*.jobs-section{
background: url("../images/job-bg.jpg") center center no-repeat;
width: 100%;
background-size: cover;
}*/
/*.jobs-section .overlay{
padding: 20px 0;
border-top: 1px solid #d1d1d1;
}*/
.jobs-section .row{
padding-top: 10px;
border-bottom: 1px solid #525252;
}
.jobs-section a{
text-decoration: none;
}
.jobs-section h4{
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #007bff;
margin-bottom: 5px;
}
.jobs-section h4 a{
text-align: right;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #007bff;
text-decoration: underline;
margin-top: 10px;
text-transform: uppercase;
}
.free-box{
margin-bottom: 10px;
}
.free-box img{
width: 100%;
height: 180px;
}
.free-box figure{
margin: 0px !important;
position: relative;
max-width: 100%;
width: 100%;
height: 180px;
margin: 0 auto;
overflow: hidden;
}
.free-box figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease;
-webkit-transition: transform .2s ease;
-moz-transition: transform ease .2s;
-ms-transition: transform ease .2s;
border-radius: 5px 5px 0 0;
}
.free-box figure img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.free-box h5{
font-size: 14px;
line-height: 18px;
font-weight: 600;
margin-bottom: 0px;
background-color: #eee;
padding: 10px;
border-radius: 0 0 5px 5px;
}
.free-box h5 a{
color: #333;
text-decoration: none;
}
a.apply{
float: right;
background-color: #007bff;
padding: 4px 8px;
border-radius: 5px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #fff !important;
margin-top: -3px;
text-decoration: none;
}
a.apply1{
float: right;
background-color: #007bff;
padding: 4px 8px;
border-radius: 5px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #fff !important;
margin-top: 3px;
text-decoration: none;
}
.jobs-section button.owl-prev {
position: absolute;
left: 5px;
top: 0px;
bottom: 0px;
}
.jobs-section button.owl-next {
position: absolute;
right: 2px;
top: 0px;
bottom: 0px;
}
.jobs-section span.fa.fa-angle-left {
border: 2px solid #007bff;
background-color: #007bff;
padding: 6px 9px;
border-radius: 50%;
font-size: 15px;
margin-right: 5px;
color: #fff;
}
.jobs-section span.fa.fa-angle-right {
border: 2px solid #007bff;
background-color: #007bff;
padding: 6px 9px;
border-radius: 50%;
font-size: 15px;
margin-right: 5px;
color: #fff;
}
.jobs-section .owl-dots{
display: none;
}
.trending-section a {
text-decoration: none;
}
.trend-box {
border: 1px solid #007bff;
background-color: #007bff;
padding: 20px;
text-align: center;
border-radius: 5px;
}
.trend-box i {
font-size: 20px;
color: #fff;
margin-bottom: 15px;
}
.trend-box h5 {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.trend-box p {
font-size: 14px;
line-height: 18px;
color: #eee;
margin-bottom: 0px;
}
/****************PROPERTY SECTION***************/
/*.property-section{
padding: 20px 0;
border-top: 1px solid #d1d1d1;
}*/
.property-section .row{
padding-top: 10px;
border-bottom: 1px solid #525252;
}
.property-section h4{
font-size: 26px;
line-height: 30px;
font-weight: 600;
color: #007bff;
margin-bottom: 5px;
}
.property-section h4 a{
float: right;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #007bff;
text-decoration: none;
margin-top: 17px;
}
/*.property-section h4 a:hover{
background-color: #3552a8;
border: 2px solid #3552a8;
color: #fff;
}*/
.property-grid img{
height: 180px;
width: 100%;
object-fit: cover;
}
.property-grid figure{
margin: 0px !important;
position: relative;
max-width: 100%;
width: 100%;
height: 180px;
margin: 0 auto;
overflow: hidden;
}
.property-grid figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease;
-webkit-transition: transform .2s ease;
-moz-transition: transform ease .2s;
-ms-transition: transform ease .2s;
border-radius: 5px 5px 0 0;
}
.property-grid figure img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.pro-box{
background-color: rgb(239 239 239 / 63%);
padding: 15px;
margin-bottom: 10px;
border-radius: 0 0 5px 5px;
}
.pro-box h5{
font-size: 20px;
line-height: 24px;
font-weight: 600;
margin-bottom: 10px;
}
.pro-box h5 a{
color: #000;
text-decoration: none;
}
.pro-box p{
font-size: 14px;
line-height: 18px;
color: #777;
margin-bottom: 10px;
}
.for-sale {
position: absolute;
top: 10px;
right: 25px;
background-color: #ffff69;
padding: 5px 10px 3px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #000 !important;
border-radius: 4px;
}
.pro-box ul{
padding: 10px 0;
margin: 0px;
margin-bottom: 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.pro-box ul li{
list-style-type: none;
display: inline-block;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #888;
width: 49%;
}
.pro-box h6{
font-size: 24px;
line-height: 28px;
font-weight: 700;
color: #000;
margin-bottom: 0px;
}
.pro-box h6 a{
float: right;
background-color: #007bff;
padding: 4px 8px;
border-radius: 5px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #fff;
margin-top: 2px;
}
.pro-box h6 span{
display: block;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #000;
}
.new-properties{
margin-top: 20px;
}
.property-section .owl-nav {
position: absolute;
top: -25px;
right: 10px;
margin-bottom: 0px;
}
.property-section span.fa.fa-angle-left {
border: 2px solid #007bff;
padding: 0px 4px;
border-radius: 10px 0 0 10px;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.property-section span.fa.fa-angle-right {
border: 2px solid #007bff;
padding: 0px 4px;
border-radius: 0 10px 10px 0;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.property-section .owl-dots {
display: none;
}
/*************ADVERTISE SECTION*************/
/*.advertise-section{
background: url("../images/job-bg.jpg") top center no-repeat;
width: 100%;
background-size: cover;
}*/
.advertise-section .overlay{
padding-top: 10px;
}
.advertise-section h4{
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #007bff;
margin-bottom: 5px;
}
.advertise-section h4 a{
text-align: right;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #007bff;
text-decoration: underline;
margin-top: 17px;
margin-right: 60px;
text-transform: uppercase;
}
.advertise-section img{
width: 100%;
height: 180px;
}
.advertise-section figure{
margin: 0px !important;
position: relative;
max-width: 100%;
width: 100%;
height: 180px;
margin: 0 auto;
overflow: hidden;
}
.advertise-section figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease;
-webkit-transition: transform .2s ease;
-moz-transition: transform ease .2s;
-ms-transition: transform ease .2s;
border-radius: 5px 5px 0 0;
}
.advertise-section figure img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.advertise-section .owl-nav {
position: absolute;
top: -25px;
right: 10px;
margin-bottom: 0px;
}
.advertise-section span.fa.fa-angle-left {
border: 2px solid #007bff;
padding: 0px 4px;
border-radius: 10px 0 0 10px;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.advertise-section span.fa.fa-angle-right {
border: 2px solid #007bff;
padding: 0px 4px;
border-radius: 0 10px 10px 0;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.advertise-section .owl-dots {
display: none;
}
.advertise-row{
margin-top: 20px;
}
/****************LEARN SECTION***************/
/*.learn-section{
padding: 20px 0;
border-top: 1px solid #d1d1d1;
}*/
.learn-section .row{
padding-top: 10px;
border-bottom: 1px solid #525252;
}
.learn-section h4{
font-size: 26px;
line-height: 30px;
font-weight: 600;
color: #007bff;
margin-bottom: 5px;
}
.learn-section h4 a{
float: right;
border-radius: 5px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #007bff;
text-decoration: none;
margin-top: 17px;
margin-right: 60px;
}
.learn-section figure{
margin: 0px !important;
position: relative;
max-width: 100%;
width: 100%;
height: 180px;
margin: 0 auto;
overflow: hidden;
}
.learn-section figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease;
-webkit-transition: transform .2s ease;
-moz-transition: transform ease .2s;
-ms-transition: transform ease .2s;
border-radius: 5px 5px 0 0;
}
.learn-section figure img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.learn-section img{
width: 100%;
height: 160px;
}
.learn-box{
background-color: rgb(239 239 239 / 63%);
padding: 15px;
border-top: none;
margin-bottom: 10px;
border-radius: 0 0 5px 5px;
}
.learn-box h5{
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 5px;
}
.learn-box h5 a{
color: #000;
text-decoration: none;
}
.learn-box p{
font-size: 14px;
line-height: 18px;
color: #777;
margin-bottom: 0px;
}
.learn-box i{
color: #e1a100;
font-size: 10px;
margin-right: 2px;
margin-bottom: 5px;
}
.learn-box h6{
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #000;
margin-bottom: 0px;
}
.learn-section .owl-nav {
position: absolute;
top: -25px;
right: 10px;
margin-bottom: 0px;
}
.learn-section span.fa.fa-angle-left {
border: 2px solid #007bff;
padding: 0px 4px;
border-radius: 10px 0 0 10px;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.learn-section span.fa.fa-angle-right {
border: 2px solid #007bff;
padding: 0px 4px;
border-radius: 0 10px 10px 0;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.learn-section .owl-dots {
display: none;
}
.learing-row{
margin-top: 20px;
}
/*************INVEST SECTION*************/
/*.invest-section{
background: url("../images/job-bg.jpg") top center no-repeat;
width: 100%;
background-size: cover;
}*/
.invest-section .row{
border-bottom: 1px solid #525252;
}
.invest-section .overlay{
padding-top: 10px;
}
.invest-section h4{
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #007bff;
margin-bottom: 5px;
}
.invest-section h4 a{
text-align: right;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #007bff;
text-decoration: underline;
margin-top: 18px;
margin-right: 60px;
text-transform: uppercase;
}
.invest-section img{
width: 100%;
height: 160px;
}
.invest-section figure{
margin: 0px !important;
position: relative;
max-width: 100%;
width: 100%;
height: 180px;
margin: 0 auto;
overflow: hidden;
}
.invest-section figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease;
-webkit-transition: transform .2s ease;
-moz-transition: transform ease .2s;
-ms-transition: transform ease .2s;
border-radius: 5px 5px 0 0;
}
.invest-section figure img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.invest-box{
background-color: rgb(239 239 239 / 63%);
padding: 15px;
margin-bottom: 10px;
border-radius: 0 0 5px 5px;
}
.invest-box h5{
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 10px;
}
.invest-box h5 a{
color: #000;
text-decoration: none;
}
.invest-box p{
font-size: 14px;
line-height: 22px;
margin-bottom: 10px;
}
.invest-box a.reads {
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #000;
text-decoration: underline;
text-transform: uppercase;
}
.invest-box a.reads:hover {
text-decoration: none;
}
.invest-section .owl-nav {
position: absolute;
top: -25px;
right: 10px;
margin-bottom: 0px;
}
.invest-section span.fa.fa-angle-left {
border: 2px solid #007bff;
padding: 0px 4px;
border-radius: 10px 0 0 10px;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.invest-section span.fa.fa-angle-right {
border: 2px solid #007bff;
padding: 0px 4px;
border-radius: 0 10px 10px 0;
font-size: 15px;
margin-right: 5px;
color: #007bff;
}
.invest-section .owl-dots {
display: none;
}
.enter-row{
margin-top: 20px;
}
.farming-row{
margin-top: 20px;
}
/***********FOOTER************/
.top-footer{
padding: 10px 0;
background-color: #007bff;
}
.top-footer h4{
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 15px;
}
.top-footer ul{
padding: 0px;
margin: 0px;
}
.top-footer ul li{
list-style-type: none;
padding-bottom: 10px;
}
.top-footer ul li a{
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #fff;
text-decoration: none;
}
.qr-img img{
width: 120px;
}
.footer-app img{
width: 200px;
}
.bottom-footer{
background-color: #ffff69;
padding: 10px 0;
}
.bottom-footer p{
font-size: 14px;
line-height: 18px;
margin-bottom: 0px;
text-align: right;
margin-top: 12px;
}
.footer-socials ul{
padding: 0px;
margin: 0px;
}
.footer-socials ul li{
list-style-type: none;
display: inline-block;
}
.footer-socials ul li a i{
border: 2px solid #000;
padding: 5px;
background-color: transparent;
font-size: 14px;
width: 35px;
height: 35px;
line-height: 23px;
border-radius: 50%;
color: #000;
text-align: center;
}
/*************BACK TO TOP**************/
.scroll-top-wrapper.show {
visibility: visible;
cursor: pointer;
opacity: 1.0;
}
.scroll-top-wrapper {
position: fixed;
opacity: 0;
visibility: hidden;
overflow: hidden;
text-align: center;
z-index: 99999999;
background-color: #032842;
color: #fff;
width: 55px;
height: 54px;
line-height: 7px;
right: 15px;
bottom: 40px;
padding-top: 7px;
border-radius: 50%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper i.fa.fa-angle-up {
line-height: inherit;
font-size: 26px;
display: block;
margin-bottom: 5px;
margin-top: 5px;
}
.scroll-top-wrapper i.fas.fa-plug{
font-size: 30px !important;
}
.scroll-top-wrapper h5{
margin-top: 0px;
font-weight: 300;
font-size: 16px;
}
/****************REGISTER PAGE START HERE***************/
/*****************REGISTER PAGE START HERE******************/
.register-section{
padding: 70px 0;
}
.register-section form{
max-width: 400px;
width: 100%;
margin: 0 auto;
display: block;
box-shadow: 0 0 8px rgb(199 198 198);
border-radius: 10px;
padding: 20px;
}
.register-section h1{
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 10px;
}
.register-section h5{
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #777;
margin-bottom: 10px;
}
.register-section h6{
font-size: 24px;
line-height: 28px;
font-weight: 600;
text-align: center;
margin-bottom: 20px;
margin-top: 10px;
}
button.btn.btn-register {
border: 1px solid #007bff;
background-color: #007bff;
padding: 12px 18px;
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
width: 100%;
border-radius: 30px;
}
.register-section p{
font-size: 12px;
line-height: 20px;
margin-bottom: 0px;
}
/****************ANNOUNCEMENT PAGE**************/
.announce-section {
padding: 30px 0;
}
.announce-box {
max-width: 700px;
width: 100%;
margin: 0 auto;
display: block;
padding: 20px;
}
.announce-box h2 {
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 20px;
}
.announce-section form {
border: 1px solid #ccc;
padding: 30px;
border-radius: 10px;
background-color: #eee;
}
.announce-section form label {
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #000;
margin-bottom: 2px;
display: block;
}
.announce-section form select {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
margin-bottom: 20px;
}
.announce-section form input {
border: 1px solid #ddd;
padding: 10px;
font-size: 14px;
color: #000;
width: 100%;
margin-bottom: 20px;
}
.announce-section form textarea {
border: 1px solid #ddd;
padding: 10px;
font-size: 14px;
color: #000;
height: 120px;
width: 100%;
margin-bottom: 20px;
}
.avatar-upload {
position: relative;
max-width: 100%;
margin-bottom: 20px;
/*margin: 50px auto;*/
}
.avatar-upload .avatar-edit {
position: absolute;
right: 12px;
z-index: 1;
top: 10px;
}
.avatar-upload .avatar-edit input {
display: none;
}
.avatar-upload .avatar-edit input + label {
display: inline-block;
width: 34px;
height: 34px;
margin-bottom: 0;
border-radius: 100%;
background: #FFFFFF;
border: 1px solid transparent;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
background: #f1f1f1;
border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
content: "\f040";
font-family: 'FontAwesome';
color: #757575;
position: absolute;
top: 10px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.avatar-upload .avatar-preview {
width: 100%;
height: 450px;
position: relative;
border-radius: 10px;
border: 6px solid #F8F8F8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 10px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
/**************MEDIA QUERY*************/
@media(max-width: 1024px){
a.logo img {
max-width: 160px;
margin-top: 0px;
}
.header-right ul li a i {
font-size: 12px;
padding: 9px 10px;
width: 30px;
height: 30px;
}
.header-right ul{
margin-top: 6px;
}
.bell-message{
top: 2px;
}
.post-rights ul li{
padding-left: 10px;
}
}
@media(max-width: 991px){
a.btn.btn-buynow,
a.btn.btn-booknow{
display: none;
}
.post-rights ul li a{
font-size: 12px;
}
.advertise-section figure,
.invest-section figure,
.learn-section figure,
.single-blog-img img,
.sathi-section figure,
.free-box figure,
.property-grid figure,
.testi-box figure{
height: 300px;
}
.post-rights ul li {
padding-left: 4px;
}
}
@media(max-width: 834px){
.span-balance{
display: none;
}
}
@media(max-width: 768px){
.post-rights ul li {
padding-left: 0px;
}
}
@media(max-width: 767px){
.header-right ul {
margin-top: 10px;
}
.bell-message {
top: 4px;
}
.post-rights{
display: none;
}
a.logo img{
position: relative;
}
.logo-left ul{
display: none;
}
.header-right ul{
text-align: left;
}
.modal-dialog {
max-width: 500px;
margin: 3% auto;
}
}
@media(max-width: 600px){
.key-box h5{
font-size: 12px;
}
.sldier-box img,
.advertise-section figure,
.invest-section figure,
.learn-section figure,
.single-blog-img img,
.sathi-section figure,
.free-box figure,
.property-grid figure,
.testi-box figure{
height: 220px;
}
.bottom-footer p{
text-align: left;
}
.catebox select{
font-size: 10px;
}
.index-cate-nav .dropdown-menu a{
font-size: 10px;
line-height: 14px;
}
}
@media(max-width: 575px){
.key-box{
height: 103px;
}
.key-box h5{
font-size: 12px;
line-height: 16px;
}
.sldier-box img,
.advertise-section figure,
.invest-section figure,
.learn-section figure,
.single-blog-img img,
.sathi-section figure,
.free-box figure,
.property-grid figure,
.testi-box figure{
height: 160px;
}
.advertise-section h4,
.invest-section h4,
.learn-section h4,
.booking-section h4,
.sathi-section h4,
.jobs-section h4,
.property-section h4,
.shopping-section h4{
font-size: 14px;
}
.shopping-section h4 a{
font-size: 12px;
margin-top: 8px;
}
.shop-img img {
width: 15px !important;
height: 15px !important;
}
.shop-img {
width: 25px;
height: 25px;
margin-right: 5px;
margin-bottom: 0px;
line-height: 19px;
margin-top: 2px;
}
.property-section h4 a{
margin-top: 7px;
}
.property-section .owl-nav{
top: -31px;
}
.advertise-section h4 a,
.invest-section h4 a,
.learn-section h4 a,
.booking-section h4 a,
.sathi-section h4 a,
.jobs-section h4 a{
margin-top: 7px;
font-size: 12px;
}
.advertise-section span.fa.fa-angle-right ,
.advertise-section span.fa.fa-angle-left,
.invest-section span.fa.fa-angle-right ,
.invest-section span.fa.fa-angle-left,
.learn-section span.fa.fa-angle-right,
.learn-section span.fa.fa-angle-left,
.booking-section span.fa.fa-angle-right,
.booking-section span.fa.fa-angle-left{
font-size: 12px;
}
.advertise-section .owl-nav,
.invest-section .owl-nav,
.learn-section .owl-nav,
.booking-section .owl-nav{
top: -32px;
}
.invest-box h5,
.learn-box h5,
.blog-content h5,
.sathi-box h5,
.pro-box h5,
.testi-box h5{
font-size: 14px;
line-height: 18px;
}
.blog-content p,
.sathi-box p,
.pro-box ul li,
.pro-box p,
.testi-box p{
font-size: 12px;
}
.sathi-box p{
line-height: 18px;
}
.pro-box ul{
padding: 5px 0;
}
.pro-box h6{
font-size: 20px;
line-height: 24px;
}
a.apply1{
margin-top: -3px;
}
}
@media(max-width: 480px){
.sldier-box img{
height: 180px;
}
}
@media(max-width: 380px){
.key-box {
height: 93px;
padding: 5px;
}
.key-box h5 {
font-size: 11px;
line-height: 16px;
}
}
/* ************USER DASHBOARD******************* */
#custom-search-input{
max-width: 600px;
width: 100%;
margin: 0 auto;
display: block;
}
#custom-search-input input.search-query.form-control {
height: 40px;
border-radius: 30px 0 0 30px;
padding-left: 20px;
}
#custom-search-input button.btn.btn-danger {
padding: 7px 12px;
border-radius: 0 30px 30px 0;
background-color: #007bff;
border: 1px solid #007bff;
}
.catebox span.input-group-text {
padding: 0;
border: none;
background-color: transparent;
}
.catebox button.input-group-text.btn.btn-searchs{
padding: 0px;
border: none;
}
.catebox i.fa.fa-plus{
padding: 11px;
border: 1px solid #ddd;
border-left: none;
background-color: #fff;
border-radius: 0 5px 5px 0;
color: #007bff;
}
.catebox{
margin-left: 0px;
margin-right: 0px;
border-radius: 5px;
}
.input-group-btn.search-panel{
width: 100%;
}
.form-control:focus{
border-color: #ddd;
}
.catebox select{
width: 100%;
border: 1px solid #007bff;
background-color: #007bff;
color: #fff;
border-radius: 5px 0px 0px 5px;
padding-left: 10px;
font-size: 13px;
line-height: 30px;
height: 40px;
}
.catebox select option:hover{
background-color: #007bff;
}
.catebox .input-group-btn{
width: 100%;
}
.catebox input{
border: 1px solid #ddd;
border-right: none;
border-radius: 0px;
height: 40px;
font-size: 14px;
width: 100%;
}
.catebox button.btn.btn-default {
border: 1px solid #e0e0e0;
background-color: #ffffff;
width: 100%;
height: 40px;
border-radius: 0px 5px 5px 0;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #007bff;
border-left: none;
}
.catebox button.btn.btn-default:hover{
border: 1px solid #e0e0e0;
background-color: #ffffff;
border-left: none;
color: #007bff;
}
.form-control:focus{
box-shadow: none;
}
.index-cate-nav .dropdown-menu {
margin-top: 0px;
font-size: 14px;
line-height: 20px;
padding: 0px;
}
.index-cate-nav .dropdown-menu a{
padding: 5px 15px;
border-bottom: 1px solid #eee;
font-size: 14px;
line-height: 18px;
color: #000;
}
.index-cate-nav .dropdown-toggle::after{
display: none;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
.checkout-section{
padding: 70px 0;
position: relative;
}
.checkout-box {
box-shadow: 0 4px 20px rgba(34, 34, 34, 0.15);
padding: 20px;
border-radius: 10px;
margin-top: 20px;
}
.paybox h4,
.checkout-box h2 {
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #000;
margin-bottom: 15px;
}
.checkout-box label {
font-size: 14px;
font-weight: 600;
margin-bottom: 2px;
display: block;
}
.checkout-box input {
width: 100%;
height: 40px;
padding: 10px;
border: 1px solid #ddd;
font-size: 14px;
margin-bottom: 15px;
}
.checkout-box select {
width: 100%;
height: 40px;
padding: 10px;
border: 1px solid #ddd;
font-size: 14px;
margin-bottom: 15px;
}
.checkout-box textarea {
width: 100%;
height: 140px;
padding: 10px;
border: 1px solid #ddd;
font-size: 14px;
margin-bottom: 15px;
}
button.btn.btn-proceed {
border: 1px solid #034ea2;
background-color: #034ea2;
width: 100%;
border-radius: 30px;
padding: 16px 12px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
}
.paybox h6 {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #000;
margin-bottom: 15px;
}
.paybox h6 span {
float: right;
}
.paybox h5 {
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #000;
margin-bottom: 20px;
border-top: 1px solid #ccc;
padding-top: 10px;
}
.paybox h5 span {
float: right;
}
.body-leftmenu{
background-color: #eee;
padding: 0px;
}
.body-leftmenu h4{
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: #7a7676;
text-align: center;
margin-top: 25px;
}
.body-leftmenu p{
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #fff;
text-align: center;
margin-top: 10px;
margin-bottom: 15px;
}
.body-leftmenu img{
width: 80px;
border-radius: 50%;
margin: 0 auto;
display: block;
margin-top: 50px;
}
#accordian ul{
padding: 0px;
margin: 0px;
}
#accordian ul li{
list-style-type: none;
border-bottom: 1px solid #ccc;
}
#accordian ul li h3{
margin-top: 0px;
margin-bottom: 0px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
#accordian ul li h3 a{
background-color: transparent !important;
color: #4e4c4c !important;
text-decoration: none;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
#accordian ul li h3.active a:hover{
color: #007bff !important;
}
#accordian ul li h3 a:hover{
color: #007bff !important;
}
#accordian ul li h3:hover{
color: #007bff !important;
}
#accordian {
/*background: #004050;*/
/*width: 250px;*/
/*margin: 20px auto 0 auto;*/
color: white;
min-height: 480px;
}
/*heading styles*/
#accordian h3 {
font-size: 15px;
line-height: 20px;
padding: 20px;
cursor: pointer;
/*fallback for browsers not supporting gradients*/
/*background: #003040;
background: linear-gradient(#003040, #002535);*/
font-weight: 700;
display: block;
color: #4e4c4c !important;
}
#accordian h3.active{
background-color: #fff;
}
/*iconfont styles*/
#accordian h3 span {
font-size: 16px;
margin-right: 10px;
}
/*list items*/
#accordian li {
list-style-type: none;
}
/*links*/
#accordian ul ul li a {
color: #4e4c4c;
text-decoration: none;
font-weight: 700;
font-size: 12px;
line-height: 27px;
display: block;
padding: 7px 30px;
/*transition for smooth hover animation*/
transition: all 0.15s;
background-color: transparent;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
color: #007bff;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
display: none;
border-top: 1px solid #ccc;
}
#accordian li.active ul {
display: block;
}
#accordian h3.active a{
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #007bff !important;
background-color: transparent !important;
text-decoration: none;
display: block;
}
#accordian h3 a i.fas{
padding-right: 5px;
margin-top: 5px;
}
#accordian h3 i.fas{
padding-right: 5px;
margin-top: 5px;
}
#accordian h3 a i.fas.fa-angle-right{
float: right;
}
#accordian h3 i.fas.fa-angle-right{
float: right;
}
/******************CART PAGE START*****************/
.cart-section{
padding: 40px 0;
}
.cart-section h1{
font-size: 40px;
line-height: 44px;
font-weight: 400;
color: #000;
margin-bottom: 25px;
}
a.keep-shopping {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #000;
text-decoration: none;
text-align: right;
float: right;
}
.cart-left h2{
font-size: 22px;
line-height: 26px;
font-weight: 600;
margin-bottom: 15px;
}
.cart-left h2 a{
color: #000;
text-decoration: none;
}
.cart-left img{
width: 100px;
height: 60px;
float: left;
margin-right: 20px;
}
.cart-left h3{
font-size: 18px;
line-height: 22px;
font-weight: 600;
margin-bottom: 10px;
}
.cart-left h3 a{
color: #000;
text-decoration: none;
}
a.edit{
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #000;
text-decoration: underline;
display: block;
margin-bottom: 10px;
}
a.btn.btn-proceeded {
border: 1px solid #034ea2;
background-color: #034ea2;
border-radius: 30px;
padding: 10px 30px;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
}
.cart-left table input[type="number"] {
width: 70px;
padding: 5px 10px;
border-radius: 30px;
border: 1px solid #ccc;
font-size: 14px;
color: #000;
}
.table-prices{
font-weight: 600;
color: #034ea2;
}
.invoice-body{
padding: 50px 0;
}
.invoice-body h1{
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #000;
margin-bottom: 20px;
}
/***************PUBLIC PROFILE PAGE START***************/
.review-section{
padding: 70px 0;
}
.public-section .img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
width: 100%;
height: 200px;
max-width: 200px;
}
.public-section label {
display: inline-block;
font-size: 14px;
margin-bottom: 0;
font-weight: 600;
color: #333;
line-height: 18px;
margin-right: 30px;
}
.public-section p{
font-size: 14px;
line-height: 18px;
margin-bottom: 0px;
}
p a{
color: #000;
text-decoration: underline;
padding-left: 15px;
}
.vender-dash h1{
font-size: 30px;
line-height: 34px;
font-weight: 700;
color: #000;
margin-top: 20px;
margin-bottom: 0px;
}
.public-text{
margin-bottom: 30px;
}
.public-section{
padding: 50px 0;
}
a.btn.btn-profile {
border: 1px solid #ccc;
background-color: #ddd;
padding: 10px 20px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #000;
margin-top: 20px;
border-radius: 0px;
}
a.btn.btn-profile:hover{
border: 1px solid #ccc;
background-color: #ccc;
}
.public-form-box label.label{
width: 200px;
font-weight: 600;
}
.public-form-box .input-group{
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 20px;
}
.public-form-box input{
width: 300px;
margin-bottom: 15px;
height: 36px;
font-size: 14px;
padding-left: 10px;
}
.public-form-box textarea{
width: 300px;
margin-bottom: 15px;
height: 120px;
font-size: 14px;
padding-left: 10px;
}
.public-form-box input[type=checkbox], input[type=radio]{
width: 10px;
height: 10px;
}
.public-form-box input.btn-primary {
border: 1px solid #034ea2;
background-color: #034ea2;
max-width: 160px;
width: 100%;
padding: 12px 28px;
height: auto;
margin-bottom: 0px;
}
.public-form-box select{
height: 36px;
font-size: 14px;
width: 100px;
}
.paybox{
box-shadow: 0 4px 20px rgba(34, 34, 34, 0.15);
padding: 20px;
border-radius: 10px;
margin-top: 20px;
}
.preference-banner{
padding: 50px 0;
border-bottom: 1px solid #ccc;
text-align: center;
}
.preference-banner h1{
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #222;
margin-bottom: 10px;
}
.preference-banner p{
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #222;
margin-bottom: 0px;
}
.name-body{
padding: 40px 0;
}
.name-row{
border: 1px solid #ccc;
padding: 30px;
max-width: 1000px;
width: 100%;
margin: 0 auto;
display: block;
}
.name-row form{
max-width: 600px;
width: 100%;
margin: 0 auto;
display: block;
}
.name-row input{
width: 75%;
height: 42px;
border: 1px solid #ccc;
padding: 5px;
font-size: 14px;
color: #777;
margin-bottom: 10px;
}
.name-row button.btn.btn-secondary.btn-append.btn-large{
border: 1px solid #034ea2;
background-color: #034ea2;
padding: 12px 18px;
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #fff;
border-radius: 0px;
}
.name-row p{
font-size: 12px;
line-height: 16px;
color: #595959;
margin-bottom: 15px;
}
.stock-body{
padding: 40px 0;
}
.stock-row{
border: 1px solid #ccc;
margin-left: 0px;
margin-right: 0px;
padding: 20px;
}
.stock-row img{
width: 100%;
height: 250px;
border-bottom: 1px solid #ccc;
}
.list-content{
border: 1px solid #ccc;
margin-bottom: 30px;
}
.list-box{
height: 80px;
}
.create-banner{
padding: 40px 0;
background-color: #f1eeee;
border-bottom: 1px solid #ccc;
text-align: center;
}
.create-banner h1{
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #222;
margin-bottom: 0px;
}
.create-body-section{
padding: 40px 0;
}
.star-rating i {
color: #ffc700;
font-size: 24px;
}
.image-row{
border: 1px solid #ccc;
padding: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 40px;
}
.image-row h2{
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 5px;
}
.image-row h4{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-bottom: 5px;
}
.image-row ul{
padding: 0px;
margin: 0px;
margin-bottom: 10px;
}
.image-row ul li{
list-style-type: none;
padding-bottom: 5px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #222;
}
.image-row p{
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #222;
}
.image-row p a{
color: #222;
text-decoration: underline;
}
.image-row p a:hover{
text-decoration: none;
}
.sreate-listing-right .input-group.input-group-stacked {
width: 100%;
height: 230px;
margin-bottom: 30px;
}
.primary-box{
border: 1px solid #eee;
padding: 5px;
margin-bottom: 30px;
height: 230px;
background-color: #fafaf4;
text-align: center;
}
.primary-box img{
width: 100%;
max-width: 180px;
margin: 0 auto;
display: block;
}
.primary-box h6{
font-size: 12px;
line-height: 14px;
font-weight: 400;
color: #333;
margin-bottom: 0px;
}
.listing-row{
border: 1px solid #ccc;
padding: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 40px;
}
.listing-row h2 {
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 5px;
}
.listing-row p {
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #222;
}
.listing-row p a{
color: #222;
text-decoration: none;
}
.listing-row label{
font-weight: 600;
}
.listing-row input {
margin-bottom: 0px;
height: 42px;
font-size: 14px;
border-radius: 0px;
padding-left: 10px;
border: 1px solid #ced4da;
}
.listing-row input[type="radio"] {
height: 12px;
}
.listing-row select {
width: 100%;
height: 42px;
border: 1px solid #ced4da;
padding: 5px;
font-size: 14px;
color: #777;
}
.listing-row textarea{
width: 100%;
height: 200px;
padding: 10px;
border: 1px solid #ced4da;
font-size: 14px;
color: #777;
}
.inventary-row{
border: 1px solid #ccc;
padding: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 40px;
}
.inventary-row h2 {
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 15px;
}
.inventary-row label {
font-weight: 600;
}
.inventary-row p {
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #222;
}
a.btn.btn-variation {
border: 1px solid #ccc;
background-color: #ccc;
padding: 8px 20px;
border-radius: 0px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #000;
}
.shipping-right-box{
border: 1px solid #ccc;
padding: 20px;
}
.shopping-row{
border: 1px solid #ccc;
padding: 20px;
margin-left: 0px;
margin-right: 0px;
}
.shopping-row h2 {
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 15px;
}
.shopping-row label {
font-weight: 600;
}
.shopping-row p {
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #222;
}
.shopping-row select {
width: 100%;
height: 42px;
border: 1px solid #ced4da;
padding: 5px;
font-size: 14px;
color: #777;
margin-bottom: 10px;
}
.shopping-row h4{
font-size: 22px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-bottom: 0px;
}
button.btn.btn-shipping {
border: 1px solid #036388;
background-color: #036388;
padding: 14px 20px;
border-radius: 30px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #fff;
float: right;
}
#target {
display:none;
}
.Hide
{
display:none;
}
p.Show{
cursor: pointer;
font-size: 14px;
line-height: 14px;
font-weight: 400;
}
h6#closeButton{
cursor: pointer;
font-size: 14px;
line-height: 14px;
font-weight: 400;
}
.preview-price-row{
border: 1px solid #ccc;
padding: 20px;
margin-left: 0px;
margin-right: 0px;
}
.preview-price-row select {
width: 100%;
height: 42px;
border: 1px solid #ced4da;
padding: 5px;
font-size: 14px;
color: #777;
}
.preview-price-row p {
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #222;
}
.preview-price-row label {
font-weight: 600;
margin-bottom: 0px;
}
.list-box1{
padding: 10px;
height: 95px;
}
.list-box1 h4{
font-size: 14px;
line-height: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.list-box1 h4 a{
color: #000;
text-decoration: none;
}
.list-box1 p{
font-size: 12px;
line-height: 14px;
color: #333;
margin-bottom: 10px;
}
.list-box1 p span{
float: right;
}
a.btn.btn-copy {
border: 1px solid #ccc;
background-color: #ccc;
border-radius: 0px;
padding: 6px 16px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #000;
}
a.btn.btn-delect {
border: 1px solid #ccc;
background-color: #ccc;
border-radius: 0px;
padding: 6px 16px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #000;
}
.venterdash-left{
background-color: #eee;
padding: 0px;
padding-top: 15px;
}
.vender-manage1{
padding: 20px 0;
border-bottom: 1px solid #ccc;
}
.vender-manage1 p{
border: 1px solid #ccc;
padding: 10px;
text-align: center;
margin-bottom: 0px;
}
.vender-manage1 p span{
font-size: 20px;
display: block;
color: #034ea2;
font-weight: 600;
}
.vender-manage1 p a{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #034ea2;
text-decoration: none;
}
.vender-manage1 p a i{
font-size: 46px;
display: block;
margin-bottom: 15px;
}
.vender-manage{
padding: 20px 20px;
border-bottom: 1px solid #ccc;
margin-left: 0px;
margin-right: 0px;
}
.vender-manage p{
border: 1px solid #ccc;
padding: 30px;
text-align: center;
margin-bottom: 0px;
box-shadow: 0 0 8px rgb(199 198 198);
border-radius: 10px;
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
}
.vender-manage p span{
font-size: 20px;
display: block;
color: #000;
font-weight: 600;
}
.vender-manage p a{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #034ea2;
text-decoration: none;
}
.vender-manage p i{
font-size: 30px;
display: block;
margin-bottom: 15px;
}
.vender-booking{
padding: 20px 0;
}
.vender-dash table img{
width: 100px;
}
table{
width: 100%;
}
.vender-booking-left h3{
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 20px;
}
fieldset{
border: 1px solid #fff !important;
padding: 0px !important;
}
.vender-booking-left label {
font-size: 14px;
margin-bottom: 0;
font-weight: 600;
color: #333;
line-height: 18px;
padding-top: 9px;
}
.vender-booking-left input {
margin-bottom: 0px;
height: 36px;
font-size: 14px;
padding-left: 10px;
}
.table td, .table th{
border: 1px solid #dee2e6;
}
.vender-booking-left input[type="number"]{
width: 100px;
border-radius: 30px;
border: 1px solid #ddd;
padding: 10px !important;
}
.vender-booking-left select {
margin-bottom: 0px;
height: 36px;
font-size: 14px;
padding-left: 10px;
}
.vender-booking-left input.btn.btn-primary {
border: 1px solid #034ea2;
background-color: #034ea2;
max-width: 160px;
width: 100%;
padding: 12px 28px;
height: auto;
margin-bottom: 0px;
color: #fff;
}
.vender-booking-left textarea {
width: 100%;
border: 1px solid #ced4da;
border-radius: 3px;
margin-bottom: 0px;
height: 100px;
font-size: 14px;
padding-left: 10px;
}
.vender-booking-right h4{
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 20px;
}
.vender-booking-right ul{
padding: 0px;
margin: 0px;
}
.vender-booking-right ul li{
list-style-type: none;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #000;
}
.vender-booking-right ul li:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.vender-booking-right ul li h5{
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #000;
margin-bottom: 5px;
}
.vender-booking-right ul li p{
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #000;
margin-bottom: 0px;
}
.vender-booking-right ul li p a{
color: #000;
text-decoration: underline;
}
.vender-booking-right ul li p a:hover{
text-decoration: none;
}
.btn-info {
color: #fff;
background-color: #034ea2;
border-color: #034ea2;
}
.btn-info:hover{
color: #fff;
background-color: #034ea2;
border-color: #034ea2;
}
.post-box {
border: 1px solid #eee;
padding: 30px 10px;
text-align: center;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px #807280;
margin-top: 25px;
margin-bottom: 40px;
}
.post-box i.fas {
color: #034ea2;
font-size: 50px;
margin-bottom: 10px;
}
.post-box i.far {
color: #034ea2;
font-size: 50px;
margin-bottom: 10px;
}
.post-box h5 {
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #000;
margin-bottom: 0px;
}
.post-box p {
font-weight: 600;
margin-bottom: 0px;
}
.profile-table {
padding-top: 20px;
padding-bottom: 40px;
margin: 0 auto;
display: block;
}
.login-form {
max-width: 800px;
width: 100%;
margin: 0 auto;
display: block;
box-shadow: 0 0 8px rgba(191, 188, 188, 0.71);
padding: 15px;
background-color: #fff;
border-radius: 10px;
margin-top: 30px !important;
}
.login-form input.form-control {
width: 100%;
height: 40px;
font-size: 14px;
margin-bottom: 25px;
border: 1px solid #bdb6b6;
background-color: #eee;
}
.login-form label{
display: block;
font-weight: 600;
font-size: 14px;
margin-bottom: 0px;
}
.login-form select{
width: 100%;
height: 40px;
font-size: 14px;
margin-bottom: 25px;
border: 1px solid #bdb6b6;
background-color: #eee;
}
.vender-right-order h3.panel-title {
border: 1px solid #dddddd;
text-align: left;
padding: 15px !important;
font-size: 14px;
margin-bottom: -1px;
color: #333;
}
.vender-right-order .btn-info {
color: #fff;
background-color: #034ea2;
border-color: #034ea2;
float: right;
margin-left: 5px;
padding: 5px;
width: 30px;
height: 30px;
font-size: 10px;
}
.vender-right-order td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px !important;
font-size: 14px;
}
.vender-right-order legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 25px;
font-size: 20px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.vender-right-order button#button-history {
color: #fff;
background-color: #034ea2;
border-color: #034ea2;
}
.vender-body{
background: url("../images/banner1.jpg") top center no-repeat;
text-align: center;
}
.vender-body .overlay{
background-color: rgb(0 0 0 / 64%);
padding: 150px 0;
}
.vender-body h1{
font-size: 40px;
line-height: 44px;
font-weight: 700;
color: #fff;
margin-bottom: 0px;
}
.curve-image{
margin-top: -40px;
}
.curve-image img{
width: 100%;
}
.product-info select{
border: 1px solid #eee;
font-size: 14px;
padding: 10px;
width: 100%;
height: 50px;
margin-bottom: 15px;
box-shadow: 0 1px 6px 0 rgb(34 34 34 / 15%);
}
.david-logo{
width: 65px;
height: 65px;
float: left;
margin-right: 10px;
}
a.btn.btn-david {
border: 2px solid #000;
background-color: transparent;
width: 100%;
margin-top: 20px;
padding: 12px;
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #000;
border-radius: 30px;
}
.product-curve-img img{
width: 100%;
}
.more-shop-section{
padding-top: 20px;
padding-bottom: 40px;
background-color: #d0f1fc;
}
.more-shop-section h4{
font-size: 30px;
line-height: 34px;
font-weight: 400;
color: #000;
margin-bottom: 15px;
}
.more-shop-section h4 a{
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #000;
text-decoration: underline;
float: right;
margin-top: 8px;
}
.more-shop-section h4 a:hover{
text-decoration: none;
}
.more-shop-section a{
text-decoration: none;
}
.more-shop-section img{
width: 100%;
height: 240px;
margin-bottom: 5px;
}
.more-shop-section a h3{
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #000;
margin-bottom: 5px;
}
.more-shop-section a p{
font-size: 14px;
line-height: 16px;
margin-bottom: 5px;
color: #111;
}
.more-shop-section a h6{
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #000;
margin-bottom: 30px;
}
.more-shop-section a h6 span{
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #1fbb3f;
}
.purchase-section{
padding: 30px 0;
background-color: #eee;
}
.purchase-section h3{
font-size: 22px;
line-height: 26px;
font-weight: 700;
color: #000;
margin-bottom: 0px;
}
.purchase-section ul{
padding: 0px;
margin: 0px;
text-align: right;
}
.purchase-section ul li{
list-style-type: none;
display: inline-block;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #ccc;
}
.purchase-section ul li:last-child{
padding-right: 0px;
margin-right: 0px;
border-right: none;
}
.purchase-section ul li.active a{
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #000;
text-decoration: underline;
}
.purchase-section ul li a{
font-size: 13px;
line-height: 18px;
font-weight: 400;
color: #000;
text-decoration: none;
}
.edit-profile-section{
padding: 40px 0;
}
.dipak-left img{
width: 60px;
height: 60px;
float: left;
margin-right: 20px;
}
.dipak-left h1{
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #000;
margin-bottom: 0px;
padding-top: 12px;
padding-right: 10px;
}
a.btn.btn-edits{
border: 1px solid #efefef;
background-color: #efefef;
padding: 8px 20px;
border-radius: 30px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #222;
margin-left: 20px;
}
a.btn.btn-edits i{
padding-left: 5px;
}
a.btn.btn-edits:hover{
border: 1px solid #dedede;
background-color: #dedede;
}
.preference-row-box{
max-width: 900px;
width: 100%;
margin: 0 auto;
display: block;
}
ul.edit-remove{
padding: 0px;
margin: 0px;
margin-top: 20px;
}
ul.edit-remove li{
list-style-type: none;
display: inline-block;
padding=right: 20px;
}
ul.edit-remove li a.btn.btn-edit{
font-size: 13px;
line-height: 14px;
font-weight: 600;
color: #222;
border: 1px solid transparent;
background-color: transparent;
padding: 10px 20px;
border-radius: 30px;
}
ul.edit-remove li a.btn.btn-edit i{
padding-right: 5px;
}
ul.edit-remove li a.btn.btn-edit:hover{
border: 1px solid #dedede;
background-color: #dedede;
}
ul.edit-remove li a.btn.btn-removes{
font-size: 13px;
line-height: 14px;
font-weight: 600;
color: #222;
border: 1px solid transparent;
background-color: transparent;
padding: 10px 20px;
border-radius: 30px;
}
ul.edit-remove li a.btn.btn-removes i{
padding-right: 5px;
}
ul.edit-remove li a.btn.btn-removes:hover{
border: 1px solid #dedede;
background-color: #dedede;
}
.edit-section ul li{
display: flex;
}
.edit-section ul li div{
width: 220px;
}
.notification-entry input{
margin-right: 5px;
}
.instructions span{
font-size: 12px;
color: #000;
margin-bottom: 10px;
}
.stock-row1 img {
width: 100%;
height: 180px;
border-bottom: 1px solid #ccc;
}
.listing-row h3{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-bottom: 5px;
}
.listing-row ul{
padding: 0px;
margin: 0px;
margin-bottom: 15px;
}
.listing-row ul li{
list-style-type: none;
font-size: 12px;
line-height: 14px;
font-weight: 400;
color: #000;
padding-bottom: 10px;
}
.listing-videos{
background-color: #a5d6e8;
padding: 20px;
border-radius: 10px;
max-width: 400px;
width: 100%;
}
.listing-videos h4{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-bottom: 10px;
}
.listing-row input#taxonomy-search{
width: 100%;
}
.listing-row input[type="radio"]{
margin-right: 5px;
}
.shopper ul li{
display: inline-block;
border: 1px solid #E1E3DF;
padding: 6px;
}
.listing-row input#tags{
width: 100%;
max-width: 450px;
}
.listing-row button.btn.btn-secondary.btn-append {
border: 1px solid #ccc;
background-color: transparent;
border-radius: 0px;
padding: 11px 16px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #222;
}
.shipping-right-box input.radio{
margin-right: 5px;
}
.shipping-right-box label a{
font-size: 12px;
line-height: 16px;
color: #111;
text-decoration: none;
}
button.delete-box {
border: 1px solid #aaa;
background-color: #aaa;
padding: 8px 15px;
border-radius: 5px;
font-size: 20px;
color: #000;
margin-top: 30px;
}
.hiddden-box{
display: none;
}
button.delete-box1 {
border: 1px solid transparent;
background-color: transparent;
padding: 10px 20px;
border-radius: 30px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #222;
}
button.delete-box1:hover{
border: 1px solid #aaa;
background-color: #aaa;
}
button.btn.btn-save-shipping {
border: 1px solid #000;
background-color: #000;
padding: 12px 18px;
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #fff;
border-radius: 3px;
float: right;
}
.preview-price-row h2 {
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 15px;
}
.shipping-price-row{
text-align: center;
}
.preview-price-row h5{
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #222;
}
#thumb .owl-item{
width: 100% !important;
display: block;
}
.magnify img{
height: 400px;
}
.sell-menu-section{
background-color: rgb(0 0 0 / 34%);
padding: 20px 0;
position: relative;
}
.sell-menu-section ul{
padding: 0px;
margin: 0px;
text-align: center;
}
.sell-menu-section ul li{
list-style-type: none;
display: inline-block;
padding-right: 30px;
}
.sell-menu-section ul li a{
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #fff;
text-decoration: none;
}
.transparent-section{
padding: 40px 0;
background-color: #d0f1fc;
}
.transparent-section h3{
font-size: 40px;
line-height: 44px;
font-weight: 600;
color: #000;
text-align: center;
margin-bottom: 30px;
}
ul.additional{
padding: 0px;
margin: 0px;
text-align: center;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding-top: 30px;
padding-bottom: 30px;
}
ul.additional li{
list-style-type: none;
display: inline-block;
padding-right: 30px;
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
}
ul.additional ul li i{
padding-right: 10px;
}
ul.listing-fees{
padding: 0px;
margin: 0px;
margin-top: 50px;
margin-bottom: 50px;
}
ul.listing-fees li{
list-style-type: none;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
height: 90px;
}
ul.listing-fees li:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
ul.listing-fees li h4{
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #000;
margin-bottom: 0px;
padding-top: 13px;
}
ul.listing-fees li p{
margin-bottom: 0px;
}
ul.listing-fees li i{
background-color: #fea84f;
padding: 10px;
border-radius: 50%;
font-size: 20px;
color: #ffffff;
width: 70px;
height: 70px;
line-height: 50px;
float: left;
margin-right: 20px;
text-align: center;
}
.picture-curve-mid h6{
font-size: 12px;
line-height: 20px;
max-width: 500px;
width: 100%;
margin: 0 auto;
display: block;
}
.picture-curve-mid h6 i{
font-size: 55px;
float: left;
margin-right: 20px;
}
.power-tools-section{
padding: 70px 0;
}
.power-tools-section h4{
font-size: 30px;
line-height: 34px;
font-weight: 700;
color: #000;
margin-top: 160px;
}
.power-tools-section p{
font-size: 14px;
line-height: 20px;
}
.power-tools-section img{
width: 100%;
}
.power-tools ul{
padding: 0px;
margin: 0px;
margin-top: 70px;
}
.power-tools ul li{
list-style-type: none;
padding-bottom: 40px;
height: 130px;
}
.power-tools ul li img{
width: 80px;
float: left;
margin-right: 15px;
}
.power-tools ul li h5{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #034ea2;
margin-bottom: 10px;
}
.power-tools ul li p{
font-size: 14px;
margin-bottom: 0px;
}
.power-tools h6{
font-size: 50px;
line-height: 54px;
font-weight: 400;
color: #034ea2;
text-align: center;
margin-bottom: 20px;
margin-top: 100px;
}
.stand-section{
padding: 20px;
background-color: #d0f1fc;
}
.stand-section h4{
font-size: 30px;
line-height: 34px;
font-weight: 400;
color: #000;
margin-bottom: 10px;
}
.stand-section p{
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #000;
margin-bottom: 10px;
}
.stand-section h6{
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #000;
margin-bottom: 0px;
}
.find-section{
padding: 50px 0;
}
.find-section h4{
font-size: 50px;
line-height: 54px;
font-weight: 400;
color: #034ea2;
text-align: center;
margin-bottom: 20px;
}
#exampleModal2 .modal-dialog{
max-width: 1000px;
width: 100%;
margin: 0px auto;
height: 100%;
z-index: 999999;
}
div#exampleModal2{
padding-right: 0px !important;
}
.product-detail-popup-left ul{
padding: 0px;
margin: 0px;
}
.product-detail-popup-left ul li{
list-style-type: none;
padding-bottom: 10px;
}
.product-detail-popup-left ul a img{
width: 100%;
height: 120px;
}
.help-section{
padding: 40px 0;
background-color: #d0f1fc;
}
.help-section h4{
font-size: 50px;
line-height: 54px;
font-weight: 400;
color: #000;
text-align: center;
margin-bottom: 20px;
margin-top: 50px;
}
.help-text p{
text-align: center;
}
.story-section{
padding: 100px 0;
}
.story-section h4 {
font-size: 50px;
line-height: 54px;
font-weight: 400;
color: #034ea2;
text-align: center;
margin-bottom: 20px;
}
.seller-text{
text-align: center;
margin-bottom: 30px;
}
.storyrow img{
width: 100%;
margin-bottom: 40px;
}
.storyrow h5{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-top: 50px;
margin-bottom: 20px;
}
.storyrow p a{
color: #000;
text-decoration: underline;
}
.sellsection{
padding: 80px 0;
background-color: #eeeded;
border-top: 1px solid #ccc;
}
.sellsection h4 {
font-size: 50px;
line-height: 54px;
font-weight: 400;
color: #034ea2;
text-align: center;
margin-bottom: 20px;
}
.sellsection img{
width: 100%;
}
.sellsection h5{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-bottom: 0px;
padding: 20px;
margin-bottom: 40px;
background-color: #fff;
text-align: center;
}
.question-section{
padding: 80px 0;
}
.question-section h4 {
font-size: 50px;
line-height: 54px;
font-weight: 400;
color: #034ea2;
text-align: center;
margin-bottom: 10px;
}
.question-section h5 {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-bottom: 10px;
}
.question-row{
border-top: 1px solid #ccc;
padding-top: 40px;
margin-top: 40px;
text-align: center;
}
.question-row h6{
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #000;
margin-bottom: 20px;
}
a.btn.btn-contact{
border: 1px solid #034ea2;
background-color: #034ea2;
padding: 12px 30px;
border-radius: 30px;
font-size: 18px;
line-height: 22px;
font-weight: 600;
color: #fff;
}
/*****************MEDIA QUERY*****************/
@media(max-width: 1024px)
{
.cart-left img{
margin-bottom: 10px;
}
.stock-row img{
height: 200px;
}
ul.card-payment li img {
width: 60px;
height: 35px;
}
.contant-details{
margin-top: -40px;
}
}
@media(max-width: 991px)
{
.stock-row img{
height: 250px;
}
}
@media(max-width: 834px)
{
.paybox h6{
font-size: 14px;
}
.paybox h5{
font-size: 14px;
}
.cart-right{
padding-right: 10px;
}
.stock-row img{
height: 200px;
}
}
@media(max-width: 767px){
.catebox{
margin-top: 10px;
}
a.keep-shopping{
float: left;
margin-bottom: 10px;
}
button.btn.btn-shipping{
float: left;
}
.listing-row p{
margin-bottom: 0px;
}
.inventary-row p{
margin-bottom: 0px;
}
.shopping-row p{
margin-bottom: 0px;
}
.sell-on .bg-light{
float: left;
}
.public-section h1{
text-align: left;
margin-bottom: 10px;
}
.public-section p{
text-align: left;
margin-bottom: 10px;
}
.catebox{
display: none;
}
.img-showcase img{
height: 350px;
}
.vender-manage p,
.checkout-box{
margin-bottom: 30px;
}
.contact-left ul{
margin-top: 10px;
margin-bottom: 20px;
}
.address-section i{
margin-bottom: 20px;
}
}
@media(max-width: 600px)
{
.banner h1{
font-size: 24px;
}
.banner ul li{
width: 24%;
}
.banner ul li a i{
margin-bottom: 0px;
}
.banner ul li a h5{
margin-bottom: 10px;
}
.feature-box img,
.popular-section .single-blog-img img{
height: 450px;
}
.bitmap-section ul li{
width: 48%;
border-right: none;
border-bottom: 1px solid #e6e6e6;
}
.contant-details{
margin-top: 0px;
}
.blogs-details-section h1 {
font-size: 30px;
line-height: 36px;
}
.contant-details {
padding: 15px;
}
.faqs-section .set > a {
font-size: 14px;
padding: 12px 15px;
}
a.btn.btn-facebook,
a.btn.btn-google{
font-size: 15px;
}
}
@media(max-width: 575px)
{
.popular-section .single-blog-img img{
height: auto;
}
.shop-section .single-blog-img img{
height: auto;
}
.bitmap-box{
border-right: none;
border-bottom: 1px solid #eee;
}
.banner{
height: auto;
}
.hex{
height: 300px;
}
#progressbar{
padding: 0px;
}
.image-row{
padding: 5px;
}
.listing-row{
padding: 5px;
}
.inventary-row{
padding: 5px;
}
.shopping-row{
padding: 5px;
}
.preview-price-row{
padding: 5px;
}
.gift-body img{
height: auto;
}
button.btn.btn-save{
float: left;
}
.stock-row img{
height: auto;
}
.stock-row{
padding: 10px 0;
}
.preference-row{
padding: 10px 0;
}
.blogs-section img{
height: 250px;
}
}
@media(max-width: 480px)
{
.sellon-banner h1{
font-size: 20px;
line-height: 24px;
}
.sellon-body h2{
font-size: 20px;
line-height: 26px;
}
.public-form-box .input-group{
display: inline-block;
}
}
@media(max-width: 400px)
{
.banner h1{
font-size: 14px;
line-height: 20px;
}
.tab-contents{
padding: 10px;
}
.public-section label{
width: 34%;
}
.banner ul li {
width: 32%;
}
.popular-section h4 a,
.popular-section h4 a,
.feature-section h4 a {
float: none;
display: block;
max-width: 84px;
margin-top: 10px;
}
ul.card-payment li img{
height: 35px;
}
}
@media(max-width: 768px)
{
button.btn.btn-save-shipping{
font-size: 14px;
padding: 12px 14px;
}
.popular-tab-img img{
height: auto;
}
.power-tools-section h4{
margin-top: 60px;
}
.power-tools ul li{
height: auto;
}
.storyrow h5{
margin-top: 0px;
}
.more-shop-section img{
height: 180px;
}
}
@media(max-width: 767px)
{
.listing-row input{
margin-bottom: 10px;
}
button.btn.btn-save-shipping{
float: left;
margin-top: 15px;
}
select#tab-select{
width: 100%;
height: 40px;
}
.bg-img{
height: 265px;
}
.more-shop-section img{
height: auto;
}
}
@media(max-width: 575px)
{
.shopper ul li{
margin-bottom: 5px;
}
button.btn.btn-save-shipping{
margin-top: 15px;
}
.curve-image{
display: none;
}
.bitmap-section ul li{
width: 100%;
}
.power-tools h6{
font-size: 30px;
line-height: 34px;
}
.find-section h4{
font-size: 30px;
line-height: 34px;
}
.product-curve-img img{
margin-bottom: -5px;
}
.help-section h4{
font-size: 30px;
line-height: 34px;
}
.story-section h4{
font-size: 30px;
line-height: 34px;
}
.sellsection h4{
font-size: 30px;
line-height: 34px;
}
.question-section h4{
font-size: 30px;
line-height: 34px;
}
ul.listing-fees li{
height: auto;
}
}
#imageDisplay{
width: 100%;
height: 450px;
object-fit: cover;
}
.single-blog-img img{
height: 250px;
width: 100%;
object-fit: cover;
}