@charset "utf-8";
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 100;
   font-display: swap;
   src: url(/fonts/Poppins/Poppins-ExtraLight.ttf);
}
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(/fonts/Poppins/Poppins-Light.ttf);
}
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(/fonts/Poppins/Poppins-Regular.ttf);
}
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(/fonts/Poppins/Poppins-Medium.ttf);
}
@font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(/fonts/Poppins/Poppins-Bold.ttf);
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(/fonts/Roboto/Roboto-Light.ttf);
}
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(/fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(/fonts/Roboto/Roboto-Bold.ttf);
}

.modal-backdrop.show:first-child{
   display: none !important;
   opacity: 0 !important;
   z-index: -1;
}

#un-button.un-left.css3 {
   left: -46px;
   top: 65%;
   -webkit-transform-origin: 0 0;
   -o-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
}

#un-button {
   border:1px solid #ccc;
   position: fixed;
   font-weight:bold;
   font-family:'Montserrat-Light';
   letter-spacing:2px;
   z-index: 9997;
   text-decoration: none;
   color: white !important;
   border-radius: 4px;
   padding: 14px 15px 12px 12px;
   line-height: 14px;
   float: none;
}

/* ======DEFAULT BROWSER STYLE========= */
a:focus,
a:hover {
   text-decoration: none;
   transition: 300ms ease-in-out;
}

/* =========== SPACE CLASSES=========== */
.space3 {
   margin-top: 3px;
}
.space5 {
   margin-top: 5px;
}
.space10 {
   margin-top: 10px;
}
.space15 {
   margin-top: 15px;
}
.space20 {
   margin-top: 20px!important;
}
.space25 {
   margin-top: 25px;
}
.space30 {
   margin-top: 30px!important;
}
.space40 {
   margin-top: 40px;
}
.space50 {
   margin-top: 50px!important;
}
.space60 {
   margin-top: 60px;
}
.space70 {
   margin-top: 70px;
}
.space80 {
   margin-top: 80px;
}
.space100 {
   margin-top: 100px;
}
.pad0 {
   padding: 0!important;
}
.m0{
   margin: 0!important;
}
.mleft0 {
   margin-left: 0!important;
}

.visible-xs{
   display: none;
}
.red-color{
   color: red !important;
}

.gnav-header .notifications-dropdown {
   margin-left: -145px;
   width:385px !important;
}

.gnav-header .messages-dropdown {
   margin-left: -190px;
   width:385px !important;
}

@media (max-width: 629px) {
   .gnav-header .notifications-dropdown,
   .gnav-header .messages-dropdown ,
   .user-menu .dropdown-menu{
   display: none;
   }
}

.gnav-header .dropdown-menu .dropdown-item {
   font-size: 15px !important;
   padding: 5px !important;
   padding-left:20px !important;
   margin-top: 2px !important;
   padding-right: 20px !important;
}

.notifications-dropdown .dropdown-header,
.messages-dropdown .dropdown-header {
   margin-top:-7px;
   color:inherit;
   font-size:15px;
   background-color:#f7f7f7;
   border-bottom:1px solid #ebebeb;
}

/*=================================================================================================*/
header .dropdown-menu {
   top: 94%;
   border-radius: 0;
}

.list-inline-item .d-icon.dropdown-toggle::after {
   display: none;
}

.affix .mr-auto,.affix  .mx-auto {
   margin-right: auto!important;
   margin-left: auto !important;
}
.affix {
   position: fixed;
   background: #fff;
   width: 100%;
   z-index: 999;
   top: 0;
   left: 0;
   right: 0;
}

header .input-group .form-control:not(:last-child) {
   background: url(../images/srch.png) no-repeat;
   background-position: 3%;
   background-color: #fff;

}
header .form-control {
   padding: 6px 35px;
   font-size: 13px;
   border-radius: 2px;
}
header .input-group {
   width: 100%;
   margin-top: 20px;
}

@media (max-width: 769px) {
   .user-balance { display:none; }

   .hide-in-xs { display:none; }

   .login.collapse.navbar-collapse {
      height:360px;
      overflow-x:hidden;
      overflow-y:auto;
      position:relative;
      width:100% !important;
   }

   .top_login_btn li{
      margin-bottom:10px;
      margin-left:20px !important;
   }

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

   .bg-color-top {
      background-color: #333333 !important;
   }

   .make-black {
      color: black !important;
   }

   .top_login_btn li:last-child {
      margin-left:50px;
   }

   .swal2-popup .swal2-styled.swal2-confirm {
      background-color: #28a745 !important;
   }

   .mega-drop-down { display:none; }
}

.swal2-popup .swal2-styled.swal2-confirm {
   background-color: #28a745 !important;
}

.top_login_btn li:last-child {
   margin-right:-0px;
   margin-left:10px;
}

.top_login_btn li a {
   font-size: 15px;
   margin-left:12px;
   color:#fff;
}
.top_login_btn {
   margin: 0;
   padding: 20px 0;
}

.top_login_btn li .dropdown-menu .dropdown-item { color:black; margin-left:0; }

.top_login_btn li .user-menu a{color:black;}

.top_login_btn li .user-menu a i {
    position:absolute;
    left:14px;
    top:27px;
    font-size:8px;
    color:#28a745;
}

.top_btn li{
   padding: 0 15px;
}
.top_btn li a{
   color: #6b7b84;
   font-size: 14px;
}
.top_btn{
   margin: 0;
   padding: 20px 0;
}

.navbar-light .navbar-nav .nav-link, .mega-drop-down a{
   color: black;
   font-size: 14px;
   margin: 0 17px 0 0;
   padding-top: 10px;
   padding-bottom: 6px;
}

.container .dropdown-menu {
   margin-top:10px;
   position:relative;
}

.collapse.navbar-collapse {
   height:360px;
   overflow-x:hidden;
   overflow-y:auto;
   position:relative;
   width:70% !important;
}

.container .list-inline-item .new-indicator {
   position:absolute;
   top:20px;
   font-size:1.1rem;
}

.container .list-inline-item .number {
   position:absolute;
   top:8px;
   left:0;
   width:22.625px;
   text-align:center;
   color:white;
   font-size:0.5rem;
}

.dropdown-menu.notifications-dropdown,
.dropdown-menu.messages-dropdown {
   width:350px;
}

@media (max-width: 66em) {
   .dropdown-menu.notifications-dropdown,
   .dropdown-menu.messages-dropdown {
      width:340px;
   }
}

.notifications-dropdown .dropdown-header,
.messages-dropdown .dropdown-header {
   margin-top:-7px;
   color:inherit;
   font-size:15px;
   background-color:#f7f7f7;
   border-bottom:1px solid #ebebeb;
}

.header-message-div {
   padding-bottom:0px;
   padding-top: 10px;
   border-bottom:1px solid #ccc;
   padding-left:15px;
   height:85px;
}

.header-message-div-unread {
   background:#ebf2f5;
   padding-bottom:0px;
   padding-top: 10px;
   border-bottom:1px solid #ccc;
   padding-left:15px;
   height:85px;
}

.header-message-div:last-child {
   border-bottom:0px;
}

.header-message-div a:hover,
.header-message-div-unread a:hover {
   text-decoration:none;
}

.header-message-div .heading,
.header-message-div-unread .heading {
   font-weight: bold;
   position:relative;
   margin-left:13px;
   top:-13px;
   color:black;
   font-size:15px;
}

.header-message-div .message,
.header-message-div-unread .message {
   font-size:15px;
   position:relative;
   margin-left:55px;
   top:-28px;
   left:20px;
   width: 80%;
   color:black;
}

.header-message-div .date,
.header-message-div-unread .date {
   position:relative;
   font-size:14px;
   margin-left:55px;
   margin-bottom:0px;
   top:-40px;
   left:20px;
   height:0px;
}

.dropdown-submenu {
   padding-top:5px;
   padding-bottom:5px;
   background-color:#e9e9e9;
}

.navbar-nav .nav-item{
   border-bottom: 5px solid transparent;
}
.navbar-nav .nav-item:hover{
    border-bottom: 5px solid #38b22c;
}
.mega-drop-down:hover{
    border-bottom: 5px solid #38b22c;
}

.navbar{
   margin: 0;
   padding: 0;
}

header hr {
   margin-top: 0;
   margin-bottom: 0;
   border: 0;
   border-top: 1px solid #E1E3DF;
}

@media only screen and (min-width: 768px) {
   .main .form-control {
      position: relative;
      top: -100px;
   }

   .move-icon-up {
      position: relative;
      top: -100px;
   }
}

@media only screen and (max-width: 600px) {
   .move-icon-up img {
      position: relative;
      top: -1px;
      width: 50%;
   }
}

.main .form-control {
   height: 55px;
   margin: 0 auto;
   display: block;
   padding: 10px 12px;
   font-size: 13px;
}

.main .input-group {
   width: 430px !important;
}

.input-group-append {
   background: #28a745;
   width: 54px;
   text-align: center;
   display: block;
   border-radius: 4px;
}

.search_button {
   width:100%;
   height:100%;
   background:none;
   border:none;
}

.srch2{
   position: relative;
}

.main .input-group .form-control:not(:last-child){
   border-radius: 4px;
}

.main .offset-md-3 {
   margin-left: 30%;
}

.main .input-group-append {
   margin-left: 6px;
}

.dil{
   cursor:pointer;
   color: #28a745;
}
.dil1{
   cursor:pointer;
   color: #d1d3d4;
}
/* .proposal-card-base .proposal-seller-info .fit-avatar.s24 {
   width: 13%
} */
.seller-info-wrapper{
   width: 74%;
   overflow: hidden;
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


@media(max-width: 1359px){

   .seller-info-wrapper{
      width: 68%;
   }

}

@media(max-width: 1199px){

   .seller-info-wrapper{
      width: 72%;
   }

}

@media(max-width: 991px){

   .seller-info-wrapper{
      width: 75%;
   }

}

@media(max-width: 767px){

   .seller-info-wrapper{
      width: 80%;
   }

}

@media(max-width: 667px){

   .seller-info-wrapper{
      width: 77%;
   }

}

@media(max-width: 577px){

   .seller-info-wrapper{
      width: 74%;
   }

}

@media(max-width: 522px){

   .seller-info-wrapper{
      width: 71%;
   }

}

@media(max-width: 479px){

   .seller-info-wrapper{
      width: 83%;
   }

}

@media(max-width: 400px){

   .seller-info-wrapper{
      width: 78%;
   }

}

.top p{
   font-size: 14px;
   color: #58595b;
}
.top h6{
   display: inline-block;
   font-size: 13px;
   color: #6d6e71;
}

.litl {
   border-radius:50%;
}

.litl, .name, .star, .star_icon{
   display: inline-block;
}
.top h5{
   font-size: 11.77px;
   color: #acacac;
   display: inline-block;
}
.star_icon{
   font-size: 10px;
   color: #ffa726;
}
.top .list-inline-item:not(:last-child){
   margin: 0.5px;
}
.star{
   float: right;
}
.thumbnail{
   border:1px solid #ddd;
   border-radius: 4px;
}
.thumbnail .caption{
   padding: 5px;
}
.btn_view{
   font-size: 10.56px;
   color: #28a745;
   font-family: 'Montserrat-Regular';
   text-transform: uppercase;
   margin: 0 auto;
   display: block;
   width: 112px;
   height: 40px;
   background: #fff;
   border:2px solid #28a745;
   border-radius: 5px;
   margin-top: 30px;
   transition: 0.4s;
   -o-transition: 0.4s;
   -webkit-transition: 0.4s;
   -moz-transition: 0.4s;
}
.btn_view:hover{
   background: #28a745;
   color: #fff;
}

/*===============*/
/*=================*/
.mega-menu{
   border:1px solid #ddd;
    margin-top: 18px;
    z-index: 999;
}
.mega-menu:hover{
   display: block;
}

.clearfix:after,
.clearfix:before {
  content: '';
  display: table
}

.clearfix:after {
  clear: both;
  display: block
}
/*ul{
   list-style:none;
   margin: 0;
   padding: 0;
}*/
.content{
   margin: 50px 100px 0px 100px;
}
a.toggle-menu {
   position: absolute;
   right: 0px;
   padding: 20px;
   font-size: 27px;
   background-color: #ccc;
   color: #23364B;
   top: 0px;
}
.exo-menu{
   width: 100%;
   float: left;
   list-style: none;
   position:relative;
   background: #23364B;
}
.exo-menu > li {
   float:left;
}
.exo-menu > li > a{
   color: #ccc;
   text-decoration: none;
   text-transform: uppercase;
   border-right: 1px #365670 dotted;
   -webkit-transition: color 0.2s linear, background 0.2s linear;
   -moz-transition: color 0.2s linear, background 0.2s linear;
   -o-transition: color 0.2s linear, background 0.2s linear;
   transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{
   background:#009FE1;
   color:#fff;
}
.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}
li.drop-down>ul{
   left: 0px;
   min-width: 230px;

}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
   color: #fff;
   display: block;
   padding: 20px 22px;
   text-decoration: none;
   background-color: #365670;
   border-bottom: 1px dotted #547787;
   -webkit-transition: color 0.2s linear, background 0.2s linear;
   -moz-transition: color 0.2s linear, background 0.2s linear;
   -o-transition: color 0.2s linear, background 0.2s linear;
   transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
   border-bottom: 1px dotted #B8C7BC;
}

