@font-face {
    font-family: qanelas-soft;
    src:  url('../../libraries//qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftMedium.otf');
}
  @font-face {
    font-family: qanelas-soft-input;
    src:  url('../../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftLight.otf');
          /* url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftBlackItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftBold.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftBoldItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftExtraBold.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftExtraBoldItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftHeavy.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftHeavyItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftLight.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftLightItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftMedium.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftMediumItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftRegular.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftRegularItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftSemiBold.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftSemiBoldItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftThin.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftThinItalic.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftUltraLight.otf') format('otf'),
          url('../libraries/qanelas-soft-cufonfonts/Radomir-Tinkov-QanelasSoftUltraLightItalic.otf') format('otf'); */
  }  
html,body{
    font-family: 'qanelas-soft';
}
input, button, select, textarea{
    font-family: 'qanelas-soft-input';
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'qanelas-soft';
}

.input-default{
    color: #333;   
}

.btn-default {
    color: #9a9a9a  ;
}
.listingsclick:hover {
    cursor: pointer;
}

.favourite .fa.marked.fa-heart-o:before {
    color: #d81814;
    content: "\f004";
}
a, a:hover, a:focus, a:active {
    text-decoration: none;
    color: inherit;
}
.logo-height{
    height: 50px;
}
.bg-color-56D8B6{
    background-color: #56D8B6 !important;
}
.bg-color-411F44{
    background-color: #411F44 !important;
}
.header-content .nav > li > a:hover {
    background-color: transparent;
    color: #411F44 !important;
}
.background-secondary {
    background-color: #411F44;
    color: #fff;
}
.header-content .nav > li.active > a {
    background-color: transparent;
    color: #56D8B6 !important;
}
.header-action-inner {
    background-color: #56D8B6 !important;
}
.header-action-inner + .tooltip > .tooltip-inner {background-color: #411F44;}
.footer-bottom .nav > li > a:hover {
    background-color: transparent;
    color: #56D8B6;
}
.hero-image-price:before {
    content: 'KD';
}
.mh60{
    max-height: 60px !important;
}
.mh50{
    max-height: 50px !important;
}
.card-simple-background:before {
    
    background: linear-gradient(to bottom, rgba(54, 54, 54, 0) 0%, rgb(65 31 68 / 80%) 100%);
}

/* listing css start  */
.pager li a:hover {
    background-color: #56D8B6 !important;
}
.pager li.active a {
    background-color: #411F44 !important;
    border-color: #411F44 !important;
    color: #fff;
}

.document-title {
    background-repeat: no-repeat;
    background-image: url(.../../img/tmp/inner-banner-1.jpg) !important;
    background-position: center center;
    margin: -80px -750px 80px -750px;
    padding: 70px 750px;
    position: relative;
}
.listing-submit{
    padding: 20px 26px 40px 26px;
}
/* listing css end  */


/* listing submit s */
.iti {
    width: 100% !important;
}
/* listing submit end*/

/* home  start*/

.image-center {
    margin: 0px 35px;
    border-radius: 50%;
}

.float-left{
    float: left;
}
.float-right{
    float: left;
}
.m-r-10{
    margin-right: 10px;
}
.mtb12{
    margin-bottom: 12px;
    margin-top: 12px;
}

.hero-image-form-wrapper .dropdown-toggle, .hero-image-form-wrapper .bg-gray {
    background-color: #ECECEC !important;

}
.margin-bottom-10{
    margin-bottom: 10px;
}

.bg-gray{
    background-color: #ECECEC !important;
}
.text-black{
    color: black !important;
}
.bg-color-white {
    background-color: #f5f5f5 !important;
    color: black !important;
}
.hero-bg-height{
    height: 576px;
}
.hero-image-inner-height{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    height: 504px;
    position: relative;
    top: 70px;
}
.hero-top-box{
    top: 98px;
}


/* faq start  */
.image-radius{
    border-radius: 50%;
}
.faq-item:before {
    background-color: #411F44 !important;
}
.faq-item:after {
    border: 5px solid transparent;
    border-bottom-color: #411F44;
}
/* faq end  */

/* listing detail start */
.bg-color-hover:hover{
    background-color: #56D8B6 !important;
}
.detail-gallery .owl-next, .detail-gallery .owl-prev {
    background-color: #56D8B6 !important;
}
.detail-content h2 {
    margin: 0px 0px 30px 0px !important;
}
.text-secondary {
    color: #56D8B6  !important;
}
.detail-content-color  div i {
    color: #411F44 !important;
}
.profileImage{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
}
.error{
    color: red;
}
.ml3{
    margin-left: 12px;
    padding: 5px;
    margin-top: -14px;
    margin-bottom: 40px;
}
/* .ml3 strong a { 
  
    margin: 0px 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */
.textEllipsis{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ml3 a {
    color: black;
    font-size: 20px;
}

/* notification  */

.user {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-top: 12px;
}
.user img {
    border: 2px solid #f7f8f9;
    border-radius: 50%;
    height: 35px;
    padding: 2px;
    transition: all .15s linear;
    width: 35px;
}
.user .notification {
    background-color: rgba(216, 24, 20, 0.9);
    border-radius: 50%;
    color: #fff;
    font-size: 9px;
    min-height: 12px;
    padding: 3px 5px;
    position: absolute;
    right: -4px;
    top: -4px;
}
/* end notification  */
/* listing detail end  */

/* add favourite  */
.removeFavourite{
    background-color: #fff;
    color: #363636 !important;
    
}


/* end favourite  */

/* toast start  */
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 30px;
font-size: 17px;
}

#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;} 
to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;} 
to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
/* toast end  */

