/*casablanca styles*/
.casablanca-css .login-page {
  margin: auto;
}

.casablanca-css  .form {
    position: relative;
    background: #FBFBF7;
    z-index: 1;
    max-width: 360px;
    margin: 0 auto 100px;
    text-align: center;
}

.casablanca-css form{
  background: #fbfbf9;
}
.casablanca-css  .g-recaptcha{
  text-align: center;
  text-align: -webkit-center;
  padding-bottom: 8px;
}
.casablanca-css  .shake{
    -webkit-animation: horizontal 2s ease infinite;
    animation: horizontal 2s ease infinite;
}
.casablanca-css  .err-center{
  text-align: center;
  color: #cc0000 !important;
}
.casablanca-css  .err{
  text-align: left;
  color: #cc0000 !important;
}
.casablanca-css  .corr{
  color: #009E55 !important;
}

.casablanca-css  .victim{
  border-color: #cc0000 !important;
}

.casablanca-css  .form input,
.casablanca-css  .form select,
.casablanca-css  .form input:hover,
.casablanca-css  .form input:active,
.casablanca-css  .form input:focus,
.casablanca-css  .form textarea,
.casablanca-css  .form textarea:hover,
.casablanca-css  .form textarea:active,
.casablanca-css  .form textarea:focus,
.casablanca-css  .form select:hover,
.casablanca-css  .form select:active,
.casablanca-css  .form select:focus{
  color: #2e3d49;
  border-style: solid;
  border-width: thin;
  border-radius: 4px;
  border-color: #C1C1C1;
  width: 100%;
  margin: 0 0 15px;
  padding: 18px;
  box-sizing: border-box;
  font-size: 14px;
  box-shadow: none;
}

.casablanca-css  .form button {
  border-radius:4px;
  outline: 0;
  background: #666666;
  width: 100%;
  border: 0;
  padding: 16px;
  margin: 0 auto;
  width: 50%;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}

.casablanca-css  .form button:hover,
.casablanca-css  .form button:active,
.casablanca-css  .form button:focus {
  background: #505050;
}

.casablanca-css  .form .message {
  text-align: center;
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}

.casablanca-css  .form .message a {
  color: #666666;
  text-decoration: none;
}

.casablanca-css  .form .form2 {
  display: none;
}

.casablanca-css  .casa-prompt{
  color: #667;
}

.has-feedback-left{
  text-align: right;
}
.has-feedback-left img{
  top: 22px;
  left: 12px;
  position: absolute;
  width: 20px;
}

.dropdown-tip {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    left: 80px;
    top: -8px;
    z-index: 1001;
    height: 0;
    width: 0;
}

.dropdown-tip-shadow {
    border-color: transparent;
    border-bottom-color: #ccc;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    left: 80px;
    top: -9px;
    z-index: 999;
    height: 0;
    width: 0;
}


.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #475670;
    background-color: #fff;
}




#phoneNumber{
  width: 70%;
}

#dialCode{
  width: 29%;
  border-color: #C1C1C1;
  background: #fff;
  padding: 18px 0 18px 36px;
  border-radius: 4px;
}

.casablanca{
  font-weight: 100;
  font-size: 96px;
  position:absolute;
  color:#9A9AA5;
  top:50%;
  left:50%;
  padding:15px;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.casablanca p{
  font-size: 18px;
  text-align: right;
}


.casablanca-css  .alert-cas{
  text-align: center;
  font-size: large;
  color: #9A9AA5;
}
.casablanca-css  .container .info span .fa {
  color: #EF3B3A;
}

.casablanca-css  h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: lighter;
    color: #666;
}
.casablanca-css  .banner {
    text-align: center;
}
.casablanca-css  .center-logo{
  display: flex;
  vertical-align: middle;
  padding: 16px 16px 32px 16px;
  height: 110px;
  width: auto;
  margin: auto;
}

.casablanca-css  .error > a{
  color: #666666;
  text-decoration: none;
}
.casablanca-css  .error > a:hover{
  color: #000000;
}
.casablanca-css  .paper{
  margin: auto;
  width: 50% !important;
  padding-top: 4%;
  padding-bottom: 2%;
  margin-bottom: 4% !important;
  margin-top: 12% !important;
  border-radius: 2px !important;
  background: #fbfbf9 !important;
  min-height: 100px;
}