/*Flyout Mega*/
.flyout-mega-wrap {
   top: 0;
   right: 0;
   left: 100%;
   width: 100%;
   display:none;
   height: 100%;
   padding: 15px;
   min-width: 742px;

}
h4.row.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus {
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}

/*mega menu*/
.mega-menu {
   padding: 15px;
   display: none;
   padding-top: 0;
   min-height: 100%;
   top: 10px;
   z-index: 999;
   border: 0;
   width: 45%;
   padding-top: 20px;
}

.mega-menu:first-child {
margin-left: -0px !important;
}

h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670
  }
.mega-menu ul li a {
  line-height: 30px;
  font-size: 90%;
  padding-left: 15px;
  display: block;
}
ul.stander li a {
   padding: 3px 0px;
}

ul.description li {
   padding-bottom: 0;
   line-height: 8px;
}

a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
   color:#fff;
   background:#0DADEF;
}
ul.icon-des li a i {
   color: #fff;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   text-align: center;
   background-color: #009FE1;
   line-height: 35px !important;
}

ul.icon-des li {
   width: 100%;
   display: table;
   margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
   left:0;
   display:none;
   color:#fefefe;
   padding-top:15px;
   background:#547787;
   padding-bottom:15px;
}
.Blog .blog-title{
   color:#fff;
   font-size:15px;
   text-transform:uppercase;

}
.Blog .blog-des{
   color:#ccc;
   font-size:90%;
   margin-top:15px;
}
.Blog a.view-more{
   margin-top:0px;
}
/*Images*/
.Images{
   left:0;
   width:100%;
    display:none;
   color:#fefefe;
   padding-top:15px;
   background:#547787;
   padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
   background-color: #fff;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
   display:block;
}
/*responsive*/

.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
      position:absolute;
}
.flyout-right>ul{
   left: 100%;
}
.flyout-left>ul{
   right: 100%;
}

a.toggle-menu{
   position: absolute;
   right: 0px;
   padding: 20px;
   font-size: 27px;
   background-color: #ccc;
   color: #23364B;
   top: 0px;
}



@media(max-width: 1118px){

.mega-menu{
margin-top: 50px;
left:0 !important;
right:0 !important;
width: 100%;
}

.mega-menu:last-child{
margin-top: 50px;
left:0 !important;
right:0 !important;
margin-left: -0px !important;
width: 100%;
}

}


/*==================================media-===========================================*/
@media (max-width: 1024px) {
   .navbar-light .navbar-nav .nav-link,.mega-drop-down a {
      /*margin: 0;*/
      font-size: 12px;
      overflow-y: scroll;
      padding: 3px;
   }

   .top h6 {
      font-size: 11px;
   }

   .star_icon {
      font-size: 9px;
   }

   .top p {
      font-size: 12px;
   }
 
   .mega-menu ul li a {
      font-size: 75%;

   }
}


@media(max-width: 991px){
   .mega-menu {
      left:0;
      right:0;
      width: 100% !important;
   }

   .mega-menu:last-child {
      margin-left:0px !important;
   }

   .logo {
      font-size: 25.18px;
   }
   .top_btn li {
      padding: 0 11px;
   }
   .btn_search, .btn_join {
      font-size: 10px;
      width: 100%;
   }

   .blu_box{
      padding: 0;
   }
   .box{
      padding: 50px 5px 21px 34px
   }
   .mega-menu {
      margin-top: 31px;
   }
}
@media(max-width: 767px){
   .visible-xs{
      display: block;
   }

   .hidden-xs{
      display: none;
   }

   .top_btn li {
      padding: 0 8px;
   }

   .main .offset-md-3 {
      margin-left: 0;
   }

   .main .form-control {
      height: 37px;
   }
   .market h2, .top h1 {
      font-size: 25.1px;
   }

   .market .space80 {
      margin-top: 50px;
   }
   .timer {
      padding: 40px 0;
   }
   .box{
      padding: 60px 0 60px 50px;
   }
   .thumbnail .t_img{
      width: 100%;
   }
   .name, .star {
      display: inline-block;
   }
   .star {
      float: right;
   }
   .top p br{
      display: none;
   }
   .navbar-light .navbar-brand{
      color: #28a745;
      margin: 10px 0;
   }
   .navbar-light .navbar-toggler{
      border-color: #28a745;
   }
   footer h5 {
      font-size: 13px;
   }
   .market h4, .top h4 {
      font-size: 15px;
   }
   footer ul li {
      padding: 0px 0;
   }
    .pic, .pic1{
      width:60%;
   }

   .drop-down{ height:100% !important; }


}

@media(max-width: 320px){
   .market h2, .top h1 {
      font-size: 23.1px;
   }
}


/*** Slider Styles ***/
.carousel-control-prev{
   height:60%;
   top:20%;
}

.carousel-control-next{
   height:60%;
   top:20%;
}

.audio-player{
   height: 440px; width: 100%;
}

audio.embed-responsive{
   height: 428px;
   direction: ltl;
   border-top-right-radius: 0.5em 0.5em;
   border-bottom-right-radius: 1em 0.7em;
}

video.embed-responsive,
audio.embed-responsive {
   max-height:428px !important;
}

.slide-fullscreen {
   cursor: pointer;
   background-color: rgba(0,0,0,.5);
   font-size: 14px;
   color: #fff;
   position: absolute;
   z-index: 4;
   line-height: 32px;
   padding: 0 1em;
   border-radius: 4px;
   top: 20px;
   right: 20px;
   display: inline-block;
   opacity: 0;
   transition: opacity .25s ease-in-out;
   transition-delay: 0;
}

.slide-fullscreen:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f0b2";
   margin-right: 0.5em;
   display: inline-block;
}

/* Register, Login & Forgot Password modal boxes */

.phoneNo .input-group-addon{
  width: 38%;
}

.phoneNo .input-group-addon select{
  flex: auto; width: 0%; border-top-right-radius: 0;border-bottom-right-radius: 0;
}

.modal-form.register {

   max-width:500px !important;
   margin-top:10% !important;

}

.modal-form {

   max-width:350px !important;

   margin-top:30% !important;

}


.modal-form input[type=text],
.modal-form input[type=email],
.modal-form input[type=password]{

   height:44px;

   font-size:16px;

   width:100%;

   margin-bottom:10px;

   background:#fff;

   border:1px solid #d9d9d9;

   border-top: 1px solid #c0c0c0;


   padding:0 8px;

   box-sizing: border-box;

}


.modal-form input[type=text]:hover,
.modal-form input[type=email]:hover,
.modal-form input[type=password]:hover {
   border: 1px solid #b9b9b9;
   border-top: 1px solid #a0a0a0;
   box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1);
   -moz-box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1);
   -webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1);
}

.modal-form .form-text {
   font-weight:bold;
}

.modal-form a {
   color: #666;
   font-weight:bold;
   text-align:center;
}

.modal-header .fa {
   position: relative;
   top: 6px;
   font-size: 127%;
   padding-right: 5px;
}

.fa-log {
   position: relative;
   top: 6px;
   font-size: 130% !important;
   padding-right: 6px !important;
}

.modal-form a {
   color: #666;
   text-align: center;
   font-weight: bold;
}

/** Search & Categories styles **/
.bg-white {
   /* background: #ebebeb !important; */
   background: #fff;
}
.header-search {
   background-color: #ebebeb;
   padding: 100px;
}

.clearlink{
   display: none;
}

.loader {
   display: block;
   cursor: wait;
   position: fixed;
   z-index: 7000;
   background-image: url(../images/loading.gif);
   background-color: #666 ;
   opacity: 0.4;
   background-repeat: no-repeat;
   background-position: center;
   left: 0;
   bottom: 0;
   right: 0;
   top: 0;
}

.page-link {
   color: #00a64b !important;
   font-weight: bold;
}

/** Category sidebar **/

#proposal_category .nav-link {
   padding: .1rem 0rem 0.5rem 0;
}
#proposal_category li:last-child {
   padding-bottom: 15px !important;
}
#proposal_category .nav-link.active a {
   color: #333333 !important;
   font-weight: 500;
}
#proposal_category li ul li {
   margin-left: 20px;
}
#proposal_category li ul .nav-link.active {
   color: #333333 !important;
   font-weight: 500;
}

/** Custom checkboxes styles **/

.checkbox span {
   display: inline-block;
   vertical-align: middle;
   position: relative;
   padding-left: 5px;
}

.checkbox span::before {
   content: "";
   display: inline-block;
   position: absolute;
   width: 17px;
   height: 17px;
   left: 0;
   top: 2px;
   margin-left: -20px;
   border:2px solid #cccccc;
   border-radius: 3px;
   background: #fff;
   transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox span::after {
   display: inline-block;
   position: absolute;
   width: 16px;
   height: 16px;
   left: -1px;
   top: 2.5px;
   margin-left: -20px;
   padding-left: 3px;
   padding-top: 1px;
   font-size: 11px;
   color: #555555;
}

.checkbox input[type="checkbox"]{
   opacity: 0;
   z-index: 1;
   cursor: pointer;
}

.checkbox input[type="checkbox"]:focus + span::before {
   outline: thin dotted;
   outline: 5px auto;
   outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + span::after {
   font-family: "FontAwesome";
   content: "\f00c";
}

.checkbox-success input[type="checkbox"]:checked + span::before {
   background-color: #00a64b;
   border-color: #00a64b;
}

.checkbox-success input[type="checkbox"]:checked + span::after {
   color: #fff;
}



/* Custom Radio Button Styles */

.checkcontainer {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
}

.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 20px;
  width: 20px;
  border:1.5px solid #eee;
  background-color: white;
  border-radius: 50%;
}

.checkcontainer input:checked ~ .checkmark {
  background-color: #00a64b;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

.checkcontainer .checkmark:after {
  top:4px;
  left:5px;
  width:8px;
  height:8px;
  border-radius: 50%;
  background: white;
}



/** Mobile Categories Styles **/

.mobile-category {

   background:white;

   border:1px solid #e5e5e5;

   margin-bottom:10px;

}


.mobile-category a {

   text-decoration:none;

   color:black;

}

.mobile-category a:hover {

   text-decoration:none;

   color:black;

}


.mobile-category .category-picture img{

   width:50px;

   height:50px;

}


.mobile-category .category-text {

margin-left:60px;

margin-top:-50px;

}

.mobile-category .category-text .category-title {

margin-left:10px;

}

.mobile-category .category-text .category-desc {
   margin-top:-15px;
   font-size:13px;
   margin-left:10px;
   margin-right:5px;
}

/** Proposals Divs Styles **/
.proposals [class*='col-xs-'],
.proposals [class*='col-sm-'],
.proposals [class*='col-md-'],
.proposals [class*='col-lg-'],
.proposals [class*='col-xl-'] {
   padding-left: 13px !important;
   padding-right: 13px !important;
}

.user-proposals {
   margin-right: -6px;
   margin-left: -6px;
}

.user-proposals [class*='col-xs-'],
.user-proposals [class*='col-sm-'],
.user-proposals [class*='col-md-'],
.user-proposals [class*='col-lg-'],
.user-proposals [class*='col-xl-'] {
   padding-left: 10px;
   padding-right: 10px;
}

.add-new-proposal {
   background-color: #eee;
   border: 0;
   text-align: center;
   color: #555;
   font-size: 14px;
   font-weight: 700;
   text-transform: capitalize;
   margin-right: 0;
   height:100%;
   padding-bottom: 80px;
}

.add-new-proposal:before {
  content: '+';
  background-color: #78cdd2;
  color: #fff;
  font-size: 48px;
  font-weight: 400;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  display: block;
  margin: 70px auto 20px;
  line-height: 67px;
}

.proposal-card-base .proposal-seller-info {
   background-color: #fff;
   color: #b2b2b2;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   font-size: 12px;
   line-height: 16px;
   font-weight: 450;
   padding: 8px 12px 0;
   height: 41px;
   position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   min-height: auto;
   border: none;
   margin-top: 0;
}

.proposal-card-base .proposal-seller-info .fit-avatar.s24 {
   margin-top: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}

.fit-avatar.s24, .fit-avatar.s24 img {
   width: 24px;
   height: 24px;
}

.fit-avatar.s24 {
   margin-right: 8px;
   margin-top: 4px;
}

.proposal-card-base .proposal-link-main h3:hover{
   color: #1dbf73;
}

.proposal-card-base .proposal-link-main h3 {
color: #303030;
   margin: 0 12px 10px;
   font-size: 15px;
   line-height: 20px;
   font-weight: 400;
   height: 43px;
   overflow: hidden;
   padding-top: 5px;
   display: block;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.proposal-card-base.mp-proposal-card .rating-badges-container {
   min-height: 25px;
   margin-top: 2px;
}

.proposal-card-base .proposal-rating {
   line-height: 15px;
   color: #b2b2b2;
   font-size: 13px;
   padding: 0 12px 4px;
   display: inline-block;
   min-height: 21px;
   position: relative;
}

.proposal-card-base .proposal-rating svg {
   float: left;
   width: 15px;
   height: 15px;
   margin: -1px 5px 0 0;
}

.proposal-card-base .proposal-rating strong {
   color: #ffbf00;
   margin-right: 4px;
}

.fit-svg-icon path {
   fill: #ffbf00;
}

.proposal-card-base.mp-proposal-card .proposal-card-footer {
   height: 41px;
   border-top: 1px solid #eee;
}

.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-fav {
   left: 2px;
}

.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-price {
   position: absolute;
   bottom: 6.5px;
}

.proposal-card-base .proposal-fav {
   padding: 12px 12px 0;
   white-space: nowrap;
}

.proposal-fav .icn-list svg {
   width: 18px;
   min-width: 18px;
   height: 18px;
   position: relative;
   display: inline-block;
   margin-right: 6px;
   bottom: -9px;
   text-decoration: none!important;
}

.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-price {
   right: 0;
}

.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-fav{
   position: absolute;
   bottom: 13px;
}

.proposal-card-base .proposal-price a {
   font-size: 18px;
   line-height: 20px;
   color: #555;
   font-weight: 500;
   padding: 10px 12px 0 0;
}

.proposal-card-base .proposal-price a small {
   color: #555;
   font-size: 11px;
   text-transform: uppercase;
   display: inline-block;
   vertical-align: top;
   padding: 1px 5px 0 0;
}

/*** User Profile Page Styles  ***/
.btn-move-right {
   margin-left: 186px;
}
.user-sidebar .card-body .card-hr {
margin-right:-15px;
margin-left:-15px;
}
.user-sidebar .card-body .card-li {
font-size:1rem;
font-weight:400;
}
.user-reviews .card-header .rating {
   margin-top:-7px;
}
.user-reviews .card-header ul li {
   cursor:pointer;
}
.user-reviews .card-header .active {
background-color: #00a64b !important;
}
.move-left-text {
   position: relative;
   left: 5px !important;
}



/** Login **/

.box-login {
background:#fff;
border: solid 1px #e6e6e6;
padding:8px 20px 20px 20px;
margin-bottom:40px;
border-radius:5px;
box-shadow:0px 0px 8px rgba(0,0,0,0.4);
}

.box-login .logo {
width:100px;    
border-radius:50%;
margin:0 auto;
display:block;
}

.box-login input[type=text],
.box-login input[type=password] {
height:44px;
font-size:17px;
}

.box-login input[type=submit]{
   padding:15px 0px;
   font-size:18px;
}

.box-login .text-center a{
   font-size:15px;
   color: #28a745;
}

.box-login .fa.fa-unlock-alt {
   color: #28a745;
   font-size: 130%;
}

/*** Change Passowrd Styles ***/

.change-pass #meter_wrapper {

   border:1px solid gray;
   width:202px;
   height:25px;
   border-radius:3px;
}


.change-pass #meter {

   height:23px;

}

.change-pass #pass_type {
   font-size: 14px;
   margin-top: 13px;
   position: absolute;
   top: -5px;
   right: 86px;
   font-weight: bold;
   color: black;
}