/* payment page start */
#h1 {
    /* color: #56D8B6; */
    color: black;
    
    font-weight: 900;
    font-size: 40px;
    margin-bottom: 10px;
    text-align: center;
  }
#p {
    color: black;
    font-size:20px;
    margin: 0;
    text-align: center;
    padding-top: 10px;
  }
#i {
  /* color: #9ABC66; */
  font-size: 100px;
  line-height: 200px;
  margin-left: 50px;
}
.card-payment {
  background: white;
  padding: 60px;
  border-radius: 4px;
  /* box-shadow: 0 2px 3px #C8D0D8; */
  /* display: inline-block; */
  margin: 0 auto;
}
.main-bg-payment{
    background: white;
}
/* payment page end */

/* image lazy start  */
.lazy {
    /* background: #F1F1FA; */
    background-image: url('../../../admin/assets/images/listing/placeholder.png') !important;
    /* width: 400px;
    height: 300px; */
    display: block;
    margin: 10px auto;
    border: 0;
  }

/* image lazy end  */

/* home  */

.backgroung-parpal{
    background-color: #411f44 !important;
}
.bg-color-hover:hover {
    background-color: #56d8b6 !important;
    color: white !important;
}
.bg-color-greem:hover {
    background-color: #56d8b6 !important;
    color: white !important;
}
/* end home  */
/* menu start  */
.header-content .nav > li .sub-menu li:hover > a {
    color: #645a5c;
}
.header-content .nav > li > a:hover {
    background-color: white;
    color: #411F44 !important;
}

/* end menu  */
/* profile page  */
.detail-content-color{
    vertical-align: middle;
}
.listing-detail-description{
    border-bottom: 0px solid !important;
}
.pm30{
    padding: 30px;
    margin: 10px;
}

/* model start  */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }
  
  /* The Close Button */
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
/* model end  */

/* listing detail  */
.fontsize24{
    font-size: 24px;
    font-weight: normal;
}
.border-b-0{
    border-bottom: 0px solid white !important;
}
.width-100{
    width: 100%;
}
.about-description{
    border-top: 1px solid #e9e9e9;
    padding-top: 20px;
    border-bottom: 0px solid #e9e9e9 !important;
    padding-bottom: 0px !important;
}
.detail-content .btn-share .share-wrapper-custom {
    color: rgba(54, 54, 54, 0.6);
    left: 58%;
    margin-right: 0px;
    margin-left: 0px;
   
}
.header-content .nav > li > a {
    
    font-size: 16px;
    
}
.border-bottom-0{
    border-bottom:0px !important;
}
.mt-24{
    margin-top: 24px;
}

.sub-menu li a {
    font-size: 16px !important;
}

.detail-content h2 {
   
    padding-bottom: 0px !important;
}
.ml-20{
    margin-left: 20px !important;
}

.header-content .nav > li .sub-menu li a {
    text-transform: inherit;
}
.ml-22{
    margin-left: 22px !important;
}
.detail-content h2 .ml-22 {
    margin-left: 22px !important;
}
.ml-0{
    margin-left: 0px !important;
}