.casablanca-css  .form-entry:focus,
.casablanca-css  select:focus{
  outline: none !important;
  border-color: #767676 !important;
}

.casablanca-css  .form1{
  background: #fbfbf9;
  padding-top: 32px;
}

.casablanca-css  .card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 300px;
  margin: 1rem;
  position: relative;
  width: 300px;
}

.casablanca-css  .card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.casablanca-css  .card-1:hover {
  box-shadow:2px 3px 10px rgba(37,56,88,.333);
}

.casablanca-css  .card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.casablanca-css  .card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.casablanca-css  .card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.casablanca-css  .card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.dropdown-menu{
  min-width: 108px;
}

.dropdown-menu>li>a {
    padding: 4px 8px;
}

#terms-agree {
    font-size: 11px;
    margin-bottom: 8px;
}

@media(max-width:768px) {
  .casablanca-css  .paper {
    width: 80% !important;
  }
  .casablanca-css  .login-page {
    width: 96%;
  }
}
.casablanca-css  .oauth{
  margin-top: 4px;
  min-width: 80px !important;
}

.casablanca-css  .google:hover{
  color: #fff;
  background-color: #EA4335;
}
.casablanca-css  .facebook:hover{
  color: #fff;
  background-color: #3b5998;
}
.casablanca-css  .linkedin:hover{
  color: #fff;
  background-color: #1985BC;
}
@media(max-width:480px) {
  .casablanca-css  .form input,
  .casablanca-css  .form select,
  .casablanca-css  .form input:hover,
  .casablanca-css  .form input:active,
  .casablanca-css  .form input:focus,
  .casablanca-css  .form select:hover,
  .casablanca-css  .form select:active,
  .casablanca-css  .form select:focus {
    width: 80%;
  }
}
.casablanca-css  .form-control-feedback{
  width: initial;
  height: initial;
  margin: 18px 10px 0 0 !important;
  color: #C1C1C1;
  display: block;
  pointer-events: auto;
}
.casablanca-css  .form-group {
    margin-bottom: 0;
}

/*small mobile*/
@media (max-width: 320px){
  .casablanca-css  .paper {
      width: 100% !important;
    }
  .casablanca-css  .form-control-feedback {
    margin: 18px 60px 0 0 !important;
  }
}

@media (max-width: 375px){
  .casablanca-css  .paper {
      width: 90% !important;
    }
  .casablanca-css  .form-control-feedback {
    margin: 18px 56px 0 0 !important;
  }
}

@media (max-width: 425px){
  .casablanca-css  .paper {
      width: 96% !important;
    }
  .casablanca-css  .form-control-feedback {
    margin: 18px 60px 0 0 !important;
  }
  .casablanca-css  .err{
    text-align: center;
  }
}

.casablanca-css  .floating{
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    padding-bottom: 8px;
}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 4px);}
    to {-webkit-transform: translate(0, -0px);    }
}

@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 4px);}
    to {-moz-transform: translate(0, -0px);}
}

.casablanca-css  .scaling{
    -webkit-animation-name: scalex;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-name: scale;
    -moz-animation-duration:3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease-in-out;
}

    @-webkit-keyframes scalex{
        from {-webkit-transform: scale(0.9);}
        65% {-webkit-transform: scale(1.0);}
        to {-webkit-transform: scale(0.9);}
    }

    @-moz-keyframes scale{
        from {-moz-transform: scale(0.9);}
        65% {-moz-transform: scale(1.0);}
        to {-moz-transform: scale(0.9);}
    }
.casablanca-css .login-elements p{
  text-align: center;
}

/*casablanca styles*/
body {
    font-family: 'Quicksand', sans-serif;
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    color: #7d7e82;
}

.section {
    margin-top: 5%;
    margin-bottom: 10%;
    min-height: 400px;
}