@media (max-width: 580px){

   .change-pass .input-group .input-group-addon:last-child{

   display:none;

   }


   .change-pass .input-group input {

      border-radius:3px !important;

   }

}



/**  Login User Home Page Styles **/

.welcome-box h5{
font-weight: 500;
}

.welcome-box .row h5 {
font-size: 16px;
margin-bottom: 15px;
font-weight: 300;
}

.welcome-box .row div:first-child {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}


@media (max-width: 1200px) {

.welcome-box .row div:first-child { border:none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.welcome-box .row div{
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
}

}

@media (max-width: 767px) {

.welcome-box .row div:first-child { border:none; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.welcome-box .row h5 { font-size: 17px; }
.welcome-box .row div{  width: auto; }
/*.welcome-box .row div:last-child { padding-left: 1rem !important; }*/

}

.user-home-img-responsive {
   height:50px;
}
.user-home-sidebar-sec .card-body a:hover {
   color: #28a745 !important;
}
.user-home-sidebar-sec .text-dropping {
   font-size: 90% !important;
}
_:-ms-fullscreen, :root .user-home-sidebar-sec {
height: 350px;
max-height: auto;
}
@media (min-width: 576px) and (max-width: 767px) {
_:-ms-fullscreen, :root .user-home-sidebar-sec { 
height: 450px;
max-height: auto;
}
}

/**  Medium Devices (Tablets, 768px and up) **/

@media (min-width: 768px) and (max-width: 991px) {
   .user-home-img-responsive {
      height:60px;
   }
   .user-home-title-responsive {
   margin-top:5px;
   font-size:15px;
   }
}

/** Small Devices (Landscpe, Phones 576px and up) **/

@media (min-width: 576px) and (max-width: 767px) {
   .user-home-img-responsive {
      height:80px;
      margin-bottom:6px;
   }
   .user-home-title-responsive {
      font-size:15px;
   }
}


/**  Extra Small Devices (portrait phones, less than 576px) **/

@media (max-width: 575px){
   
   .user-home-img-responsive {
      width: 106px;
      height: 60px;
      margin-bottom: 5px;
   }
   .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
       border-color: #ddd #ddd #ddd;
   }
   .nav-tabs .nav-link {
       border-top-left-radius: 0px;
       border-top-right-radius: 0px;
   }

}


/*** Buyer Requests Styles ***/

.box-table {
background:#fff;
margin-bottom:30px;
border:1px solid #e6e6e6;
box-sizing: border-box;
box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
}


.buyer-requests .request-img {
margin-top:10px;
width:50px;
height:50px;
}

.buyer-requests .request-description {
margin-left:60px;
margin-top:-50px;
padding:7px 10px;
font-size:14px;
}


.buyer-requests .request-description .text-primary {
font-size:1.25rem;
}

.buyer-requests .request-description .lead {
   font-size:15px;
   font-weight:400;
}


/***  Buyer Requests Send Offers Modal Styles  ***/

#send-offer-modal .modal-dialog {
   max-width:600px !important;
}


.modal-body .request-summary {
padding:15px;
min-height:90px;
background:#eeeeee;
border-bottom:1px solid #dddddd;
}

.modal-body .request-summary #request-description {
   margin-left:70px;
   margin-top:-50px;
   background:#f7f7f7;
   border:1px solid #dddddd;
   color: #999999;
   padding:7px 10px;
   border-radius:3px;
   font-size:14px;
}


.modal-body .request-proposals-list {

padding:15px;

}


.modal-body .request-proposals-list .proposal-picture img {

border-radius:2%;
width:74px !important;
height:53px !important;
}

.modal-body .request-proposals-list .proposal-title {

margin-left:135px;

margin-top:-50px;

font-size:14px;

line-height:20px;

color:#0e0e0f;

padding-bottom:20px;

}

.modal-body .request-proposals-list hr {
   margin-left:-15px !important;
   margin-right:-15px !important;
}

.modal-body .request-proposals-list hr:last-child {
   display:none;
}

.modal-body .radio-custom {
   opacity:0;
   position:absolute;
   outline:0px;
}

.modal-body .radio-custom,
.modal-body .radio-custom-label {

   margin:5px;

   cursor:pointer;
}


.modal-body .radio-custom + .radio-custom-label:before {

   content:'';

   background:#fff;

   border:2px solid #ddd;

   border-radius:50%;

   display:inline-block;

   vertical-align:middle;

   width:20px;

   height:20px;

   padding:2px;

   margin-right:10px;

   }

   .modal-body .radio-custom:checked + .radio-custom-label:before {

      background:#ccc;

      box-shadow: inset 0px 0px 0px 4px #fff;

   }

   #submit-proposal-details .modal-dialog {

      max-width:600px !important;

   }


   .modal-body .selected-proposal .form-control.float-right,

   .modal-body .selected-proposal .input-group.float-right {

      width:160px;


   }

   .modal-body .selected-proposal hr {

      margin-bottom:10px;

      margin-top:10px;

      margin-left:-15px;

      margin-right:-15px;

   }




/** Dasboard sidebar styles **/

.contacts-sidebar .active {

   color: #28a745 !important;
}


.bottom-tabs-dash .active {

 color: #28a745 !important;

}


.contact-title {

   margin-left:65px;

   margin-top:-50px;

}


/*** Dashboard Page Styles ***/



.dashboard .header-message-div .delete,
.dashboard .header-message-div-unread .delete {
   float: right !important;
}

.dashboard .header-message-div,
.dashboard .header-message-div-unread {

padding-left: 20px;
padding-right: 10px;
}

.dashboard .header-message-div .date,.dropdown-menu .header-message-div .date,
.dashboard .header-message-div .message,.dropdown-menu .header-message-div .message,
.dashboard .header-message-div-unread .date, .dropdown-menu .header-message-div-unread .date,
.dashboard .header-message-div-unread .message,.dropdown-menu .header-message-div-unread .message {

margin-left: 45px;

}


.dashboard .header-message-div .heading, 
.dashboard .header-message-div-unread .heading {
    margin-left: 10px !important;
}

.border-box {

   border-right:1.5px solid #a5a5a5;

}

.border-box:last-child {

   border-right:0px;

}

@media (max-width: 767px) {

   .border-box {

      border-right:0px;

      border-bottom:1.5px solid #a5a5a5;

      margin-bottom:3px;

   }

   .border-box:last-child {

   border-bottom:0px;

   }


}

/*** Favorites Page Styles ***/

#favorites h1 {

font-size:40px !important;

}

#favorites .favorite-description {

   font-size:19px !important;

}


#favorites .favorite-owner {

   color:#999999;

   font-size:16px;

}

#favorites .favorite-owner img {

   width:85px;
   height:85px;
   margin-right:12px;
   float:left;
   border-radius:50%;
   margin-bottom: 20px !important;
}


#favorites .favorite-owner a {

   color:#999999;

}

/*** Cart Page Styles ***/

.cart-proposal input.quantity {

   width:50px;

   text-align:center;
}

.cart-proposal hr {

   border-top:2px solid #e0e0e0;

   margin-right:-18px;

   margin-left:-18px;

}

.cart-proposal a:hover,
.cart-proposal h6:hover

{

   color: #28a745 !important;
}

.cart-order-details p {

   font-size:16px;

}

.cart-order-details hr {
   margin-right:-18px;
   margin-left:-18px;
   border-top:2px solid #e0e0e0;
}

.cart-order-details .coupon-response.applied,
.checkout-details .coupon-response.applied{
   background-color: #28a745 !important;
}


.cart-add-sect .remove-link:hover {
   color: #868e96 !important;
}

/*** Cart Payment Options Page Styles ***/

.payment-options .card-body .row .radio-input {

   margin-top:8px;
   height: 18px;
   width: 18px;

}

.payment-options .card-body hr {

    margin-left: -18px;
    margin-right: -18px;

}


/*** Extra Small Devices (portrait phones, less than 576px) ***/

@media (max-width: 575px) {

.payment-options .row .col-1 {

   max-width:10% !important;

}


.payment-options .row .col-11{

   max-width:80% !important;

}

.width-xs-100 {

   width:100% !important;

}



}

/*** Proposal Checkout Page Styles ***/


.checkout-details .card-body hr {
    margin-left: -17px;
    margin-right: -17px;
   margin-top:10px;
   margin-bottom:10px;
}


/*** Selling & Buying Orders Page Styles ***/


.order-proposal-image {

   width:60px;
   height:60px;
   margin-top:-5px;
   margin-bottom:5px;
}


.order-proposal-title {

   margin-top:-48px;

   margin-left:70px;

   font-size:16px;

   color: black !important;

}

/***  Order Details Page Styles ***/

.order-page .nav-link.active {

   color: #28a745 !important;
}


.order-page .order-icon{
   position: relative;
   top: -4px;
   margin-right: 0.25rem !important;
   width:30px;
   height:30px;
}

#order-status-bar {

   padding:10px;
   background-color:#fff;
   border-bottom:1px solid #ddd;
   width:100%;
   box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.15);

}

#order-status-bar.completed{
   background-color: #28a745 !important;
}

@media (max-width: 999px) {

#order-status-bar {

margin-top:-43px;

}


}

@media (max-width: 850px) {

.user-balance{ display:none; }

}

@media (max-width: 769px) {

#order-status-bar {

margin-top:-39px;

}

}

.order-status-bar-sticky {

   position:fixed !important;

   top:0px;


   z-index:1000;

}


.order-page .seller-buyer-name {

color:#00b22D;


}

.order-page table thead tr {

   background:#f5f5f5;

}


.order-page .countdown-box {

   text-align:center;

}