.mlnanus14{
    margin-left: -15PX;
}
#chart-container {
    width: 100%;
    height: auto;
}
.detail-gallery .owl-carousel .owl-stage {
    margin-right: auto;
    margin-left: 0 !important;
}
.share li a {
    float: left;
}
.detail-content .btn-share .share-wrapper .share li {
    padding: 18px 0px !important;
}
.navbar-toggle {
    border: 0px solid #444 !important;
   
}
.mobile-display{
    display: none;
}
/* media query  */

 /*Tablets [601px -> 1200px]*/
@media only screen and (max-width: 1200px){
    .display-block{
        display: block !important;
    }
    .display-block .detail-logo{
        padding-right: 0px;
    }
    .mlr-auto{
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-text-center{
        text-align: center;
        margin-left: 0px !important;
    }
}

 /*Tablets [601px -> 1200px]*/
 @media only screen and (max-width: 700px){
    .mobilepb-20{
        padding: 20px;
        padding-top: 10;
    }
}


/*Big smartphones [426px -> 600px]*/
@media only screen and (max-width: 600px){
    .mobile-display{
        display: block;
    }
    .display-block{
        display: block !important;
    }
    .display-block .detail-logo{
        padding-right: 0px;
    }
    .mlr-auto{
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-text-center{
        text-align: center;
        margin-left: 0px !important;
    }
    .mobilepb-20{
        padding: 20px;
        padding-top: 10;
    }
    /* slider css  */
    #cboxMiddleLeft{
        float: left !important;
        height: auto !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    #cboxContent{
        float: left;
        width: 400px  !important;
        height: auto  !important;
        margin-left: 10px;
        margin-right: 10px;
        
    }
    #cboxLoadedContent{
        width: 400px  !important;
        overflow: auto;
        height: auto !important;
        
    }
    .cboxPhoto{
        width: 400px !important;
        height: auto !important;
        float: none;
    }
    .detail-content h2 {
        border-bottom: 0px solid #e9e9e9;
        margin-left: 0px !important;
    }
}

/*Small smartphones [325px -> 425px]*/
@media only screen and (max-width: 425px){
	.mobile-display{
        display: block;
    }
    .display-block{
        display: block !important;
    }
    .display-block .detail-logo{
        padding-right: 0px;
    }
    .mlr-auto{
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-text-center{
        text-align: center;
        margin-left: 0px !important;
    }
    .mobilepb-20{
        padding: 20px;
        padding-top: 10;
    }

    /* slider css  */
    #cboxMiddleLeft{
        float: left !important;
        height: auto !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    #cboxContent{
        float: left;
        width: 350px  !important;
        height: auto  !important;
        margin-left: 10px;
        margin-right: 10px;
        
    }
    #cboxLoadedContent{
        width: 350px  !important;
        overflow: auto;
        height: auto !important;
        
    }
    .cboxPhoto{
        width: 350px !important;
        height: auto !important;
        float: none;
    }
    .detail-content h2 {
        border-bottom: 0px solid #e9e9e9;
        margin-left: 0px !important;
    }
    
}
/*Big smartphones [426px -> 600px]*/
@media only screen and (max-width: 375px){

    .mobile-display{
        display: block;
    }
    /* slider css  */
    #cboxMiddleLeft{
        float: left !important;
        height: auto !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    #cboxContent{
        float: left;
        width: 350px  !important;
        height: auto  !important;
        margin-left: 10px;
        margin-right: 10px;
        
    }
    #cboxLoadedContent{
        width: 350px  !important;
        overflow: auto;
        height: auto !important;
        
    }
    .cboxPhoto{
        width: 350px !important;
        height: auto !important;
        float: none;
    }
    .detail-content h2 {
        border-bottom: 0px solid #e9e9e9;
        margin-left: 0px !important;
    }
}
.isFeatured{
    text-transform: uppercase;
    background-color: #ffce32;
    padding: 5px 0.8rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: black;
    font-weight: bold;
}
.card-simple-content {
    top: 73%;
}
.card-simple-content:hover {
    padding-top: 0px;
}
.listing-detail-img{
    height: 145px;
    width: 100%;
    max-width: 145px !important;
}
.detail-gallery img {
    width: 100%;
    margin: 0;
}