.navbar-nav>li>.dropdown-menu {
    /* -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); */
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    margin-top: -2px;
    border-radius: 4px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{
    color: #475670;
    background-color: rgba(70, 86, 113, 0.1);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ae4a84;
}

.navbar-default {
    background: #fff !important;
    background-color: transparent;
    border: none;
    margin: 0!important;
    z-index: 100;
    height: 67px;
}

.nav-shadow{
  box-shadow: 0 2px 8px 0 rgba(50, 50, 50, .08);
}

.navbar-brand>img {
    height: 40px;
    margin-top: 0;
}

.navbar-nav>li>a {
    padding-top: 18px;
}

.navbar-collapse.in {
    background: #fff
}

.navbar-default .navbar-nav>li>a:hover {
    color: #42526E;
}
/*footer starts*/

.footer-logo img{
  margin: 32px 0;
  height: 48px;
}

.footer-distributed {
    margin: 0 auto;
    min-height: 280px;
    left: 0;
    bottom: 0;
    background-color: #f5f5f5;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: 700 16px;
    padding: 55px 50px;
}

.footer-distributed .footer-center,
.footer-distributed .footer-left,
.footer-distributed .footer-right {
    display: inline-block;
    vertical-align: top
}

.footer-distributed .footer-left {
    width: 40%
}

.footer-distributed h3 {
    color: #fff;
    font: 400 36px Cookie, cursive;
    margin: 0
}

.footer-distributed h3 span {
    color: #5383d3
}

.footer-distributed .footer-links {
    color: #243447;
    margin: 20px 0 12px;
    padding: 0
}

.footer-distributed .footer-links a {
    letter-spacing: 2px;
    display: inline-block;
    line-height: 1.8;
    text-decoration: none;
    color: inherit
}

.footer-distributed .footer-company-name {
    color: #8f9296;
    font-size: 14px;
    margin: 0
}

.footer-distributed .footer-center {
    width: 35%
}

.footer-distributed .footer-center i {
    background-color: #2e3234;
    color: #fff;
    font-size: 25px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    margin: 10px 15px;
    vertical-align: middle
}

.footer-distributed .footer-center i.fa-envelope {
    font-size: 17px;
    line-height: 38px
}

.footer-distributed .footer-center p {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    margin: 0
}

.footer-distributed .footer-center p span {
    display: block;
    font-size: 14px;
    line-height: 2
}

.footer-distributed .footer-center p a {
    color: #5383d3;
    text-decoration: none
}

.footer-distributed .footer-right {
    width: 20%
}

.footer-distributed .footer-company-about {
    line-height: 20px;
    color: #92999f;
    font-size: 13px;
    margin: 0
}

.footer-distributed .footer-company-about span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}

#top-banner{
  min-height: 632px;
  max-height: 864px;
}

.footer-distributed h4{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 24px;
    width: 136px;
    color: #243447;
}

.footer-distributed a:hover{
  text-decoration: none;
}

.footer-distributed .footer-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 2px;
    font-size: 20px;
    color: #243447;
    text-align: center;
    line-height: 35px;
    margin-right: 3px;
    margin-bottom: 5px
}
.footer-distributed  .fa:active,
.footer-distributed  .fa:focus,
.footer-distributed  .fa:hover
{
  font-weight: bold;
  text-shadow: 0 0 1px #1b2331, 0 0 1px #0000FF;
}
@media (max-width:750px) {
    .pricing .package {
        width: 100%!important
    }
}

@media (min-width:425px) {
    .footer-distributed .footer-right {
        float: right
    }
}

@media (max-width:990px) {
    #features #feature-pic {
        margin-top: 8%;
        width: 40%
    }
    .pricing .package {
        width: 220px
    }
    .footer-distributed {
        font: 700 14px sans-serif
    }
    .footer-distributed .footer-center,
    .footer-distributed .footer-left,
    .footer-distributed .footer-right {
        display: block;
        width: 100%;
        text-align: center
    }
    .footer-distributed .footer-center i {
        margin-left: 0
    }
}


.footer-distributed .footer-logo {
    opacity: .7;
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0;
    white-space: nowrap
}

.footer-distributed li{
  margin: 4px 0;
}
/*footer ends*/

ul {
    padding: 0;
    list-style-type: none;
}