.order-page .countdown-box .countdown-number {

   font-size:32px;
   margin-top:8px;
   padding:5px;
   background:#fff;
   border:1px solid #e6e6e6;
   border-radius:5px;
   box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
   color: #28a745 !important;
}


.order-page .countdown-box .countdown-title {

font-size:17px;

background:#f5f5f5;

margin-top:8px;

padding:10px;

}

.order-page .countdown-box .countdown-number-late {

   color:red;

}

.message-div {

   border:1px solid #e6e6e6;

   padding:12px 20px 10px 20px;


}


.message-div-hover {

   background:#f5f5f5;

   border:1px solid #e6e6e6;

   padding:12px 20px 10px 20px;

}

.message-div .message-image,
.message-div-hover .message-image {

   float:left;

   width:45px;

   height:45px;

   margin-right:12px;

   border-radius:50%;


   }




.message-div .message-desc,
.message-div-hover .message-desc {

   margin-left:56px;


}

.message-div .message-desc a,
.message-div-hover .message-desc a {

   white-space:nowrap;

   max-width:0px;

}

.message-div form,
.message-div-hover form {

margin-left:56px;

}

.order-page .order-status-message {

   text-align:center;

   padding:25px 20px;

   border-bottom:1px solid #dddddd;

}

.order-page .order-status-message .link {

color:#00B22D;

}

/* .order-page .order-review-box {
   background:green;
} */

.insert-message-box {

   border-top:1px solid red !important;
   border:1px solid #e6e6e6;
   background:#f6f6f6;
   margin-bottom:30px;
   padding:8px 20px 20px 20px;
   box-shadow:0px 1px 5px rgba(0, 0, 0, 0.1);

}


/*** Button Toggler Styles ***/

.switch-box span.text{
   position: relative;
    top: 2px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 25px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  border-radius: 4px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  border-radius: 2px;
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3.5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #28a745;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
     left: 6px;
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}



/*** View Proposals Page Styles **/

.view-proposals .btn-toggle.active{

   background-color:#28a745 !important;
}

.view-proposals .btn-toggle.btn-lg{

   margin:0px 10px 10px 10px;

   position:relative;

   border:none;

   height:2rem;

   width:4rem;

   border-radius:2rem;

   background: linear-gradient(#FFFFFF -30%, #868e96);
}

.view-proposals .btn-toggle.btn-lg > .toggle-handle{

   position:absolute;

   top:0.3125rem;

   left:0.3125rem;

   width:1.400rem;

   height:1.400rem;

   border-radius:1.400rem;

   background:#fff;

   transition:left .25s;

}

.view-proposals .btn-toggle.btn-lg.active > .toggle-handle{

   left:2.200rem;

}

.view-proposals .box-table{

   min-height:200px;

}

.view-proposals .proposal-title{
   font-size:17px;
}


#featured-listing-modal .modal-dialog {

max-width:600px !important;

}

.modal-body .order-details .request-div {
background: #e6e6e6;
border:1px solid #e6e6e6;
padding:12px;
}

.modal-body .order-details .request-div h4{
   color: #000;
   text-transform:uppercase;
   font-size:15px;
}

.modal-body .order-details .request-div .price {
   font-size:22px;
   color:#28a745;
}

.modal-body .order-details .request-div p{
   color:#000;
   font-size:14px;
}

.modal-body .payment-options-list {
   padding:15px;
}

.modal-body .payment-options-list .payment-option img {
   border-radius:2%;
   height:60px !important;
}

.modal-body .payment-options-list hr{
   margin-left:-15px;
   margin-right:-15px;
}

/*** Buyer Requests Page Styles ***/

.buyer-requests .sort-by{
   width:270px;
}

.buyer-requests .remove-link{
   display:block;
   margin-top:35px;
}

.buyer-requests .request-category {
   margin-top:7px;
   padding-left:0px;
   list-style:none;
}

.buyer-requests .request-category li{
   display:inline-block;
   margin-right:5px;
   margin-bottom:5px;
   color:#777777;
   padding:4px 8px;
   font-size:12px;
   font-weight:500;
   background-color:#fff;
   border-color:#dddddd;
   border:solid 1px #1f1f1f;
   border-radius:3px;
}

/** Post Request Styles **/
.form-curb input {
   width: 300px !important;
}

.col-md-1.d-md-block.d-none .fa.fa-work{
   position: relative;
   top: 6px;
}

.request-sidebar .card {

background: #deeff0;

}

.request-sidebar .card-body:before {
   content: '';
   display: block;
   position: absolute;
   top: 16px;
   left: -13px;
   z-index: 16;
   border-bottom: 13px transparent solid;
   border-top: 13px transparent solid;
   border-right: 13px #deeff0 solid;
}

.request-sidebar .card-body h5 img{
   position:relative; left:-3px; top:-2px;
}

.request-sidebar .card-body p {
   font-size: 14px;
   background-color: #deeff0;
}

.request-sidebar .card-body p b{
   color:#0096a3;
}

.request-sidebar .card-body .breadcrumb {

border:1px solid #ccc !important;
display: block;
padding: 10px;

}


@media(max-width: 990px){

.request-sidebar {

display: none;

}



}

/*** View Offers Page Styles ***/
.view-offers p {
   font-size:16px;
   line-height: 25px;
}

.view-offers h5 a{
   color:#333333;
}

.view-offers h5 a:hover{
   text-decoration:none;
}

.responsive-border{
   border-left:1px solid #e5e5e5;
}

@media(max-width: 767px){
   .responsive-border{
      border-left:0px;
      border-top:1px solid #e5e5e5;
   }
}

.view-offers .offer-seller-picture img {
   width:55px;
   height:55px;

}

.view-offers .offer-seller-picture .level-badge {
   position:absolute;
   width:30px;
   height:30px;
   top:33px;
   left:45px;

}

.view-offers .offer-seller{
   margin-top:-55px;
   margin-left:70px;

}

#offer-order-modal .modal-dialog {
   max-width:600px !important;

}

.modal-body .order-details .request-div .btn-close{
   font-size:21px;
   cursor:pointer;
}

.modal-body .order-details .request-div .arrow{
   color:#337ab7;
   font-size:14px;
   font-weight:700;
   cursor:pointer;
}

.modal-body .order-details .offer-div{
   border:solid 1px #e6e6e6;
   padding:12px;

}

.modal-body .order-details .offer-div h4{
   font-size:15px;
   font-weight: bold;
}

.modal-body .order-details .offer-div p{
   font-size:14px;
}

.modal-body .order-details .offer-div .price{
   font-size:20px;
   color:#28a745;
}

/*** Manage Contacts Page Styles ***/
.contact-image {
   width:50px;
   height:50px;
   margin-top:-5px;
   margin-bottom:2px;
}

.contact-title {
   margin-left:65px;
   margin-top:-50px;
}

/** Inbox Conversations Page Styles **/
.inbox-conversations a {
   color:#333333;
}

.inbox-conversations .inbox-seller img {
   width:50px;
   height:50px;
   margin-top:-5px;
   margin-bottom:10px;
}

.inbox-conversations .inbox-seller h6{
   margin-top:-55px;
   margin-left:60px;
}

/*** Insert Message Page Styles ***/
.insert-message .p-style{
   font-size:17px;
}

.insert-message .seller-image{
   width:80px;
   height:80px;
   margin-right:5px;
   border-radius:50%;
}

.insert-message h4{
   word-wrap:break-word;

}

.insert-message .seller-level-image{
   position:absolute;
   width:40px;
   left:48%;
   top:50px;
}

#display-request .request-div{
   background:#f5f5f5;
   border:solid 1px #f5f5f5;
   padding:12px 20px 20px 20px;


}

#display-request .request-div h5{
   color:#555555;
   text-transform:uppercase;
   font-size:16px;
}

#display-request .request-div .btn-close{
   font-size:25px;
   cursor:pointer;
}

#display-request .request-div p{
   color:#777777;
   font-size:15px;
   max-width:90%;
}

#display-request .request-div .arrow{
   color:#337ab7;
   font-size:13px;
   font-weight:700;
   cursor:pointer;
}

#display-request .offer-div{
   background:#fff;
   border:solid 1px #e6e6e6;
   padding:12px 20px 20px 20px;
}

#display-request .offer-div .price{
   font-size:30px;
   color:#28a745;
}

#display-request .offer-div p{
   max-width:90%;
}

.message-div .message-offer, .message-div-hover .message-offer {
   background:#fafafa;
   border:1px solid #e5e5e5;
   padding:12px 20px 20px 20px;
   margin-bottom:6px;
}

.message-div .message-offer .price, .message-div-hover .message-offer .price{
   font-size:36px;
   color:#28a745;
}

.message-div .message-offer p, .message-div-hover .message-offer p{
   margin-bottom:8px;
}

#accept-offer-modal .modal-dialog {
   max-width:600px !important;
}

#seller-vacation-div {
   background:#fcfc8e;
   border: 1px solid;
   padding: 12px 20px 20px 20px;
}

.insert-message-box .message-attacment{
   padding:3px;
   border:2px dotted #A5A5C7;
}

/** Log Out Page **/
.logout-image{
   background:#fcfc8e;
}
/*** Proposals extras ***/
.border-1 {
   border: 1px solid #E1E3DF;
}

.tabs .tab{
width: 100%;
background: white;
margin-bottom: 15px;
}
.tabs .tab-header{
padding: 0.8rem 1.2rem;
font-size: 17px;
font-family: "Montserrat-Light";
}
.tabs .tab .tab-body {
font-size: 16px;
}
.tabs .tab .tab-body {
border-top:1px solid #E1E3DF;
}
.tabs .tab .tab-header .check {
top:-1px;
position: relative;
}

.faqs .tabs .tab {
    font-size: 15.5px;
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
}

.faqs .tabs .tab .tab-header {
   font-size: 17px;
   font-family: "Montserrat-Light";
    font-weight: 400;
    display: block;
    padding: 15px 15px;
    cursor: pointer;
    color: #0e0e0f;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.faqs .tabs .tab .tab-header:before {
    content: '\f107';
    color: #0e0e0f;
    font-size: 20px;
    font-family: FontAwesome;
    float: right;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}

.faqs.tabs .tab-header.collapsed:before {
    transform: rotate3d(0,0,1,-180deg);
}

.faqs .tabs .tab .tab-body {
font-size: 16px;
border-top:1px solid #E1E3DF;
}

.faqs .tabs .tab:nth-last-child(2){
    border-bottom: 0px !important;
    margin-bottom: 0px;
}

/*** New Styles ***/
.card_user {
   font-family: 'Montserrat-Regular';
   border: 1px solid #d2d6da;
   text-align: center;
}

.card_user h4 {
   color: #00a14b;
   font-size: 19px;
   margin-top: 22px;
}

.card_user p {
   font-size: 14px;
   color: #58595b;
   font-weight: 500;
}

.card_user .img-fluid,
.welcome-box .img-fluid {
   max-width: 55%;
   height: auto;
}

.card_user .get_btn {
   cursor:pointer;
   width: 164px;
   height: 51px;
   border-radius: 33px;
   background: transparent;
   border: 1px solid #28a745;
   color: #28a745;
   text-align: center;
   font-weight: 500;
   margin: 10px 10px 10px 10px;
}

.card_user .get_btn:hover{

   background:#28a745;
   color:white;

}

.buy_head{

font-family: 'Montserrat-Regular';
font-size: 19px;
color: #1a1e31;
margin-bottom: 20px;
font-weight: 500;

}

.carosel_sec .carousel-control-prev {
   left: 1px;
   top: 25%;
   height: 56px;
   width: 26px;
   border-radius: 0 33px 33px 0;
   background: #7c807ecc;
   font-size: 22px;
   opacity: 1;
   text-align: center;
   padding-right: 10px;
}

.carosel_sec .carousel-control-next {
   right: 1px;
   top: 25%;
   height: 56px;
   width: 26px;
   border-radius: 33px 0 0 33px;
   background: #7c807ecc;
   font-size: 22px;
   opacity: 1;
   text-align: center;
   padding-left: 10px;
}


.table thead th {
   font-family: 'Montserrat-Light';

   border-bottom: none;
   font-size: 14px;
   color: #a7a9ac;
   font-weight: 1000;
}

.proposal-card-base .is-online{
    margin-right: 10px;
    margin-top: -30px;
}
.is-online {
    z-index: 1;
    line-height: 1.4;
    font-size: 13px;
    border: 1px solid #1dbf73;
    border-radius: 12px;
    color: #1dbf73;
    margin-bottom: 5px;
    padding: 0 7px;
}
.seller-bio .is-online{
    position: absolute;
    right: 25px;
    display: block;
}

.is-online .fa-circle {
    font-size: 4px !important;
    vertical-align: middle;
    padding-right: 0px
}

/*** How to ***/
#how_to {
   background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg4.jpeg);
   background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg4.jpeg);
   background-size: cover;
   background-position: center;
   display: table;
   height: 40vh;
   width: 100%;
   background-attachment: fixed;
}