.service-card,
.product-card{
    color: #475670;
    padding: 16px;
    border-radius: 8px;
    min-height: 180px;
    margin-bottom: 64px;
    background: #f5f5f5;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.product-card{
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    background-position: center;
    margin:  0 !important;
    border-radius: 0;
    text-align:  center;
    height: 240px;
    margin-bottom: 0;
    background: #f5f5f5;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.service-card h5 {
   font-size: 16px;
   margin-top: 54px;
}

.service-card:hover{
  border: 2px solid #af4885;
  color: #af4885;
  background: #fff;
}

.service-card .card-img{
  margin-top: 20px;
  width: 100%;
}

.btn-register{
  border-color: rgb(174, 74, 132);
  color: #ae4a84 !important;
  border-style: solid;
  padding: 4px 16px !important;
  margin: 12px 8px;
  border-width: 1px;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.btn-register:hover{
  background: #ae4a84 !important;
  color: #fff !important;
}

.search{
  position: absolute;
  top: 45%;
  left: 50%;
}


.logo-svg {
  width: 84px;
  margin-top: -36px;
}
.search-col{
  text-align: right;
}
#top-banner .search input{
  width: 400px;
  color: #2e3d49;
  border-style: solid;
  border-width: thin;
  border-radius: 4px;
  border-color: #C1C1C1;
  margin: 0 0 15px;
  padding: 18px;
  box-sizing: border-box;
  font-size: 14px;
  box-shadow: none;
}
#top-banner{
  min-height: 632px;
  max-height: 864px;
}
#top-banner .search input:focus{
  outline: none !important;
  border-color: #767676 !important;
}
.nav>li>a>img {
    height: 12px;
    margin-right: 8px;
}

.dropdown-menu img {
    height: 12px;
    margin: 0 24px 0 8px;
}

a {
    color: #506d90;
    text-decoration: none;
}
.footer-distributed a {
    font-weight: 700;
}

.error{
  margin: 0 0 16px 0;
  background: #eee;
  padding: 4px 12px;
  border-left: #da1414 solid 4px;
}

.error p{
  text-align: justify;
  padding: 0 4px;
}