#how_to .cell {
   display: table-cell;
   width: 100%;
   height: 40vh;
   padding: 10px;
   vertical-align: middle;
   text-align: center;
}

#how_to h2 {
   /*position: relative;
   top: 30%;*/
   font-size: 260%;
}


@media (max-width: 575px) {
   #how_to h2 {
   font-size: 130%;
   }
}

#how_to h3 {
   font-size: 130%;
   color: #fff;
}

@media (max-width: 575px) {   
   #how_to h3 {
      font-size: 100%;
   }
}

#how_to .btn_start_selling {
   position: relative;
   top: 50%;
}

@media (max-width: 575px) {
   .add-new-proposal:before {
    margin: 40px auto 10px;
   }

   .add-new-proposal{
      padding-bottom: 40px;
   }

   .fa-adj {
   font-size: 300% !important;
   text-align: center !important;
   }   
}

/*** Right To Left Direction Styles ***/


/**** Google Translate Styles Starts ****/
.goog-te-gadget{
   width: 100%;
}

.goog-te-gadget-simple{
   width: 100%;
   padding: 6px !important;
}

.goog-te-gadget-simple a span:nth-of-type(2){
   float: right !important;
   position: absolute;
   right: 44px;
   height: 32px;
   margin-top: -6px;
}

.goog-te-gadget-simple a span:last-child{
   float: right;
   position: relative;
   top: 2px;
}
/**** Google Translate Styles Ends ****/

/*Footer Styles*/
.footer {
  background: #000;
  color: #fff;
  font-family: "Roboto";
  padding: 2.5em;
}

.footer .container {
   padding: 7.5rem 5.5rem;
}

@media (max-width: 1199.98px) {
   .footer .collapse.show {
      display: block !important;
   }
}

@media (max-width: 767.98px) { 
   .footer {
      padding: 2.5em 2em;
   }

   .footer .container {
      padding: 0;
   }
}

.footer .col {
   min-width: max-content;
}

.footer h3 {
  color: #fff;
  font-size: 1em;
}
.ui-toolkit .footer h3 {
   font-weight: normal;
}

.footer ul {
   list-style: none;
   padding: 0;
   margin: 0 0 2em 0;
}

.footer ul li {
   padding: 0.5em 0;
}
.footer ul li::before {
   content: "\200B";
   display: inline-block;
   width: 0;
   height: 0;
   color: #666;
   border-style: solid;
   border-width: 0.3em 0 0.3em 0.3em;
   border-color: transparent transparent transparent #666;
   margin: 0 0.5em 0.2em 0;
   vertical-align: middle;
}

.footer a {
   color: #fff;
}
.footer a:hover {
  color: #666;
}

.footer ul.social_icon li::before {
   display: none;
}

.footer ul.social_icon a {
   display: block;
   width: 2em;
   height: 2em;
   line-height: 2;
   text-align: center;
   color: #000;
   background-color: #fff;
   border-radius: 50%;
}
.footer ul.social_icon a:hover {
   background: var(--gradient);
}

.footer ul.social_icon a i {
   line-height: 2;
}

.footer #language_select {
  
   color: #fff;
   background: #000;
   border: 1px solid;
   border-radius: 0.3em;
}
.footer #language_select:focus {
   box-shadow: none;
}

.footer h5 {
  color: #fff;
  font-size: 14px;
}

.footer .pic, .footer .pic1 {
  display: inline-block;
  display: inline-block;
  margin-right: 11px;
  margin-top: 11px;
  max-width: 134px;
}

.cookies_footer {
  position: fixed;
  bottom: 0%;
  left: -0%;
  margin:20px;
  font-family: 'Roboto', sans-serif;
  z-index: 5000;
  width: 90%;
  background: #fff;
  color: black;
  font-size: 15px;
  margin-top:10px;
  padding: 15px 0;
  box-shadow: 1px 1px 2px 1px #ccc !important;
  border-radius: 4px;   
}

.cookies_footer p a { color:red; }
.cookies_footer .btn { margin-top: 5px; }
.cookies_footer .close {
   margin-top: -10px;
   margin-right: -10px;
   font-size: 18px;
}

#announcement_bar{
  /*background: #FF8000;*/
  /*color: #fff;*/
  display: block;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  padding: 12px 12px;
  text-align: center;
  font-size: 15px;
  /*text-transform: capitalize;*/
}

#announcement_bar a{ 
  color: #fff;
  text-decoration:underline; 
  font-weight: normal; 
}

#announcement_bar .close-icon{
   font-size: 15px;
}

#announcement_bar_margin{
   margin-bottom: 46px;
}


/*@media only screen and (max-width: 767px){
  #announcement_bar{
      display: none;
  }
}*/

/*** Blog Styles Starts ***/

.blog .post-content{
   font-size: 120%;
   line-height: 30px;
}

.blog .card ul li{
   margin-bottom: 15px;
}

.blog .card ul li a{
   font-size: 15px;
}

/*** Blog Styles Ends ***/

.messagePopup{
   position: fixed;
   bottom: 0;
   right: 50px;
   z-index: 5000;
   font-size: 15px;
}
.messagePopup .header-message-div{
   width: 100%;
   background: #daecf2;
   color: black;
   margin: 20px;
   margin-top: 0px;
   border-radius: 4px;
   font-family: Montserrat-Light;
   box-shadow: 1px 1px 2px 1px #ccc !important;
   border-bottom: 0px;
}
.messagePopup .header-message-div.offer{
   width:200%;
}
.messagePopup .header-message-div.offer .heading{
   top: 0px;
   font-size: 17px;
}
.messagePopup .message{
   left: 10px;
   width: auto;
}
.messagePopup .date{
   left: 10px;
}

.messagePopup .badge{
   margin-top: -39px;
   margin-right: 10px;
}


@media(max-width: 1150px){
   .cookies_footer {
      width: 50%;
   }
}

@media(max-width: 999px){
   .cookies_footer {
      width: 62%;
   }
}

@media(max-width: 770px){
   .view-proposals .proposal-title{
   min-width: 350px;
   }

   #countdown-heading{
   font-size: 20px;
   }

   .buyer-requests #active-requests table tr td:first-child{
   min-width: 400px;
   }

   .messagePopup{
   right: 40px;
   }
   .messagePopup .header-message-div .message {
   font-size: 14px;
   }
   .messagePopup .header-message-div .date {
   font-size: 13px;
   }
   .messagePopup .header-message-div .close {
   font-size: 1.1rem;
   line-height: 0;
   }
   .cookies_footer .col-md-4 {
   display: none;
   }
   .cookies_footer {
   width: 92%;
   }
   .cookies_footer .col-md-8 .btn-success, .cookies_footer .col-md-8 br {
   display: none;
   }
}

.post_footer {
   text-align: center;
   margin: 2.5rem 0 0;
}
.post_footer::before {
   content: '';
   display: block;
   width: 2.5em;
   height: 2.5em;
   background-image: url("/images/Simbolo_Bravoo_Branco_FundoTransparente.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 2em auto;
   margin: auto;
}

.navbar-brand:focus, .navbar-brand:hover {
  color: #28a745;
}
   
.paypal-button-container {
   height: 38px;
}

.modal-footer .paypal-button-container {
   width: 200px;
   top: 0px;
   position: relative;
   height: 33px;
}

@media (max-width: 420px) {
   .modal-footer .paypal-button-container {
      width: 150px;
   }
}

/* ---------------------- Bravoo ---------------------- */
:root {
   --bg_color: #F7FBFE;
   --br_small: 0.33rem;
   --br_big: 0.5rem;
   --btn_grey: #EBEBEE;
   --icon_color: #C5C4CC;
   --star_color: #FFBE5B;
   --gradient_magenta: #FB28FB;
   --gradient_cian: #2CFFFD;
   --gradient: linear-gradient(100deg, var(--gradient_cian) 0%, var(--gradient_magenta) 100%);
}

* {
   max-width: 100%;
}

html {
   height: 100%;
   width: 100%;
}

body {
   min-height: 100%;
   font-family: "Poppins", sans-serif;
   font-weight: 300;
   line-height: 1.5;
   color: var(--site_color, #3F3D56);
   background: var(--bg_color);
   padding: 7.75rem 0 0 0;
   margin: 0;
}

section {
   padding: 5rem 0 0;
}
section:last-of-type {
   padding-bottom: 5rem;
}
section.home_section {
   padding: 10rem 0 0;
}
section.home_section:last-of-type {
   padding-bottom: 10rem;
}

.container {
   max-width: 77.5rem; /* 1240px for 16px */
   padding: 1.25rem 2.5rem;
   margin: 0 auto;
}

body input,body textarea,body select, .selectlike, .input_prefix {
   font-size: 1em;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   color: var(--site_color);
   background: #FFFFFF;
   padding: 0.5em 0.8em;
   border: 1px solid var(--btn_grey);
   border-radius: var(--br_small);
}
input:focus, input:focus-visible, input:focus-within,
textarea:focus, textarea:focus-visible, textarea:focus-within,
select:focus, select:focus-visible, select:focus-within,
.btn:focus, .btn:focus-visible, .btn:focus-within,
.prefix_and_input:focus, .prefix_and_input:focus-visible, .prefix_and_input:focus-within {
   outline: 1px solid var(--gradient_cian);
   box-shadow: none;
}

input[type=file] {
   background: none;
   padding: 0;
   border: none;
   border-radius: 0;
}

input[type=file].no_button::file-selector-button {
   display: none;
}

input[type='radio'] {
   appearance: none;
   width: 1.25em;
   height: 1.25em;
   background: var(--icon_color);
   border: 0.25em #fff solid;
   border-radius: 50%;
   margin-bottom: -0.25em;
   vertical-align: baseline;
   box-shadow: 0 0 0.4em #00000021;
}
input[type='radio']:checked {
   background: var(--site_color);
}

.selectlike::after {
   content: '\f107';
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
}

.prefix_and_input {
   display: inline-flex;
   border-radius: var(--br_small);
}

.input_prefix {
   padding-right: 0;
   border-right: none;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}
.prefix_and_input input {
   padding-left: 0;
   border-left: none;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   outline: none;
}

input.switch_control {
   display: none;
}
input.switch_control + span {
   display: inline-block;
   position: relative;
   width: 2.5rem;
   height: 1.5rem;
   background: var(--btn_grey);
   border: 2px solid var(--btn_grey);
   border-radius: 0.75rem;
   vertical-align: bottom;
   transition: 300ms ease-in-out;
}
input.switch_control + span::before {
   content: '';
   display: inline-block;
   position: absolute;
   left: 0;
   width: calc(1.5rem - 4px);
   height: calc(1.5rem - 4px);
   background: #FFF;
   border-radius: 50%;
   transition: 300ms ease-in-out;
}
input.switch_control:checked + span {
   background: var(--site_color);
   border-color: var(--site_color);
}
input.switch_control:checked + span::before {
   left: auto;
   right: 0;
}

button {
   color: inherit;
}

label {
   margin: 0;
}

a {
   color: var(--site_hover_color);
   text-decoration: none solid currentColor 1px ;
}
a:hover {
   color: var(--site_hover_color);
   text-decoration: underline solid currentColor 1px ;
}

.btn, .btnlike,
input[type=file]::file-selector-button {
   font-size: 1em;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   text-decoration: none;
   background: var(--btn_grey);
   padding: 0.5em 0.8em;
   border: 1px solid var(--btn_grey);
   border-radius: var(--br_small);
   vertical-align: revert;
}
.btn,
input[type=file]::file-selector-button {
   cursor: pointer;
}
.btn:hover,
.btn_solid,
.select_solid,
input[type=file]::file-selector-button {
   color: #fff;
   text-decoration: none;
   background: var(--site_color);
   border-color: var(--site_color);
}
.btn_solid:hover,
.btn_transparent,
.select_transparent,
input[type=file]::file-selector-button:hover {
   color: inherit;
   background-color: transparent;
   border-color: currentColor;
}

.btn_gradient {
   color: #fff;
   background: var(--site_color) var(--gradient) 0% 0% no-repeat border-box;
   border-color: transparent;
}

.btn_white {
   color: var(--site_color);
   background: #fff;
   border-color: #fff;
}

.facebook {
   color: #fff;
   background: #2d88ff;
   border-color: #2d88ff;
}

.google {
   color: #fff;
   background: #ea4335;
   border-color: #ea4335;
}

.center_block {
   display: block;
   margin-right: auto;
   margin-left: auto;
}

details {
   margin: 0 0 1.5em;
}
details:last-child {
   margin: 0;
}

summary {
   width: max-content;
   cursor: pointer;
   list-style: none;
}
summary::after {
   content: '\f105';
   margin: 0 0 0 0.5em;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
}
details[open] > summary::after {
   content: '\f107';
}

p {
   margin: 0 0 1.5em;
}
p:last-child {
   margin: 0;
}

/* dropdown */
.dropdown_container {
   display: inline-block;
   position: relative;
}

.dropdown_container > input {
   display: none;
}

.dropdown_overlay {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: 0;
   z-index: 99;
}

.dropdown_menu {
   display: none;
   position: absolute;
   top: calc(100% + 0.25rem);
   left: 0;
   width: max-content;
   min-width: 100%;
   max-width: 100vw;
   max-height: calc(100vh - 5rem);
   color: var(--site_color);
   background-color: #fff;
   padding: 0.5em 0.8em;
   border: 1px solid var(--btn_grey);
   border-radius: var(--br_big);
   box-shadow: 0 0 1em #0000000F;
   margin: 0;
   overflow: auto;
   white-space: nowrap;
   z-index: 100;
}
.dropdown_menu.align_right {
   right: 0;
   left: auto;
}

input:checked ~ .dropdown_overlay,
input:checked ~ .dropdown_menu {
   display: block;
}

.dropdown_menu li {
   padding: 0.5em 0.5em;
   list-style: none;
}

.dropdown_menu hr {
   margin: 0.5em 0;
}

.dropdown_menu ul {
   padding: 0;
}
/* end dropdown*/

h1 {
   font-size: 2.5em;
   font-weight: bold;
}

.subHeading {
   font-size: 1.5em;
   margin-top: 0.5rem;
}

h2 {
   font-size: 2em;
   font-weight: bold;
}

.inline_h {
   display: inline-block;
   font-size: 1.5em;
   margin: 0 0.5em 1em 0;
}

.user_img {
   border-radius: 50%;
}

header {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 50;
   font-family: 'Roboto', sans-serif;
   font-weight: normal;
   background: #fff;
   box-shadow: 0 0 1em #0000000F;
}

header#home_header {
   top: 1.75rem;
   max-width: 77.5rem; /* 1240px for 16px */
   border-radius: var(--br_big);
   margin: auto;
}

header .container {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   gap: 0.5em;
}

#mobilemenu_and_logo {
   display: flex;
   gap: min(0.5em, 3vw);
}