.error:empty{
    display:none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.flag{
  text-transform: uppercase;
}
.sub-category-card{
  /* padding-top: 8px; */
  text-align: center;
  width: 96%;
  height: 42px;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
  border-radius: 4px;
  border-bottom: 1px hidden #fff;
  margin-left: 2%;
}

.sub-category-card img{
  display: none;
  height: 48px;
}

.sub-category{
  padding: 0;
}

.sub-category h5 {
    padding-top: 12px;
}

@media(max-width:768px) {
  .logo-svg {
    width: 84px;
    margin-top: -36px;
 }
}
.home-intro {
    padding-top: 256px;
    margin-top: -65px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(/images/home-slash.jpg);
    height: 480px !important;
}
.navbar-default .navbar-nav>li>a {
    font-weight: 700;
    color: #302f2d;
}
.search-portion-item {
    padding: 0 8px;
    width: 100%;
    height: 56px;
    border:  transparent;
}
.search-portion {
    padding: 8px !important;
    background: #ffffffad !important;
    display:  inline-block;
    width: 64%;
    font-size: 18px;
}
input.search-item.search-portion-item {}

.search-col-item {
    margin:  0 !important;
    padding:  0 !important;
}
button.search-btn {
    color:  #fff;
    background: #ae4a84;
}
button.search-btn:hover {
  background: #ae4a84d4;
}
select.search-location.search-portion-item {
    padding: 0 40px;
    background: #ddd !important;
}
i.fa.fa-map-marker.select-icon {
    color: #ae4a84;
    position: absolute;
    top: 16px;
    left: 18px;
    font-size: 22px;
}
input.middle:focus {
    outline-width: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
[contenteditable="true"]:focus {
    outline: none;
}
section{
  padding: 36px 0;
}
.right{
    margin-top: -20px;
    text-align: right;
    display: block;
}
a {
    color: #ae4a84 !important;
}
a:hover,
a:active,
a:focus{
    text-decoration :none;
}
.btn-cam:before {
    content: "\f030";
    font-family: FontAwesome;
    display: inline-block;
    margin: 0 8px 0 0;
    /* width: 1.3em; */
}
.first-container{
  min-height: 400px;
}
.col-upload {
    border-radius: 4px;
    margin-bottom: 64px;
    margin-top: 84px;
    height: 480px;
    background: #eee;
}
.col-upload .upload-instruction {
    text-align:  center;
    font-size: 48px;
    margin-top: 120px;
}
.image-label {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.btn-upload{
  padding: 8px 4px;
  font-family:  inherit;
  margin-top: 0px;
  color: #ae4a84;
  font-weight:  100;
  border: #ae4a84 solid 2px;
  /* padding: 4px !important; */
  background: transparent;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  font-size: 32px;
}
.upload-instruction p {
    font-size: 32px;
    margin: 0;
}
.casablanca-css a {
    color: inherit !important;
}

.oauth:hover {
    color: #fff !important;
}
button.dual-btn {
    margin-top: 32px !important;
    width: 48% !important;
}
.card-title {padding: 0 20%;text-align:  left;font-size: 32px;color: #d6d3d3;}
.error2 {
    color: #ae4a84;
}
p.subtitle {
    font-size:  16px;
    padding: 0 20%;
    text-align:  left;
    color: #666666;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.img-upload{
    padding-top: 16px;
    width: 40%;
}
.btn-file {
    color: #fff;
    background: #666666;
}
.image-filename {padding: 0 4px !important;margin-bottom:  0 !important;}
.input-comment {
    font-size: 12px;
    color: #ae4a84;
    text-align:  left;
}
.full-upload {
    margin: 8px;
    background: #e2e2ea;
    height: 4px;
}

.process-bar {
    background: #ae4a84;
    height: 100%;
    width: 0%;
}

.upload-progress{
  display: none;
}
textarea#description {
    margin-bottom: 4px;
    height: 144px;
    resize: none;
}
.emphasize{
    margin:  0 4px;
    font-weight: 700;
    color: #f56ab9;
    text-transform: capitalize;
    font-size: 16px;
}
.account-tab {
    text-align: center;
    margin: 64px 0;
    display: inline-block;
    background: #f5f5f5;
    font-size: 24px;
    border-radius: 24px;
}
.account-tab a {
    width: 33% !important;
    padding: 0px 12px;
}

.account-tab .left-term{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}


.account-tab .right-term{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.user-profile{
    color: #ddd;
    padding-top: 24px;
    font-size: 48px;
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background: #f5f5f5;
}

h4,
p.user-greetings 
{text-transform:  capitalize;font-size: 40px;margin: 16px;}
.account-tab a {
    color: #a09f9f !important;
}

.account-tab .selected,
.account-tab a:hover,
.account-tab a:focus,
.account-tab a:active{
    background: #b9b9b9;
    color: #eee !important;
}
.widget {
    width: 46%;
    background: #fcfcfc;
    height: 180px;
    margin: 32px 2%;
    border-radius: 16px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4,0.0,0.2,1);
}
.bar-axis{
    border-left: #ae4a84 4px solid;
    border-bottom: #ae4a84 4px solid;
    height: 360px;
    background:  #fdfdfd;
    margin: 32px 0;
}
.wid-logo img {
    width: 80%;
    padding-top: 32px;
}

.profile-upload {
    display:  inline-block;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    background: #ae4a84;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position:  relative;
    top: -32px;
    left: 32px;
}
select.navigator,
select.filter {
    width: max-content;
    background:  #fff;
    font-size: 20px;
    padding: 8px;
    border-radius: 6px;
    margin: 32px 4px;
    border: none;
}
img.product-pic {
    border-radius: 4px;
    margin:  0;
    border: #3333331a solid 1px;
    width: 100%;
}
h5.product-title {
    margin-top: 12px;
    font-size: 20px;
    color:  #333;
    text-transform:  capitalize;
    font-weight:  700;
}

small.descriptions {
    color: #444343;
}

.product-user-description {
    display:  table;
    height:  100px;
    overflow:  -webkit-paged-y;
}
.description-main {margin-bottom: 6em;width: auto;height: max-content;overflow: auto;padding: 16px;font-size: 16px;line-height: 24px;background: #f6f6f6;}
.image-control {
    position:  relative;
    top: 144px;
    font-size: 30px;
    display:  inline-block;
}

.right {
    left: 80%;
}

.left {
    left: 4%;
}
.image-control{
    display:  none;
    cursor: pointer;
}
.product-card img {
    width: 90%;
}
.product-tag {
    padding: 16px;
    background: #f9f9f9;
}

p.tag-price {
    color: #333;
    font-size: 20px;
    font-weight: 700;
}

p.tag-name {
    font-size: 16px;
    color: #5c6478;
}

.product-thumbnail {
    padding: 0;
    margin-top: 16px;
    border: #d6d3d3 1px solid;
    margin-bottom: 32px !important;
}
.product-thumbnail:hover{
  opacity: 0.7;
}

/* new  */
h2.category-title {
    line-height: 32px;
    color: #3b3a3a;
    font-weight:  700;
    font-size: 26px;
}
.search-view {
    margin-top:  84px;
    margin-bottom: 64px;
}
@media (min-width: 768px){
    .col-sm-4 {
        width: 30%;
        width: 33.33333333%;
        width: 30%;
        margin-right: 1%;
    }
}
#displayProduct {min-height: calc(100vh - 60px);margin-top: 144px;}
#categories h5 {
    margin-bottom: 40px;
    font-weight:  700;
}
small.right a {
    font-size: 16px;
    font-weight: 700;
}
@media(max-width:800px) {
  .search-portion {
    width: 80%;
  }
  .search-portion-item {
    margin: 6px 0;
  }
  i.fa.fa-map-marker.select-icon {
    top: 22px;
  }
  .home-intro {
    padding-top: 240px;
  }
  .navbar-toggle{
    border-color: none;
  }
}
ul.nav.navbar-nav.navbar-right {
    margin-top: 8px;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  background: #a5a7aa40; 
  border-radius: 10px;
}
.product-image-box {
    padding-top: 0;
    height: 590px;
    /* background: #f6f6f67a; */
    overflow:  auto;
}
h4.product-price {
    margin-top: 40px;
    margin-left: 0;
    color: #ae4a84;
    font-weight:  700;
    font-size: 48px;
}
.descriptions i.fa {
    margin: 0 7px;
    color: #2b2a29;
}

.descriptions p {
    margin-bottom: 12px;
}
button.getNumber {
    margin-top: 27px;
    color:  #fff;
    background: #ae4a84;
    border: none;
    padding: 12px;
}
button.getNumber:hover{
  opacity: 0.8
}

.about-seller {
    margin-top:  20px;
}
p.seller-name {
    font-size: 24px;
    text-transform: capitalize;
}
p.phone-display {
    margin-top: 8px;
    display: none;
}
.phoneNumber {
    font-size: 24px;
    font-weight: 700;
    margin-top:  32px;
    color: #333;
}
.modal.prompt {
    /* display:  block; */
    text-align:  center;
}

.prompt .modal-body {
    font-weight:  700;
    display:  inline-block;
    background:  #fff;
    margin-top: 80px;
    font-size:  16px;
    box-shadow: 0 2px 8px 0 rgba(12, 12, 12, 0.64);
    color: #333;
}

.prompt button {
    background: #ae4a84;
    color:  #fff;
    width: 96px;
    padding: 6px 0;
    border: none;
    margin: 8px;
}
ul.categories li {margin: 12px 0;font-size: 14px;}
.search-view .search-portion {
    background-color: #ededed !important;
    margin: 32px 0;
}
.search-view .product-card {
    height: 240px;
}
.search-view hr {
    margin-bottom: 64px;
}
.category a {
    color: #333 !important;
}
.search-suggestions {
    display: none;
    background: #fff;
    position: absolute;
    width: max-content;
    min-width: 247px;
    margin-top: 58px;
}

.search-suggestions li{
    padding: 4px 16px;
    text-align:  left;
}

.search-suggestions li:hover{
    background: #eee;
}