#logo {
   display: inline-block;
   vertical-align: middle;
}

#logo img {
   width: 10em;
   height: 2.7em;
   object-fit: contain;
}

#mobilemenu,
#logo .mobile {
   display: none;
   width: 2.7em;
   height: 2.7em;
}

#user_menu_icons,
#user_menu_and_balance {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: min(1.5em, 3vw);
   list-style: none;
   padding: 0;
   margin: 0;
}

#user_menu_icons .menuItem {
   position: relative;
   font-size: 1.5em;
   line-height: 1;
   color: var(--icon_color);
   cursor: pointer;
}
#user_menu_icons .menuItem:hover {
   color: var(--site_color);
}

.icon_counter {
   position: absolute;
   top: -10%;
   right: -10%;
   font-size: 0.5em;
   width: 1.5em;
   height: 1.5em;
   line-height: 1.5;
   text-align: center;
   color: var(--site_color);
   background: var(--icon_color) padding-box;
   border: 1px solid #fff;
   border-radius: 50%;
}
.menuItem:hover .icon_counter {
   color: #fff;
   background: var(--site_color) padding-box;
   transition: 300ms ease-in-out;
}
.icon_counter:empty {
   display: none;
}

#user_menu .user_img {
   width: 2.5em;
   height: 2.5em;
   cursor: pointer;
}

#user_menu .name {
   display: none;
}

#user_menu a,
#user_menu a:hover {
   color: var(--site_color);
   text-decoration: none;
}

#desktop-category-nav {
   width: 100%;
   padding: 0.25em 0 0 0;
   border-top: 1px solid var(--btn_grey);
   margin: 0 0 -0.75em 0;
}

#home_header #desktop-category-nav {
   width: auto;
   flex-grow: 1;
   border: none;
   margin: 0 1em;
}

#top_categories {
   display: flex;
   justify-content: space-evenly;
   padding: 0;
   margin: 0;
   list-style: none;
}

#top_categories a {
   display: block;
   color: var(--site_color);
   padding: calc(0.5em - 3px) 0.8em;
   border-width: 3px 0;
   border-style: solid;
   border-color: transparent;
}
#top_categories .active > a,
#top_categories a:hover {
   color: var(--site_color);
   text-decoration: none;
   border-bottom-color: currentColor;
}

#categories_drop {
   position: absolute;
   right: 2.5em;
   left: 2.5em;
}

.categories_drop_sub {
   display: flex;
   justify-content: space-between;
   color: #fff;
   background: var(--site_color);
   padding: 2em 3em;
   margin: 1em 0 0;
   border-radius: var(--br_big);
   box-shadow: 0 0 1em #0000000F;
   opacity: 0.95;
}

.categories_drop_sub ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.categories_drop_sub li {
   padding: 0.25em 0.5em;
   list-style: none;
}

.categories_drop_sub a {
   color: #fff;
}
.categories_drop_sub a:hover {
   color: #aaa;
   text-decoration: none;
}

.no_results {
   font-size: 2.5rem;
   text-align: center;
   grid-column: 1 / -1;
}

/*** search bar ***/
   .expanded-search {
    position: relative;
    width: max-content;
    
}
    

.search-bar-panel {
   position: absolute;
   top: 110%;
   width: 100%;
   color: var(--site_color);
   background-color: #fff;
   padding: 0.5em 0.8em;
   border: 1px solid var(--btn_grey);
   border-radius: var(--br_big);
   box-shadow: 0 0 1em #0000000F;
   list-style: none;
   cursor: default;
}

.search-bar-panel aside > li {
   font-weight: 500;
}

.search-bar-panel ul {
   padding: 0;
   list-style: none;
}

.search-bar-panel li a {
   display: block;
   color: var(--site_color);
   padding: 0.5em 0.8em 0.5em 1.5em;
}

.search-bar-panel li a:hover {
   background-color: var(--btn_grey);
}

.search-bar-panel b {
   color: #0e0e0f;
}
/*** search bar ends ***/

/* carousel */
.carousel {
   color: #fff;
   border-radius: var(--br_big);
   overflow: hidden;
}
.carousel.with_previews {
   border-radius: 0;
   overflow: visible;
}

#demo1 {
   margin: -7.75rem 0 0;
   border-radius: 0;
}

.carousel.with_previews .carousel-inner {
   border-radius: var(--br_big);
   overflow: hidden;
}

.carousel-control-prev,
.carousel-control-next {
   top: 0;
   bottom: 0;
   width: 2.5rem;
   height: 2.5rem;
   border-radius: 50%;
   box-shadow: 0 0 0.5em #00000029;
   margin: auto;
}
.carousel-control-prev {
   left: -1.25rem;
}
.carousel-control-next {
   right: -1.25rem;
}
.carousel-control-prev i::before {
   margin: 0 0.125em 0 0;
}
.carousel-control-next i::before {
   margin: 0 0 0 0.125em;
}
.carousel.with_previews .carousel-control-prev,
.carousel.with_previews .carousel-control-next {
   bottom: 15%;
}

.carousel-item > a {
   display: inline-block;
}

.carousel-item img {
   object-fit: cover;
}
#demo1 .carousel-item img {
   width: 100vw;
   height: 100vh;
}

.carousel_overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
}

.carousel_overlay_inner {
   position: relative;
   height: 100%;
}

#demo1 .carousel_overlay_inner {
   font-size: min(1rem, 3vw);
}

.carousel-caption {
   position: relative;
   top: 20%;
   bottom: 0;
   left: 1.8em;
   height: max-content;
   text-align: left;
   margin: auto 0;
}
#demo1 .carousel-caption {
   left: 0;
}

.slide_name {
   font-size: 2.75em;
   font-weight: bold;
}
/* .home-search{
   margin-top: 80px;
} */
.search-query-home{
   width: 439px;
}


.slide_desc {
   font-size: 1.87rem;
   /* font-size: 2em; */
}

#demo1 .slide_desc {
   margin: 0 0 1.5rem 0 ;
}

#demo1 .carousel_buttons {
   left: 0;
   top: 23%;
   position: relative;
}

.carousel_buttons .sell-copy.short {
   display: none;
}

.carousel-indicators {
   position: absolute;
   top: auto;
   bottom: 1.4em;
   right: auto;
   left: 1.8em;
   width: max-content;
   margin: 0;
}
#demo1 .carousel-indicators {
   bottom: 0;
   right: 0;
   left: auto;
}

.carousel-indicators li {
   width: 1.5em;
   height: 1.5em;
   background: #fff content-box;
   padding: 0.33em;
   border: 1px solid transparent;
   border-radius: 50%;
   margin: 0.5em;
   opacity: 0.75;
   cursor: pointer;
}
.carousel-indicators li.active {
   border: 1px solid;
   opacity: 1;
}

.carousel-indicators.preview_indicators {
   position: static;
   display: flex;
   width: auto;
   justify-content: space-between;
   gap: 1em;
   margin: 1em 0 0 0;
}

.carousel-indicators.preview_indicators img {
   width: 18%;
   aspect-ratio: 16 / 9;
   flex: 0 1 20%;
   border-radius: var(--br_small);
   opacity: 0.5;
}
.carousel-indicators.preview_indicators img.active {
   opacity: 1;
}
/* end carousel */

/** Home Page Cards ***/
#cards h1,
#cards .subHeading {    
   text-align: center;
}

.home-cards-carousel {
   margin: 2.75em 0 0 0;
}

.owl-stage {
   max-width: none;
}

.card-box .subcategory {
   display: block;
   position: relative;
   padding: 135% 0 0 0;
   border-radius: var(--br_big);
   overflow: hidden;
}

.card-box .subcategory img {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
   transition: opacity .3s ease-in-out;
}
.card-box:hover img {
   opacity: 0.8;
}

.card-box .subcategory h4 {
   position: absolute;
   bottom: 0;
   width: 100%;
   font-size: 1em;
   font-weight: inherit;
   color: #fff;
   background: linear-gradient(180deg, #00000000 0%, #000000 100%);
   padding: 1.5em 1.75em;
   margin: 0;
}

.card-box .subcategory h4 small {
   display: block;
   font-size: 0.75em;
   opacity: 0.6;
}

#cards .owl-carousel .owl-nav button.owl-prev,
#cards .owl-carousel .owl-nav button.owl-next {
   top: 0;
   bottom: 0;
   width: 2.5em;
   height: 2.5em;
   font-size: 1em;
   color: #fff;
   background: var(--site_color);
   border: 1px solid var(--site_color);
   border-radius: 50%;
   padding: 0;
   margin: auto;
}
#cards .owl-carousel .owl-nav button.owl-prev {
   left: -4em;
}
#cards .owl-carousel .owl-nav button.owl-next {
   right: -4em;
}
#cards .owl-carousel .owl-nav button.owl-prev:hover,
#cards .owl-carousel .owl-nav button.owl-next:hover {
   color: var(--site_color);
   background: #fff;
}

#cards .owl-carousel .owl-nav button.owl-prev::after,
#cards .owl-carousel .owl-nav button.owl-next::after {
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   line-height: 2;
   width: 2em;
   height: 2em;
   background: none;
   vertical-align: middle;
}
#cards .owl-carousel .owl-nav button.owl-prev::after {
   content: '\f053';
   margin: 0 0.125em 0 0;
}
#cards .owl-carousel .owl-nav button.owl-next::after {
   content: '\f054';
   margin: 0 0 0 0.125em;
}

/* homepage market */
#market .wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 10%;
   padding: 7em 5.5em;
   color: #fff;
   background: url('/images/market_background.jpg') center 67% / cover;
}

#market .text_block {
   width: min-content;
   height: max-content;
}

#market .fake_window {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   flex-basis: 28em;
   flex-grow: 1;
   justify-content: center;
   gap: 1.33em;
   background: #f2ede7;
   padding: 3.33em 1.33em 1.33em;
}

#market .fake_window_bar {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   height: 2em;
   background: #fff;
   padding: 0.5em 1em;
}
#market .fake_window_bar::before {
   display: block;
   content: '';
   float: left;
   width: 0.5em;
   height: 0.5em;
   background: var(--site_color);
   border-radius: 50%;
   margin: 0.25em 0;
   opacity: 0.18;
   box-shadow: 0.75em 0 0 var(--site_color), 1.5em 0 0 var(--site_color);
}
#market .fake_window_bar::after {
   display: block;
   content: '';
   float: right;
   width: 1em;
   height: 1em;
   background: url('/images/Simbolo_Bravoo_3F3D56_FundoTransparente.png') center/cover;
}

.category_btn {
   display: inline-block;
   width: 12em;
   height: 8em;
   color: var(--site_color);
   background: #fff;
   text-align: center;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   padding: 2em 0;
   border-radius: var(--br_small);
}
.category_btn:hover {
   color: #fff;
   background: var(--gradient);
}

.category_btn img {
   display: block;
   width: 3em;
   height: 3em;
   margin: 0 auto 0.5em;
   object-fit: contain;
}
.category_btn:hover img {
   filter: brightness(5);
   transition: 300ms ease-in-out;
}

/* homepage your_terms */
.text_and_img {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

.text_and_img img {
   width: 37rem;
}
.text_and_img:nth-of-type(2n+1) img {
   order: 1;
}

.text_and_img .text_block {
   width: 23.5rem;
   height: max-content;
}

/* user home */
#welcome_row .container {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 2.5em;
}

.transparent_card,
.side_card {
   padding: 1.5em 1.75em;
   border: 1px solid var(--btn_grey);
   border-radius: var(--br_big);
}

#welcome_card {
   width: 22rem;
   flex: none;
   text-align: center;
}

.transparent_card .user_img {
   width: 3.75em;
   height: 3.75em;
   vertical-align: middle;
}

.message_and_name {
   display: inline-block;
   vertical-align: middle;
   text-align: left;
   margin-left: 0.5em;
}

.message_and_name .welcome_message {
   font-size: 0.8em;
   font-weight: 100;
}

.message_and_name .user_name {
   font-weight: 400;
   color: #000;
}

.transparent_card hr,
.seller_card hr {
   width: 100%;
   margin: 1.5em 0;
}

.card_title {
   font-size: 1.2em;
   font-weight: 500;
   margin: 0 0 1.25em;
}

#welcome_btns {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75em;
}

#welcome_card .btn {
   font-size: 0.8em;
   width: calc(50% - 0.75rem / 2);
}

#demo3 {
   flex: 1 0 50%;
}

#demo3 .carousel-inner,
#demo3 .carousel-item,
#demo3 .carousel-item > a,
#demo3 .carousel-item img {
   height: 100%;
}

.proposals_row {
   --card_width: 13.5rem;
   --card_height: 20rem;
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   justify-items: stretch;
   gap: 0 min((100% - (5 * var(--card_width))) / 4, 4rem);
}

.proposal_card {
   display: inline-block;
   min-width: var(--card_width);
   min-height: var(--card_height);
   background: #fff;
   border-radius: var(--br_big);
   box-shadow: 0.25rem 0.25rem 1rem #00000017;
   overflow: hidden;
}
.proposals_row .proposal_card:nth-child(n + 6) {
   display: none;
}

.proposal_img_link {
   display: block;
}

.proposal_img_link img {
   width: 100%;
   height: 8rem;
   object-fit: cover;
}

.proposal_caption {
   padding: 0.75rem;
}

.seller_and_fav {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.seller_and_fav img {
   width: 2rem;
   height: 2rem;
   vertical-align: middle;
}

.seller_and_fav .seller_info {
   display: inline-block;
   font-size: 0.75rem;
   vertical-align: middle;
}

.seller_and_fav .seller_name {
   font-weight: 400;
}

.proposal-unfavorite{
   font-size: 1.25rem;
   cursor:pointer;
   color: var(--site_color);
}
.proposal-favorite{
   font-size: 1.25rem;
   cursor:pointer;
   color: var(--icon_color);
}

.proposal_description {
   display: block;
   position: relative;
   height: 3.75em;
   font-size: 0.8rem;
   font-weight: 400;
   overflow: hidden;
   margin: 0.33rem 0;
}
.proposal_description::after {
   content: "";
   display: block;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   height: 0.75em;
   background: linear-gradient(#fff0, #fff);
}

.proposal_rating_and_status {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.proposal_rating_and_status .star_rating i {
   vertical-align: middle;
}

.proposal_rating_and_status .star_rating .rating {
   font-size: 0.8rem;
   font-weight: 500;
   vertical-align: middle;
}

.proposal_rating_and_status .star_rating .count {
   font-size: 0.75rem;
   vertical-align: middle;
}

.is_online {
   width: max-content;
   font-size: 0.8rem;
   padding: 0 0.3rem;
   border: 1px solid;
   border-radius: 1em;
}
.is_online i {
   font-size: 0.2rem;
   vertical-align: middle;
}

.proposal_caption hr {
   margin: 0.66rem 0;
}

.proposal_icons_and_price {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}

.proposal_icons {
   height: 1.5rem;
}
.proposal_icons div,
.proposal_icons svg {
   display: inline-block;
   width: 1.5rem;
   height: 1.5rem;
}

.lightning_icon {
   fill: #00ace2;
}

.money_icon {
   fill: #1aa15f;
}

.proposal_price {
   text-align: right;
}

.proposal_price small {
   font-size: 0.75rem;
   font-weight: 300;
   vertical-align: middle;
}

.proposal_price span {
   font-weight: 500;
   vertical-align: middle;
}

#start_selling_card .text_and_img {
   color: #fff;
   background: var(--gradient);
   padding: 0.5em 5.5em;
   border-radius: var(--br_small);
}

#start_selling_card p {
   width: 18em;
}
/* end user home */

/* pagination */
.pagination_list {
   display: flex;
   justify-content: center;
   gap: 0.75rem;
   list-style: none;
}

.page_item a {
   width: 2.5rem;
   height: 2.5rem;
   line-height: calc(2.5em - 2px);
   padding: 0;
   border-radius: 50%;
   overflow: hidden;
}
.page_item:first-child a::before,
.page_item:last-child a::before {
   display: block;
   width: 100%;
   height: 100%;
   font-size: 1.5em;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
}
.page_item:first-child a::before {
   content: '\f104';
   margin-left: -0.05em;
}
.page_item:last-child a::before {
   content: '\f105';
   margin-left: 0.05em;
}
.page_item.active a {
   color: #fff;
   text-decoration: none;
   background: var(--site_color);
   border-color: var(--site_color);
}
/* end pagination */

/* category */
.proposals {
   --card_width: 15rem;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   justify-items: stretch;
   gap: 4rem min((100% - (4 * var(--card_width))) / 3, 4rem);
   margin: 5rem 0;
}

.search_filters {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 2rem;
   margin: 2rem 0;
}

#category_filters {
   width: 45rem;
}
/* end category */

/* start selling */
#start_selling .text_and_img {
   color: #FFF;
   background: url(../images/start_selling_background.jpg) center 65% / cover;
   padding: 0.5rem 1.5rem 0.5rem 4.5rem;
   border-radius: var(--br_small);
}

#start_selling .text_block {
   max-width: min(24.5rem, 100%);
}

#start_selling .text_block p {
   width: 16rem;
}

#start_selling_steps {
   counter-reset: stepsCounter;
}

#start_selling_steps .container > h1 {
   text-align: center;
}

#start_selling_steps .text_and_img {
   gap: 2rem;
   padding: 5rem 0;
}

#start_selling_steps .text_block {
   width: 26.66rem;
   flex: 0 1 40%;
}

#start_selling_steps .text_and_img h1 {
   counter-increment: stepsCounter;
}
#start_selling_steps .text_and_img h1::before {
   content: counter(stepsCounter);
   display: inline-block;
   font-size: 0.6em;
   width: 2em;
   height: 2em;
   line-height: 2;
   font-family: 'Roboto', sans-serif;
   color: #fff;
   background-image: var(--gradient);
   border-radius: 50%;
   margin: 0 0.75em 0 0;
   text-align: center;
   vertical-align: top;
}

#create_proposal img {
   width: 20rem;
   flex: 0 1 30%;
}

#submit_proposal img {
   width: 23.5rem;
   flex: 0 1 35%;
}

#get_orders img {
   width: 23.5rem;
   flex: 0 1 35%;
}

#get_orders .text_block {
   width: 31rem;
   flex: 0 1 46.5%;
}

#deliver_masterpieces img {
   width: 28rem;
   flex: 0 1 42%;
}

#deliver_masterpieces .text_block {
   width: 30rem;
   flex: 0 1 45%;
}

#rate_customers img {
   width: 24rem;
   flex: 0 1 36%;
}

#rate_customers .text_block {
   width: 30rem;
   flex: 0 1 45%;
}

#get_paid img {
   width: 28rem;
   flex: 0 1 42%;
}
/* end start selling */

/* proposal page */
#proposal_page > header {
   position: absolute;
}

#proposal_top_menu {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   font-size: 0.8em;
   font-family: 'Roboto', sans-serif;
   font-weight: normal;
   color: #fff;
   background: var(--gradient);
   z-index: 49;
}

#home_header ~ #proposal_top_menu {
   top: 1.75rem;
   max-width: 77.5rem; /* 1240px for 16px */
   border-radius: var(--br_big);
   margin: auto;
}

#proposal_top_menu .container {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   gap: 1em;
   padding-top: 0.75em;
   padding-bottom: 0.75em;
}

#proposal_top_menu a {
   color: #fff;
}

#proposal_menu_links {
   display: flex;
   flex-wrap: wrap;
   gap: 2em;
}

#proposal_menu_buttons {
   display: flex;
   flex-wrap: wrap;
   gap: 1em;
}

#proposal_breadcrumbs {
   position: absolute;
   top: 10rem;
   right: 0;
   left: 0;
   font-size: 0.8em;
}

#proposal_breadcrumbs a {
   color: var(--gradient_magenta);
   text-decoration: none;
}

#proposal_breadcrumbs i {
   color: var(--site_color);
   margin: 0 0.5em;
   opacity: 0.32;
}

.page_columns {
   display: flex;
   flex-wrap: wrap;
   column-gap: 2.5rem;
}

.page_columns .big_column {
   flex: 1 0 50%;
}

.page_columns .small_column {
   flex: 0 0 22.2rem;
}

#proposal_page .small_column .btn {
    width: 100%;
}

.proposal_info {
   display: flex;
   justify-content: space-between;
   margin: 0 0 1em 0;
}

#proposal_title {
   font-size: 1.5em;
   font-weight: 400;
}

.star_rating .stars i {
   color: var(--icon_color);
   margin-right: 0.25em;
}

.star_rating .rating {
   font-weight: 500;
   color: var(--icon_color);
   vertical-align: middle;
}

.star_rating i.star_full,
.star_rating .star_full {
   color: var(--star_color);
}

.star_rating .count {
   font-size: 0.8em;
}

.proposal_queue {
   margin-left: 2em;
}

#st-1.sharethis-inline-share-buttons, .sharethis-inline-share-buttons {
   width: 2.2rem;
   height: 2.2rem;
   flex: 0 0 auto;
   z-index: 0;
}

#st-1.sharethis-inline-share-buttons .st-btn {
   display: none !important;
}
#st-1.sharethis-inline-share-buttons .st-btn[data-network="sharethis"] {
   display: block !important;
   position: static;
   width: 2.2rem;
   height: 2.2rem;
   line-height: 2.2rem;
   background: var(--gradient) var(--site_color);
   border-radius: 50%;
   padding: 0;
   margin: 0;
}
#st-1.sharethis-inline-share-buttons .st-btn[data-network="sharethis"]:hover {
   background: var(--site_color);
   opacity: 1;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#st-1.sharethis-inline-share-buttons .st-btn[data-network="sharethis"] img {
   position: static;
   width: 80%;
   height: auto;
   vertical-align: middle;
   margin: 0 10% 0 0;
}

#reviews_title_and_select {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
}

#reviews_title_and_select .star_rating {
   margin-left: 1.5em;
}

.reviews_list {
   padding: 0;
   margin: 0;
   list-style: none;
}

.reviews_list li {
   display: grid;
   grid-template-areas:
      "img ."
      "img ."
      "img ."
      "sf sf";
   gap: 0.5rem;
}

.reviews_list .user_img {
   grid-area: img;
}

.reviews_list .card_title {
   margin: 0;
}

.seller_feedback {
   display: grid;
   grid-area: sf;
   grid-template-areas:
      "r img ."
      "r img ."
      "r img .";
   gap: 0.5rem;
   font-size: 0.75em;
}

.seller_feedback .fa-reply {
   grid-area: r;
   height: min-content;
   color: var(--icon_color);
   font-size: 2em;
}

.reviews_list hr:last-child {
   display: none;
}

#proposal_tags {
   display: flex;
   flex-wrap: wrap;
   gap: 1em;
}

#proposal_footer {
   background: var(--btn_grey);
}

.vacation_warnig {
   font-size: 1.25em;
}

#purchase .nav-tabs {
   max-width: calc(100% + 3.5rem);
   margin: -1.5rem -1.75rem 1.5em;
}

#purchase .nav-tabs .nav-link.active {
   background: transparent;
   border-bottom-color: var(--bg_color);
}

#purchase [id^="checkoutForm"] {
   font-weight: 400;
   color: #000;
}

#purchase_details_and_price {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

#purchase_details_and_price .dropdown {
   cursor: pointer;
}

.purchase_icons {
   display: flex;
   font-size: 1.5em;
   line-height: 1;
   gap: 0.5em;
   align-items: center;
}

.purchase_icons,
.purchase_icons a {
   color: var(--icon_color);
}

.purchase_icons [id^="unfavorite_"] {
   color: var(--site_color);
}

.purchase_icons svg {
   width: 1em;
   height: 1em;
}

#purchase_details_and_price .price {
   font-size: 1.66em;
   font-weight: 500;
}

.buyables li,
.proposal_quantity {
   display: flex;
   justify-content: space-between;
   margin: 0.5em 0;
}

#proposal_page .quantity_controls .btn,
.pluss_button .btn {
   width: 1.5em;
   height: 1.5em;
   line-height: 1.5;
   padding: 0;
   border-radius: 50%;
}

.proposal_quantity .quantity {
   margin: 0 0.8em;
}

#proposal_page .small_column .btn + .btn {
   margin-top: 0.8em;
}

#bio_seller_img_and_name {
   font-size: 1.25em;
   margin: 0 0 1.5rem 0;
}

.bio_checklist {
   display: grid;
   grid-template-columns: auto auto;
   gap: 0.75em;
}

.bio_checklist > :nth-child(odd) {
   font-weight: 100;
}
.bio_checklist i.fa-check {
   font-weight: 900;
   color: #1aa15f;
}

.bio_checklist > :nth-child(even) {
   font-weight: 400;
   text-align: right;
}

#bio_seller_about {
   font-size: 0.8em;
}

#copyright_box {
   font-size: 0.8em;
   font-weight: normal;
   text-align: center;
   padding: 1.5rem 1.75rem 5rem;
}

#copyright_box .name {
   color: var(--gradient_magenta);
}

#copyright_box .report {
   color: #f00;
}
/* end proposal page */

/* profile page */
#user_header {
   position: relative;
   color:#fff;
   background: #000;
   padding: 4rem 0;
}

.seller_cover_img {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   opacity: 0.5;
}

#user_header .container {
   display: flex;
   position: relative;
   flex-wrap: wrap;
   align-items: center;
}

#user_header #user_header_edit {
   display: none;
   position: absolute;
   top: -0.5em;
   right: 0;
}
#user_header:hover #user_header_edit {
   display: block;
}

.user_img_and_badge {
   display: inline-block;
   position: relative;
}

.user_img_and_badge .user_img {
   width: 5em;
   height: 5em;
}

.user_img_and_badge .level_badge {
   position:absolute;
   width: 35%;
   height: 35%;
   right: 0;
   bottom: 0;
}

#user_header .user_img {
   font-size: 2.4em;
}

#user_header .message_and_name {
   margin-left: 2em;
}

#user_header h1 {
   font-size: 2em;
   font-weight: 400;
   margin: 0;
}

#user_header .headline {
   font-size: 1.5em;
   color: var(--icon_color);
}

#user_header .message_and_name .btn {
   margin: 1.25em 0 0;
}

#user_header ul {
   display: inline-block;
   padding: 0;
   margin: 0 0 0 auto;
   text-align: right;
   vertical-align: middle;
   list-style: none;
}

#user_header ul li {
   margin: 1em 0;
}

#user_header ul i {
   margin-right: 0.25em;
}

.title_and_button {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
}

.pluss_button {
   font-size: 0.8em;
   font-weight: 400;
   color: #000;
   margin-left: auto;
   cursor: pointer;
}
.pluss_button:hover {
   color: var(--site_color);
}

#user_sidebar form.collapse {
   margin: 0 0 1.25em;
}

#user_sidebar .bio_checklist > :nth-child(odd) {
   font-weight: 400;
}

#user_sidebar .bio_checklist > :nth-child(even) {
   font-weight: 100;
}

.remove_icon {
   color: var(--icon_color);
   margin-left: 0.25em;
}
.remove_icon:hover {
   color: var(--site_color);
}

#user_proposals h1 {
   font-size: 1.5em;
   font-family: "Poppins", sans-serif;
   margin: 0 0 2.5rem;
}

.proposals_list {
   --card_width: 13.5rem;
   --card_height: 20rem;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(var(--card_width), 1fr));
   gap: 2.5rem;
}

.create_proposal {
   position: relative;
}
.create_proposal:hover {
   text-decoration: none;
}

.create_proposal div {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   font-size: 0.8em;
   height: max-content;
   text-align: center;
   margin: auto;
}

.create_proposal i {
   display: block;
   font-size: 2rem;
   width: 3.8rem;
   height: 3.8rem;
   line-height: 3.8rem;
   color: #fff;
   background: var(--icon_color);
   border-radius: 50%;
   margin: 0 auto 0.8rem;
}
.create_proposal:hover i {
   background: var(--site_color);
}
/* end profile page */

/* post request page */
/* #post_request_titlecard .text_and_img {
   gap: 2rem;
   color: #FFF;
   background: url(../images/start_selling_background.jpg) center 65% / cover;
   padding: 2rem 1.5rem;
   border-radius: var(--br_small);
}

#post_request_titlecard .text_and_img img {
   width: 30rem;
}

#post_request_titlecard .text_and_img p {
   width: 17rem;
} */


#post_request_titlecard .text_and_img {
   gap: 2rem;
   color: #FFF;
   background: url(../images/market_background.jpg) center 53% / cover;
   padding: 2rem 1.5rem;
   border-radius: var(--br_small);
}

#post_request_titlecard .text_and_img img {
   width: 30rem;
}

#post_request_titlecard .text_and_img p {
   width: 17rem;
}

section.section_row {
   position: relative;
}

section.section_row .transparent_card,
section.section_row .invisible_card {
   width: calc(100% - 24.5rem);
}

section.section_row .card_title {
   display: grid;
   grid-template-columns: 2.6em auto;
   gap: 0.8em;
   align-items: center;
}

.round_icon {
   display: inline-block;
   width: 2.6em;
   height: 2.6em;
   color: #fff;
   padding: 0.6em;
   border-radius: 50%;
   text-align: center;
   vertical-align: middle;
}
.round_icon svg {
   width: 1.4em;
   height: 1.4em;
}
.round_icon i {
   font-size: 1.4em;
   line-height: 1;
}

.lightbulb_icon {
   background: var(--gradient);
}

.text_icon {
   background: linear-gradient(146deg, #FFDE5B 0%, #FF502B 100%);
}
.text_icon i {
   display: block;
   font-size: 1em;
   width: 1.25em;
   height: 1.4em;
   color: #000;
   background: #fff;
   padding: 0.2em;
   border-radius: 0.2em;
   margin: 0 auto;
   mix-blend-mode: screen;
}

.squares_icon {
   background: linear-gradient(146deg, #C95BFF 0%, #6E6AD9 100%);
}

.calendar_icon {
   background: linear-gradient(149deg, #0DD5F6 0%, #5566F2 100%);
}

.usd_icon {
   background: linear-gradient(149deg, #3BF078 0%, #239887 100%);
}

.side_card {
   display: none;
   position: absolute;
   top: 5rem;
   right: 0;
   width: 22rem;
   color: #fff;
   background: var(--site_color);
   border: none;
}
section.section_row:hover .side_card {
   display: block;
}
.side_card::before {
   content: '';
   display: block;
   position: absolute;
   top: 2em;
   left: -1rem;
   border-top: 1.08rem transparent solid;
   border-right: 1rem var(--site_color) solid;
   border-bottom: 1.08rem transparent solid;
}

.side_card .card_title {
   font-weight: 400;
}

.side_card p {
   font-size: 0.8em;
}

.side_card .example {
   background: #fff3;
   padding: 1rem;
   border-radius: var(--br_big);
}

.form_row:not(:last-child) {
   width: 100%;
   margin-bottom: 1.5em;
}

.textarea_with_counter {
   position: relative;
}

.textarea_with_counter textarea {
   width: 100%;
}

.text_counter {
   position: absolute;
   right: 0.8em;
   bottom: 0.5em;
   background: #fff;
   padding: 0.5em 0.8em;
   opacity: 0.5;
}

.file_button_and_input .btn {
   margin-right: 1em;
}

.two_halves {
   display: flex;
   flex-wrap: wrap;
   gap: 1em;
}

.two_halves select {
   flex: 1 0 calc(50% - 0.5em);
   gap: 1em;
}

fieldset.radio_set {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 1em;
}

.invisible_card {
   margin: 3rem 0 0;
}

.big_flying_btn {
   display: block;
   width: 19rem;
   text-align: center;
   margin: 0 auto;
}
/* end post request page */

/* freelancers page */
.sellers_list {
   --card_width: 30rem;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(var(--card_width), 1fr));
   gap: 4.5rem 2.5rem;
   margin: 2rem 0 5rem;
}

.seller_card {
   background: #fff;
   padding: 1.5em 1.75em;
   border-radius: var(--br_big);
   box-shadow: 0.25em 0.25em 1em #0000000F;
}

.seller_card_header {
   display: flex;
   align-items: center;
   margin: 0 0 0.75em;
}

.seller_card_header .user_img {
   width: 5em;
   height: 5em;
}

.seller_card_header .message_and_name {
   font-size: 1.2em;
}

.seller_card_header .user_name {
   font-weight: 100;
}

.badge_check {
   display: inline-block;
   width: 1em;
   height: 1em;
   line-height: 1;
   background: var(--gradient);
}
.badge_check .fa-badge-check {
   color: #000;
   background: #fff;
   mix-blend-mode: screen;
}

.seller_card_header .headline {
   font-weight: 400;
}

.seller_card_header .btn {
   margin-left: auto;
}

.seller_card .seller_about {
   font-size: 0.8em;
}

.seller_card ul {
   font-size: 0.8em;
   padding: 0;
   list-style: none;
   columns: 2;
}

.seller_card_status_and_rating {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.seller_card .online {
   color: #1aa15f;
}

.seller_card .offline {
   color: var(--icon_color);
}

.seller_card_skills {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75em;
   margin-top: 0.75em;
}
/* end freelancers page */

/* media queries */
@media (max-width: 77.5rem) { /* 1240 for 16 */
   header#home_header {
      top: 0;
      border-radius: 0;
   }

   #logo img {
      width: 8em;
      height: 2.7em;
   }

   #mobilemenu{
      display: block;
      width: auto !important;
   }

   #logo .mobile {
      display: none;
   }

   #desktop-category-nav {
      display: none;
   }

   #home_header ~ #proposal_top_menu {
      top: 0;
      border-radius: 0;
   }

   .cards .owl-carousel .owl-nav button.owl-prev {
      left: -1.5em;
   }
   .cards .owl-carousel .owl-nav button.owl-next {
      right: -1.5em;
   }

   .proposals_row,
   .proposals {
      --card_width: 13.5rem;
      grid-template-columns: repeat(4, 1fr);
      gap: 4rem min((100% - (4 * var(--card_width))) / 3, 4rem);
   }
   
   .proposals_row .proposal_card:nth-child(n + 5) {
      display: none;
   }
}

@media (max-width: 62.5rem) { /* 1000 for 16 */
   .proposals_row,
   .proposals {
      --card_width: 13.5rem;
      grid-template-columns: repeat(3, 1fr);
      gap: 4rem min((100% - (3 * var(--card_width))) / 2, 4rem);
   }
   
   .proposals_row .proposal_card:nth-child(n + 4) {
      display: none;
   }

   section.section_row .transparent_card,
   section.section_row .invisible_card {
      width: auto;
   }

   section.section_row:hover .side_card {
      display: none;
   }
}

@media (max-width: 47rem) { /* 752 for 16 */
   section {
      padding: 1.5rem 0 0;
   }
   section:last-of-type {
      padding-bottom: 1.5rem;
   }
   section.home_section {
      padding: 3rem 0 0;
   }
   section.home_section:last-of-type {
      padding-bottom: 3rem;
   }

   .container {
      padding: 1em;
   }

   header .expanded-search {
      order: 1;
   }

   .carousel-caption {
      left: 1em;
   }

   .carousel_buttons {
      left: 1em;
      bottom: 2em;
   }

   .carousel_buttons .sell-copy {
      display: none;
   }
   .carousel_buttons .sell-copy.short {
      display: inline;
   }

   .carousel-indicators {
      right: 1em;
      bottom: 2em;
   }

   #cards .owl-carousel .owl-nav button.owl-prev {
      left: -0.5em;
   }
   #cards .owl-carousel .owl-nav button.owl-next {
      right: -0.5em;
   }

   #market .wrapper {
      padding: 1.5em 1em;
   }

   .text_and_img img,
   .text_and_img .text_block,
   #start_selling_steps img,
   #start_selling_steps .text_block {
      flex-basis: auto;
      text-align: center;
   }

   .text_and_img:nth-of-type(2n+1) img {
      order: 0;
   }

   #start_selling .text_and_img,
   #start_selling_card .text_and_img,
   #start_selling_steps .text_and_img {
      padding: 1.5em 1em;
   }

   #start_selling .text_and_img p,
   #start_selling_card .text_and_img p,
   #start_selling_steps .text_and_img p {
      margin-right: auto;
      margin-left: auto;
   }

   .proposals_row,
   .proposals {
      --card_width: 13.5rem;
      grid-template-columns: repeat(2, 1fr);
      gap: 4rem min(100% - (2 * var(--card_width)), 4rem);
   }
   
   .proposals_row .proposal_card:nth-child(n + 3) {
      display: none;
   }

   #reviews_title_and_select {
      flex-wrap: wrap;
   }
}

@media (max-width: 30rem) { /* 480 for 16 */
   .proposals_row,
   .proposals {
      --card_width: 13.5rem;
      grid-template-columns: 1fr;
      gap: 4rem auto;
   }

   .proposals_row .proposal_card:nth-child(n + 2) {
      display: none;
   }
}