@charset "utf-8";
@font-face{
  src:url(../fonts/Brandon_reg.otf);
  font-family:'Brandon_reg';
}
@font-face{
  src:url(../fonts/Brandon_bld.otf);
  font-family:'Brandon_bld';
}
@font-face{
  src:url(../fonts/Montserrat-Regular.otf);
  font-family: 'Montserrat-Regular';
}
@font-face{
  src:url(../fonts/Montserrat-SemiBold.otf);
  font-family:'Montserrat-SemiBold';
}
@font-face{
  src:url(../fonts/Montserrat-Light.otf);
  font-family:'Montserrat-Light';
}
@font-face{
  src:url(../fonts/Mosk-Light-300.ttf);
  font-family:'Mosk-Light-300';
}
@font-face {
  font-family: "Guardian-EgypTT";
  src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2");
  src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Medium.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Medium.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Medium.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Medium.svg?v=2#Guardian EgypTT") format("svg");
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Guardian-EgypTT";
  src: url("../fonts/Guardian-EgypTT-Light.eot?v=2");
  src: url("../fonts/Guardian-EgypTT-Light.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Light.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Light.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Light.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Light.svg?v=2#Guardian-EgypTT") format("svg");
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Webfont";
  src: url("../fonts/Graphik-Regular-Web.eot");
  src: url("../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik-Regular-Web.woff") format("woff"), url("../fonts/Graphik-Regular-Web.svg#Graphik-Regular-Web") format("svg"), url("../fonts/Graphik-Regular-Web.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Webfont";
  src: url("../fonts/Graphik-Medium-Web.eot");
  src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Webfont";
  src: url("../fonts/Graphik-Medium-Web.eot");
  src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

body {
    margin: 0px;
    padding: 0px;
    background: #fff;
    height: 100%;
    width: 100%;
  font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    color: #000;
    font-weight: 400;
    overflow-x: hidden;
    /*font-family: 'Josefin Sans', sans-serif!important;*/
    /*font-family: 'Source Sans Pro', sans-serif;*/
}

html {
    height: 100%;
    width: 100%;
    /*font-family: 'Josefin Sans', sans-serif;*/
}

.revenue_usermenu {
    display: none;
}

.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);
}

#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========= */

.btn{

    cursor:pointer !important;

}

a:focus,
a:hover {
    text-decoration: none;
    transition: 300ms ease-in-out;
}
a:focus,
.btn:focus,
.btn:active:focus,
button:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: none;
}

/*audio::-webkit-media-controls-panel{
   background-color: #ccc;
   color:red;
}

audio::-webkit-media-controls-panel{
   background-color: red;
}*/

/*audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: red;
  color: red;
}*/

/* =========== 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;
}

/*============ placeholder =============*/

.form-control::-webkit-input-placeholder {
color: #afb8bc;
}
.form-control::-moz-placeholder {
color: #afb8bc;
}
.form-control:-ms-input-placeholder {
color: #afb8bc;
}
.form-control:-moz-placeholder {
color: #afb8bc;
}


/*beta*/
.list-inline-item:not(:last-child) {
    margin-right: 2px !important;
}


/*
@media(max-width: 767px){
    .navbar-brand {
        left: -22px;
        position: relative;
        right: 0;
        margin: 0 auto;
    }
    header {
        padding: 0px 0 90px;
    }
    .navbar-light .navbar-brand{
        color: rgba(0,0,0,.9);
        width: 45%;
        position: relative;
        top: 0;
    }
}*/
.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;
    }

    .revenue_usermenu {
        display: block;
        float: left;
        background: #50e250;
        position: absolute;
        right: 32px;
        margin: 0 auto;
        padding: 2px 4px;
        border-radius: 6px;
        top: 28px;
        font-size: 11px;
        font-weight: bold;
        line-height: 10px;
    }
}


.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;
 }

/*=================================================================================================*/
/*.affix .navbar-light .navbar-nav .nav-link, .mega-drop-down a {
    color: #6b7b84;
    font-size: 14px;
    margin: 0 25px 0 0;
    }*/
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;
}
.logo{
  color: #28a745;
    font-size: 31.18px;
   font-family: 'Mosk-Thin-100';
    padding-top: 10px;
}
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;
}
.btn_search, .btn_join{
    border-radius: 0px 3px 3px 0px;
    font-size: 13px;
    background: #28a745;
    color:#fff;
    transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    width: 96px;
    height: 35px;
}
.btn_search:hover,
.btn_join:hover{
    background: #fff;
    border:1px solid #28a745;
    color: #28a745;
}

.text_cont p , .text_cont p span {
    font-size: 14px!important;
    color: black!important;
}
/*** Search Panel Styles Starts ***/

@media only screen and (min-width: 1160px){

.search-bar-panel {
    padding: 20px;
}

}

.search-bar-panel {
    position: absolute;
    top: 72%;
    /*margin-top: 58px;*/
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 3px 13px 0 rgba(60,60,60,.4);
    box-shadow: 0 3px 13px 0 rgba(60,60,60,.4);
    border-radius: 0px;
    border: 1px solid #eee;
    padding: 10px;
    background-color: #fff;
    color: #777;
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search-bar-panel aside{

    display: block;

}

.search-bar-panel>aside>li {
    font-size: 14px;
    padding: 5px 5px;
}

.search-bar-package .search-bar-panel i {
    width: 24px;
}

.search-bar-panel li a {
    color: #777 !important; 
    display: block;
    padding: 8px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    text-align: left;
    width: 100%;
}

.search-bar-panel li a:hover {
    background-color: #eee;
}

.search-bar-panel span{
    
}

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


.search-bar-package .search-bar-panel button.user-search {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


@media only screen and (min-width: 1160px){
.search-bar-panel footer {
    margin-top: 10px;
    padding-top: 15px;
    margin-bottom: -5px;
}

}

.search-bar-panel footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    border-top: 1px solid #ddd;
    padding: 10px 10px 0;
    margin-top: 10px;
}

.search-bar-package .search-bar-panel footer a {
    color: #777;
    text-decoration: none;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 150%;
}

/*** Search Panel Styles Ends ***/

@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;
}

.nav-link.active {
    display: block !important;
}

.nav-link {
    display: none;

    }

.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;
     /*width:60% !important;*/

 }

 .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;

 }


.navbar-login .collapse.navbar-collapse .nav-item .btn {

    margin-top:0px;
    color:#fff !important;
}

.dropdown-submenu {

    padding-top:5px;
    padding-bottom:5px;
    background-color:#e9e9e9;

}

/*.mega-drop-down{
    padding-top: 17px;
    border-bottom: 5px solid transparent;
}*/
.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;
}
.main{

}

#demo1 .carousel-caption {
    position: absolute;
    z-index: 10;
    color: #fff;
    text-align: center;
    top: 54%;
}

#demo1 .carousel-item img:not(.srch2),
#demo1 .carousel-item video {

    /*height: 65vh;*/
    width: 100%;
   background: black;
}

#demo1 h1 {

    margin-top:-50px;
    font-size: 57px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

#demo1 h5 {
    
    font-size: 19px;
    color: #fff;
    font-family: 'Montserrat-Light';
    text-align: center;
    margin-top: 10px;

}

#demo1 .carousel-indicators li {

width: 16px;
height: 16px;

}

@media only screen and (min-width: 768px){


    #demo1 .carousel-caption h1{
        position: relative;
        top: -110px;
    }

    #demo1 .carousel-caption{

    }

    #demo1 .carousel-caption h5 {
        position: relative;
        top: -100px;
    }

    .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-append{
    background: url(../img/srch.png) no-repeat;

}*/
.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;
}


/*.cards {

border-bottom: 1px solid #ccc;

}*/

.cards h1 {
    
font-size:26px;

}

.cards .subHeading {
font-size:18px;
}

.market{
    background: #fff;
    padding: 10px 0;
}
.market h2, .top h1{
    font-size: 29.1px;
    color: #1a1e31;
    text-align: center;
    font-family:'Montserrat-SemiBold';
}
.market h4 ,.top h4{
    font-size: 16px;
    color: #6d6e71;
    font-family:'Montserrat-Light';
    text-align: center;
}
.market p{
    font-size: 16px;
    color: #414042;
    font-family: 'Montserrat-Light';
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}
}

.timer h5{
    color: #28a745;
    font-size: 14px;
}
.timer p{
    color: #929497;
    font-size: 13px;
}
.timer{
    padding: 70px 0;
    background: #3b3b3b;
}
.box{
    background: #fff;
    height: 100%;
    padding:100px 0 100px 50px;
}
.blu_box{
    background: #4ec0cb;
    padding: 36px 0;
    height: 100%;
}
.blu_box1 img{
    width: 100%;
    height: 100%;
}
.blu_box1{
    height: 100%;
}
.top{
    /*padding: 80px 0;*/
    padding: 10px 0;
}
.top h3{
    font-size: 11.92px;
    color: #a7a9ac;
    font-weight: 500;
    display: inline-block;
}
.top h3 span{
    font-size: 18.19px;
    color: #28a745;
    font-weight: 700;
}
.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: 577px){

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

}

@media(max-width: 522px){

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

}

@media(max-width: 479px){

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

   #announcement_bar {
      font-size: 13px!important;
   }

}

@media(max-width: 400px){

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

}


.favoriteIcon{
    /*width: 26%;*/
}
.favoriteIcon .fa{
    float: right;
    display: block;
    text-decoration: none!important;
}
.favoriteIcon i{
    font-size: 18px;
}
.likeIcon{
    /*width: 26%;*/
    z-index: 1;
    line-height: 1.4;
    font-size: 13px;
    border: 1px solid #556db4;
    border-radius: 12px;
    color: #556db4;
    margin-bottom: 5px;
    padding: 0 7px;
}

.total_likes {
    float: right;
    margin-left: 0px;
    font-size: 11px;
    color: #f06b9f;
}
.proposal-card-base .likeIcon {
    margin-right: 9px;
    margin-top: -22px;
    border: none;
}

.likeIcon .fa{
    float: left;
    display: block;
    text-decoration: none!important;
}
.likeIcon i{
    font-size: 18px;
}
.proposal-unfavorite{
    cursor:pointer;
    color: #28a745;
}
.proposal-favorite{
    cursor:pointer;
    color: #d1d3d4;
}
.proposal-unlike{
    cursor:pointer;
    color: #28a745;
}
.proposal-like{
    cursor:pointer;
    color: #7c8184;
}
.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 {    display: inline-block;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;
}


/****uma 24/09/2020 *********************/
.extra-images{
    text-align:right;
    position:absolute ;
    width: 100% ;
    height: 80px;
    bottom: 1px;
    right: 0px;
    z-index:30;
    
}
.extra-images img{
    /*width:45%;*/
    /*height:99%;*/
    /*border:1px solid white;*/
    /*box-shadow:0px 0px 5px 4px #ddd;*/
    /*display:inline-block;*/
    /*margin:0;*/
    /*margin-right:2px;*/
        width: unset;
    /* max-width: unset; */
    height: 90%;
    border: 1px solid white;
    box-shadow: 0px 0px 5px 4px #08080847;
    display: inline-block!important;
    margin: 0;
    margin-right: 3%;
    position: static;
    width: 48px;
    /* height: 70px; */
    object-fit: cover;
    margin: unset!important;
    margin-right: 10px!important;
}

/*************uma ends ***************/


/*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%;
}
 }
@media (max-width:767px){



}
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: 1280){
    #demo1 .carousel-caption h1 {
        font-size: 45px;
    }
    .main{
    }
    
    

#demo1 .carousel-item img:not(.srch2){

height: 62vh !important;

}

.carousel-control-prev,
.carousel-control-next {
    display: none;
}

}

@media(max-width: 1024px){

    .navbar-light .navbar-nav .nav-link,.mega-drop-down a {
       /*margin: 0;*/
        font-size: 12px;
        overflow-y: scroll;
        padding: 3px;
    }
    #demo1 .carousel-caption h1 {
        font-size: 40px;
    }

    #demo1 .carousel-item img:not(.srch2){

height: 65vh;

width: auto;

}

    #demo1 .carousel-caption{
    left:1%;
    right: 1%;
    top: 58%;
    }

    .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%;
    }
    #demo1 .carousel-caption h1 {
       font-size: 35px;
    }

    .blu_box{
        padding: 0;
    }
    .box{
        padding: 50px 5px 21px 34px
    }
    .mega-menu {
        margin-top: 31px;
    }
}
@media(max-width: 767px){
/*
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }*/
    #demo1 .carousel-item img:not(.srch2){
    height: 25vh;
    width: auto;
    }
    
   #demo1 .carousel-item video:not(.srch2){
   height: 62vh;
   width: auto;
   background: black;
   }
   
    .visible-xs{
        display: block;
    }
    
    .hidden-xs{
        display: none;
    }
    
    .top_btn li {
        padding: 0 8px;
    }
    
    #demo1 .carousel-caption{
    left:5%;
    right: 5%;
    top: 40%;
    }

    #demo1 .carousel-caption h1 {
        font-size: 25px;
    }
    #demo1 .carousel-caption h5 {
        font-size: 15px;
    }
    .main .offset-md-3 {
        margin-left: 0;
    }
    /*.srch2{
        top: 5px;
    }*/

   #demo1 .carousel-control-prev{
      display: none;
   }
   
   #demo1 .carousel-control-next{
      display: none;
   }

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

    .market .space80 {
        margin-top: 50px;
    }
    
    .market img {
        width: 100%;
    }
    
    .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 ul li a{
        font-size: 12px;
    }
    footer h3{
        /*margin-top: 20px;*/
    }
    .social_icon li a {
        padding-right: 6px;
    }
    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-indicators {
    position: absolute;
    right: 0;
    bottom: 27px;
    left: 3%;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: center;
    justify-content: left;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
}


.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}


#demo3 .carousel-caption {
    position: absolute;
    right: 15%;
    left: 21px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    top: 34%;
   height: calc(100% - 300px);
   /*margin-bottom: 19%;*/
}


#demo3 h3 {

    margin-top:-50px;
    font-size: 50px;
    font-weight: 400;
}

#demo3 p {
    font-size: 19px;
    font-family: 'Montserrat-Light';
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 27px;
    left: 3%;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: center;
    justify-content: left;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
}


.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
}

.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;
   -webkit-transition: opacity .25s ease-in-out;
   -o-transition: opacity .25s ease-in-out;
   transition: opacity .25s ease-in-out;
   -webkit-transition-delay: 0;
   -o-transition-delay: 0;
   transition-delay: 0;
}

.slide-fullscreen:before {
   font-family: FontAwesome;
   content: "\f0b2";
   margin-right: .5em;
   display: inline-block;
}

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

.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: 5000;
    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 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;
}


.proposal-card-base.mp-proposal-card {
    position: relative;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    width: 100%;
}


.video .proposal-card-base.mp-proposal-card {
    border: none!important;
}

.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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.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  ***/
.user-header {
    background:url(../images/user-background.jpg);
    color:white;
}
.user-header .btn-edit{
height: 36px; 
display: none; 
float: right;
}
.user-header:hover .btn-edit {
    display:block !important;
    width:auto;
}
.user-header .profile-image img {
    width:160px;
    height:160px;
}
.user-header .profile-image .level_badge {
    position:absolute;
    width:60px;
    height:60px;
    top:160px;
    left:130px;
}
.content-bar .headline {
    font-size:21px;
}
.content-bar .star-rating {
    font-size:20px;
    color:yellow;
}
.content-bar .user-is-online {
font-size:22px;
}
.content-bar .user-is-online span.h6{
   color: #28a745 !important
}

.user-status {
    background:url(../images/user-background-cover.jpg);
    padding:5px 15px 15px 15px;
    color:#fff;
}
.user-status ul li {
    padding-right:30px;
    display:inline-block;
    font-size:18px;
    margin-top:18px;
}
.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 **/

.post-request-radio .custom-control.custom-radio {


}

.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 .offer-p span{

}

.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:#fcfc8e3;
    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:#fcfc8e3;
}
/*** 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;
}

/** Bootstrap 4 Responsive Styles **/
@media (min-width: 768px) and (max-width:991px) {
  .container {
    max-width:100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width:750px;
  }
}

/*** 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;
}


#start_selling {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/start_selling.jpeg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/start_selling.jpeg);
    background-size: cover;
    background-position: center;
    height: 60vh;
    background-attachment: fixed;

}

#start_selling h2 {
    position: relative;
    top: 30%;
    font-size: 260%;
}

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

.is-online .fa-circle {
    font-size: 12px !important;
    /* vertical-align: middle; */
    /* padding-right: 0px; */
    margin-left: -7px;
    border: 2px solid white;
    border-radius: 10px;
}

@media (max-width: 575px) {
    
    #start_selling h2 {
    position: relative;
    top: 25%;
    font-size: 130%;
    }   

}

#start_selling h3 {
    
    position: relative;
    top: 30%;
    font-size: 130%;
    
}


@media (max-width: 575px) {
    
    #start_selling h3 {
    
    position: relative;
    top: 35%;
    font-size: 100%;
    
    }
    
}


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

#start_selling_body .fa {
    position: relative;
    left: 135px;
    font-size: 50px;
    color: #28a745;
}


#start_selling_body .row-1 h3 {
    position: relative;
    left: 40px;
}

#start_selling_body .row-2 h3 {
   position: relative; 
   left: 50px;
}

#start_selling_body .row-1 img{
   position: relative; left: 50px; padding: 15px;
}

#start_selling_body .row-2 img{
   position: relative; left: 67px; padding: 15px;
}

/*** 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%;
}

#how_to .fa {
    position: relative;
    left: 135px;
    font-size: 50px;
    color: #28a745;
}


.fa-adj {
    font-size: 300% !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}


@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;
    }
    
}

/** Home Page Cards Syles ***/

.card-box:hover {
    
    border-radius: 4px;
    background:white;

}

.card-box .subcategory {
    position: relative;
}

.card-box .subcategory h4 {
    position: fixed;
    z-index: 1;
    font-size: 26px;
    line-height: 25px;
    color: #fff;
    padding: 15px;
    width: auto;
    text-shadow: 0px 0px 8px #2b086f, 0 0 9px #094205;
    background: linear-gradient(black, transparent);
    width: 100%;
    border-radius: 4px;
}

.card-box .subcategory h4 small {
    font-size: 17px;
    font-weight: 400;
    display: block;
}

.card-box .subcategory img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 300px;
    width: 100%;
    border-radius: 4px;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.card-box:hover img{

opacity: 0.8;

}


@media only screen and (max-width: 475px) {

.card-box{

    width: 235px;

}

.card-box .subcategory img {

    height: 290px;

}


}


@media only screen and (max-width: 420px) {

   .card-box{

    width: 210px;

   }

   .card-box .subcategory img {

      height: 155px;
      width: 100%;

   }
   picture {
       display: block;
       width: 100%;
}

}
.owl-carousel.owl-drag .owl-item {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
@media only screen and (min-width: 320px) {
    .ui-toolkit .col-sm-6 {
        width: 50%;
        padding-right: 10px;
        padding-left: 10px;
    }

    .container-fluid {
        padding-right: 8px;
        padding-left: 8px;
    }

    .ui-toolkit .video .col-sm-6 {
        width: 100%;
    }

    .proposal-card-base .proposal-seller-info .fit-avatar.s24 {
        display: none;
    }

    .mp-proposal-card.proposal-card-base a.imgsm {
        height: 145px;
    }

    .proposal-card-base .proposal-price a small {
        display: none;
    }

    .proposal-card-base .proposal-link-main h3 {
        font-size: 14px;
    }
}



@media only screen and (min-width: 500px) {
    .mp-proposal-card.proposal-card-base a.imgsm {
        height: 170px;
    }

    .container-fluid {
        padding-right: 19px;
        padding-left: 19px;
    }

    .proposal-card-base .proposal-seller-info .fit-avatar.s24 {
        display: block;
    }

    .proposal-card-base .proposal-price a small {
        display: inline-block;
    }

    .proposal-card-base .proposal-link-main h3 {
        font-size: 15px;
    }
}


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

/*Footer Styles*/
.footer{
  background: #1a1e31;
  padding: 40px 0 0 0;
}

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

@media (max-width: 767.98px) { 
  .footer{
    padding: 10px 0 0 0;
  }
  .footer h3{
    cursor: pointer;
    border-bottom: 1px solid #ebebeb;
    height: 44px;
    line-height: 44px;
  }
  /*.dd.ddcommon.borderRadius{
    width: 300px !important;
  }*/
}

footer h3{
  color: #fff;
  font-size: 14px;
  font-family: 'Montserrat-Regular';
}

footer ul li a{
  color: #bdbfc4;
  font-size: 13px;
  font-family:'Montserrat-Light';
}
footer ul li{
  padding: 7px 0;
}
footer h5{
  color: #fff;
  font-size: 14px;
  font-family: 'Montserrat-Regular';
}
footer a:hover{
  color: #fff;
}

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

.social_icon li a{
  padding-right:  15px;
  font-size: 18px;
}

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

#announcement_bar{
  /*background: #FF8000;*/
  /*color: #fff;*/
  display: block;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: calc(100% + 18px);
  padding: 12px 12px;
  text-align: center;
  font-size: 15px;
  /*text-transform: capitalize;*/
  font-weight: bold;
  font-size: 16px;
  overflow: auto;
}

#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;
}

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

@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;
    }
}


.social_icon a{
  color: #fff;
}
.post_footer{
  background: #141625;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 13px 0;
  border-bottom: 1px solid #fff;
}
.navbar-brand:focus, .navbar-brand:hover{
  color: #28a745;
}

/* Media query for desktop viewport */

.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;
   }

}

/*********** Home *****************/

.request_home_file {
    height:200px;
    overflow:hidden;
}




/*** Category and Sub Category Page ***/




div.cat_desc {
    text-align: left;
    max-height: 300px;
    overflow: hidden;
    font-size:15px;
}
div.cat_desc.collapse.show {
    max-height: none!important;
    height: 100%!important;
}
div.cat_desc.collapse {
    max-height: 300px;
    height: 300px;
    display:block!important;
}

div.cat_desc.collapsing {
    max-height: 300px;
    height: 300px;
    display:block!important;
}

div.cat_desc_readmore {
    text-align: center;
    padding-top: 10px;
}

div.cat_desc_readmore a {
    border: 1px solid;
    padding: 3px;
    margin-top: 10px;
    border-radius: 6px;
}

div.cat_desc img {
    float: left;
    width: 300px;
    padding: 0 20px 20px 0;
}

div.sub_cat_desc {
    text-align: left;
    max-height: 300px;
    overflow: hidden;
    font-size:15px;
}
div.sub_cat_desc.collapse.show {
    max-height: none!important;
    height: 100%!important;
}
div.sub_cat_desc.collapse,
div.sub_cat_desc.collapsing {
    max-height: 300px!important;
    height: 300px!important;
    display:block!important;
}

div.sub_cat_desc_readmore {
    text-align: center;
    padding-top: 10px;
}

div.sub_cat_desc_readmore a {
    border: 1px solid;
    padding: 3px;
    margin-top: 10px;
    border-radius: 6px;
}

div.sub_cat_desc img {
    float: left;
    width: 300px;
    padding: 0 20px 20px 0;
}

.cat_box {
    margin: 2px 5px;
    border-radius: 20px;
    padding: 2px 8px;
    color: white;
    font-weight: bold;
    display: inline-table;
    white-space: nowrap;
}

@media (max-width: 767px) {
    
    div.cat_desc img {
        float: left;
        width: 150px;
        padding: 0 13px 6px 0;
    }
    

    div.sub_cat_desc img {
        float: left;
        width: 150px;
        padding: 0 13px 6px 0;
    }

}


#myCarousel .carousel-item {
    height: 80vh !important;
    text-align: center;
}


.table-responsive>.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
}

.table-responsive .table thead td, .table-responsive .table thead th {
    min-width: 170px;
    width: auto;
}
#massonry_border .mp-proposal-card.proposal-card-base a.imgsm {
    display: block;
    text-align: center;
}

#massonry_border .mp-proposal-card.proposal-card-base a.imgsm img {
    /*height: 100%;
    width: auto;*/

    height: 100%;
    width: 100%;
    object-fit: cover;
    /* object-fit: none; */
    object-position: center;
}
#massonry_border .mp-proposal-card.proposal-card-base span.imgsm {
    height: 182px;
    display: block;
    text-align: center;
}

#massonry_border .mp-proposal-card.proposal-card-base span.imgsm img {
    height: 100%;
    width: auto;

    /*height: 100%;
    width: 100%;*/
    object-fit: cover;
    /* object-fit: none; */
    object-position: center;
}
#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm img {
    height: 100%;
    width: 100%!important;
}
.portfolio-description-form p {
    float: left;
    padding-left: 10px;
    clear: both;
    display: block;
}

.mobile-portfolio-title {
    float: left;
    width: 100%;
    text-align: center;
}

.proposal-card-base iframe {
    width: 100%;
    height: 170px;
}

.video .proposal-card-base iframe {
    height: 228px;
}

.proposal-form #category {
    width: 94%;
}

.proposal-form .search_cat {
    position: absolute;
    /*padding: 7px;*/
    right: 0;
    margin-right: 16px;
    border: 1px solid #bac1c7;
    cursor: pointer;
}

.proposal-form .search_cat i {
    padding: 9px;
}

.proposal-form .search_cat.active i {
    margin: 5px 3px;
}

.proposal-form .search_cat .fa-search {
    display: block;
    background: white;
}

.proposal-form .search_cat .fa-times {
    display: none;
}

.proposal-form .search_cat.active .fa-search {
    display: none;
}

.proposal-form .search_cat.active .fa-times {
    display: block;
}

.proposal-form .search_cat.active {
    width: 94.5%;
    background: white;
}

.proposal-form .search_cat.active #search_input {
    display: block!important;
    width: 85%;
    float: right; 
    border: 1px solid #bac1c7;
    margin: 5px;
    height: 32px;
}

#search_input {
    display: none;
}

.proposal-form .search-bar-panel {
    top: 100%;
    /*margin-left: -7px;*/
} 

img.portfolio-modal-img {
    max-height: 300px;
}

.localsearch {
    display: inline;
    padding: 5px;
    vertical-align: middle;
}

.localsearch label {
    margin-left: 3px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    /* color: #ec66eb; */
    margin-top: 4px;
}

.gig-page-section.gig-page-section-overview {
    padding: 0 10px;
}

.contact-button {
    /*top: 40%;*/
    display: block;
    font-size: 22px;
    height: 50px;
    /* width: 60px; */
    line-height: 15px;
    text-align: center;
    color: #fff;
    position: fixed;
    bottom: 85px;
    right: 19px;
    z-index: 10002;
    border-radius: 12px;
    background: #2ca35b;
    padding: 4px;
    width: 65px;
}

.contact-button small {
    font-size: 12px;
}

.contactbox {
    height: 80px;
    text-align: center;
    background: bisque;
    line-height: 80px;
    font-size: 23px;
    padding: 0 20px;
    font-weight: bold;
    border-radius: 15px;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
}

#callbox, #emailbox {
    display: none;
}


.form-group.required .col-form-label:after {
  content:"*";
  color:red;
}


.proposal_package_image_box_small {
    height: 120px;
    width: 120px;
    margin: 0 auto;
}
.proposal_package_image_box_small img {
    width: 100%;
    height: auto;
}

.proposal_package_box {
    margin-top: 10px;
}

.proposal_package_box img {
    max-width: 120px;
    float: left;
    margin: 0 10px 10px 0;
}

dl.dropdown_img {margin: 8px}
.dropdown_img dd, .dropdown_img dt, .dropdown_img ul { margin:0px; padding:0px; }
.dropdown_img dd { position:absolute; }
.dropdown_img div { color:#816c5b; text-decoration:none; outline:none;}
.dropdown_img div:hover { color:#5d4617;}
.dropdown_img dt div:hover { color:#5d4617; border: 1px solid #d0c9af;}
.dropdown_img dt div {background:url('http://www.jankoatwarpspeed.com/wp-content/uploads/examples/reinventing-drop-down/arrow.png') no-repeat scroll right center; display:block; padding-right:20px;
                border:1px solid #e9ecef; width:150px;}
.dropdown_img dt div span {cursor:pointer; display:block;height: 40px;line-height: 40px; padding-left: 5px; padding-top:5px;}
.dropdown_img dd ul {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e9ecef;
    color: #C5C0B0;
    display: none;
    left: 0px;
    padding: 0px 0px;
    position: absolute;
    width: auto;
    min-width: 170px;
    list-style: none;
    border-bottom: none;
    cursor: pointer;
}
.dropdown_img span.value { display:none;}
.dropdown_img dd ul li div { padding:5px; display:block;border-bottom: 1px solid #e9ecef;}
.dropdown_img dd ul li div:hover { background-color:#dedbd2;}

.dropdown_img img.flag { border:none; vertical-align:middle; /*margin-left:10px;*/ width: 40px }
.flagvisibility { display:none;}
.brick a{
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    display: inline-block!important;
}
@media only screen and (max-width: 999px) and (min-width: 300px) {
    .mobile-80 {
        width: 80%!important;
        min-width: 80%!important;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-20 {
        width: 20%!important;
        min-width: 20%!important;
    }

    .mobile-50 {
        width: 50%!important;
        min-width: 50%!important;
    }
    .mobile-40 {
        width: 40%!important;
        min-width: 40%!important;
    }
    .mobile-10 {
        width: 10%!important;
        min-width: 10%!important;
    }

    #myCarousel .carousel-item {
        height: 35vh !important;
        text-align: center;
    }

    .extra-images{
        height: 50px;
    }
    .extra-images img{
        width: 32px;
    }
    .is-responsive .gnav-header #gigtodo-logo a {
        margin-top: 12px;
        display: block!important;
        width: 25px;
        /* background: red; */
        transform: translateX(-8px);
    }
    .gigtodo-logo-svg-logged-in img.desktop {
        display: none !important;
    }
    .gigtodo-logo-svg-logged-in img.mobile {
        display: block!important;
        width: 100%;
    }
    .gnav-header #gigtodo-logo.gigtodo-logo-svg a {
        background: none;
        position: relative;
        display: block;
        width: 30px;
        margin-top: 13px!important;
    }
}

@media only screen and (max-width: 9999px) and (min-width: 999px) {
    .gigtodo-logo-svg-logged-in img.desktop {
        display: block !important;
    }
  }
/*************************arko start***********************************/


.row.mt-3 {
    width: 100%;
    margin: 0 auto;
}
.masonry.bordered {
    width: 100%;
}

/* massonry start */
/* Defaults */


.brick img, .brick video {
    max-width: 100%;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}

html {
  box-sizing: border-box;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
/*  max-width: 1080px;*/
}

/* Masonry item */
.masonry .brick {
  margin-bottom: 30px;
 /* display: inline-block; */
  vertical-align: top;
}

/* Bordered masonry */
.masonry.bordered {
  column-rule: 0px solid #eee;
  column-gap: 16px;
}

.masonry.bordered .brick {
  padding-bottom: 4px;
  margin-bottom: 5px;
  border-bottom: 0px solid #eee;
  display: block;
  width: 100%;
  /* background: red; */
  float: left;
  break-inside: avoid-column;
  margin: 5px 0;
  /* box-shadow: 1px 1px 5px 0px #00000059; */
}
@-moz-document url-prefix() {
    .masonry.bordered .brick {
      padding-bottom: 4px;
      margin-bottom: 5px;
      border-bottom: 0px solid #eee;
      display: inline-block;
      width: 100%;
      /* background: red; */
      float: none;
      break-inside: avoid-column;
      margin: 5px 0;
    }
}
#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm {
    height: auto;
    width: unset!important;
    display: block;
    text-align: center;
}

#massonry_border > .brick .mp-proposal-card.proposal-card-base span.imgsm img {
    height: 100%;
    width: 100%!important;
    border-radius: 10px;
}
#massonry_border .brick .proposal-card-base.mp-proposal-card {
    position: relative;
    background-color: #fff;
    border: 0px solid #e5e5e5;
 }
 .masonry {
     column-count: 3;
 }
/* #massonry_border .proposal-seller-info {
     display: none!important;
 }*/
.overlay_comments{
    width: 100%;
    float: left;
    margin: 10px auto 10px;
    /*background-color:red;*/
}
.overlay_comments_inner img {
    width: 50px;
}
.comments_image_cont img {
    border-radius: 100px;
}
.comments_inner {
    background: #ebebef;
    padding: 10px 14px;
    padding-bottom: 20px;
    border-radius: 0px 10px 10px 10px;
    position: relative;
}
.comments_inner:before {
    position:absolute;
    content: '';
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #ebebef;
    right: unset;
    top: 0px;
    left:-10px;

}
.row.overlay_input_cont {
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
}
.input_profile {
    width: 100%;
    display:block;
    font-size: 18px;
    font-weight: 600;
    color: #f06b9f;
    margin-bottom: 6px;
}
.input_profile img {
    width: 50px;
    border-radius: 100px;
}
.inner_input_cont {
    width: 100%;
    display:block;
}
.inner_input_cont textarea{
    width: 100%;
    padding: 10px 20px;
    background: #ebebef;
    border: none;
    border-radius: 10px;
    min-height:100px;

}
.inner_input_cont textarea:focus{
    outline: none;
    border: none;
}
.overlay_comments {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100% + 10px);
    height: 100%;
    background: #ffffff;
    padding: 50px 30px;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: all .5s;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all .5s;
    font-family: 'Josefin Sans', sans-serif!important;
}
.inner_input_cont button{
    padding: 8px 14px;
    cursor: pointer;
    border: none;
    text-decoration: none;
    background: #f06b9f;
    border-radius: 34px;
    font-size: 13px;
    font-weight: 700;
    color: white;
    margin-top: 4px;
}
.overlay_comments.active {
    transition: all .5s;
    top: 0%;
}
.comments_close {
    position: absolute;
    top: 0;
    right: 12%;
    height: 35px;
    margin-right: -20px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.row.overlay_comments_inner {
    margin-top: 10px;
}
.comments_inner span {
    font-size: 13px;
    line-height: unset!important;
}
.comments_inner h5 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #8e8e8e;
    margin-top: 10px;
}
.like_comments_cont i{
     color: #b8b8b8; 
    /*color: #ffffff;*/
    margin-right: 5px;
}
.number_of_liked , .number_of_comments {
    font-size: 14px;
    color: #3e3e3e;
    font-weight: bold;
}
.copppent_tri {
    cursor: pointer;
}
  #massonry_border .proposal-card-base .proposal-link-main h3 {
     font-weight: bold;
     letter-spacing: 1px;
     font-size: 14px;
     /* background: red; */
     height: auto;
     width: 73%;
     float: left;
     margin-top: 10px;
 }
/* Masonry on tablets */

#massonry_border .brick .likeIcon {
    /*display: none;*/
    border: none;
    position: absolute;
    top: 43px;
    right: -4px;
}
#massonry_border .brick:hover .likeIcon {
    display: inline-block;
}
.proposal-link-main  {
    width: 100%;
    float: left;
    position: relative;
}
.view_more i.fa {
    font-size: 14px;
    color: #f06b9f;
}
.view_more {
    cursor: pointer;
}
.like_comments_cont .no_rl_paadding {
    padding-left: 0!important;
    padding-right: 0!important;
}
#massonry_border .portfolio_img_wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.row.like_comments_cont {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    border-bottom: 2px solid #ababab21;
    padding-bottom: 10px;
}
.row.like_comments_cont {
    width: 100%;
    margin: 0 auto;
}

.row.like_comments_cont {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    border-bottom: 2px solid #ababab21;
    padding-bottom: 10px;
}
#massonry_border .brick .for_second_design {
    position: absolute;
    z-index: 2;
    background: red;
    width: 100%;
     height: 58px; 
    bottom: 0;
    left: 0;
   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%);
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
   background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
   transform: translateY(100px);
   transition: all .5s;

}
#massonry_border .brick:hover .for_second_design {
    position: absolute;
    z-index:40;
    background: red;
    width: 100%;
     height: 58px; 
    bottom: 0;
    left: 0;
   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%);
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
   background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
   transform: translateY(0px);
   transition: all .5s;

}
.gig-seller-tooltip {
    font-size: 13px;
    color: #ffffffe3;
    margin-top: -2px;
}
.likeIcon i {
    font-size: 13px;
    transform: translateY(2px);
    margin-right: 4px;
}
.proposal_portfolio_cont.modal-dialog {
    max-width: 1200px;
    width: 100%;
}
#image-modal.proposal_portfolio_cont .close {
    position: absolute;
    top: 0;
    right: 22px;
    z-index: 4;
    font-size: 50px;
    color: #556db4;
    opacity: 1;
}
h4.title {
    font-size: 35px;
    font-weight: 700;
    color: #f06b9f;
}
.proposal_portfolio_cont.modal-header {
    padding:0px;
    border:none;
}
.proposal_portfolio_cont.modal-body {
    padding: 0;
}
.proposal_portfolio_cont.modal_inner {
    width: 100%;
    margin: 0 auto;
}
.proposal_portfolio_cont.modal_inner .col-md-7.img_cont_modal {
    padding: 0;
}
.proposal_portfolio_cont.modal-content {
    border-radius: 46px;
    overflow: hidden;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
    margin-top: 5%;
    margin-bottom: 5%;
}
#image-modal.proposal_portfolio_cont {
    background: #ffffff!important;
}
img.portfolio-modal-img {
    max-height: unset;
    width: 100%;
}

.proposal_portfolio_cont .modal_inner .col-md-5.text_cont_modal {
    padding-top: 70px;
    padding-left: 30px;
    padding-right: 30px;
}
.proposal_portfolio_cont .modal-header {
    padding: 0;
}
.input-group-lg.mb-2.text-left h4 {
    font-size: 27px;
    font-weight: 700;
    color: #808080;
    margin-top: 30px;
}
.input-group-lg.mb-2.text-left h4.title {
    font-size: 35px;
    font-weight: 700;
    color: #f06b9f;
    margin-top: 0;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
    display: inline;
}
.card-body .text-center.h3 {
    display: inline;
}
.rounded-circle {
    width: 70px;
   margin-right: 9px;
}
.header-message-div .rounded-circle {
    width: unset;
    margin-right: 9px;
}
.text-center h3 {
    font-size: 23px;
    font-weight: 700;
}
.slider_image {
    width: 100%;
}
.carousel_control_button {
    width: 50px;
    height: 50px;
    background: red;
}
#demo {
    max-width: 1200px;
    width: 100%;
    border-radius: 46px;
    overflow: hidden;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
    margin: 0 auto;
    margin-top: 3.5%;
    margin-bottom: 0%;
}
.inner_row{
    width: 100%;
    margin:0 auto;
}
.inner_row .col-md-7.image_cont {
    padding: 0;
}
.inner_row .col-md-5.text_cont {
    padding: 70px 30px 20px;
}
.carousel-item h4 {
    font-size: 35px;
    font-weight: 700;
    color: #556db4;
    margin-top: 0;
}
h4.about_portfolio_textcont_heead {
    font-size: 27px;
    font-weight: 700;
    color: #808080;
    margin-top: 30px;

}
.carousel_control_button.carousel-control-prev {
    top: 50%;
    left: 20px;
    border-radius: 100px;
    text-align: center;
    opacity: 1;
    background: #9b9b9b94;
    position: fixed;
}
.carousel_control_button.carousel-control-next {
    top: 50%;
    right: 35px;
    border-radius: 100px;
    text-align: center;
    opacity: 1;
    background: #9b9b9b94;
    position: fixed;
}
#image-modal .modal-content {
    display: none;
}
.text_cont {
    position: relative;
}
.overlay_div_desc_outer {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100% + 10px);
    height: 100%;
    background: #ffffff;
    padding:50px 30px;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: all .5s;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif!important;
}
.overlay_div_desc_outer.active {
    top: 0;
    transition: all .5s;
}
.desc_close {
    position: absolute;
    top: 0;
    right: 12%;
    height: 35px;
    margin-right: -20px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
}
span.main_modal_description {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif!important;
}
.col-md-3.mt-4 {

}
.col-md-3.mt-4 .card.user-sidebar.rounded-0.mb-4 {
    background: #fbfbfb;
    border-radius: 10px!important;
    float: left;
    width: 100%;
    border: none;
    padding: 10px;
}
.user-sidebar a.btn.btn-lg.btn-block.btn-success.rounded-0 {
    border: none;
    padding: 10px;
    border-radius: 50px!important;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 12px;
}
.user-sidebar .card-body + hr , .user-sidebar .card-body + hr + a + hr {
    display: none;
}
div#st-1 {
   opacity: 0;
   transition: all .5s;
}
div#st-1.active {
   opacity: 1;
   transition: all .5s;
}
.details .proposal-info {
    padding-bottom: 0px;
    position: relative;
}
.sharebuttonportfolio {
    position: absolute;
    font-size: 23px;
    bottom: 0px;
    right: 0;
    background: #f06b9f;
    padding: 5px 8px;
    display: inline;
    border-radius: 5px;
    height: unset;
    line-height: 0;
    background: linear-gradient(58deg, rgb(200 213 251) 0%, rgb(85 109 180) 100%);
    color: #ffffff;
}
.close_share {
    display: inline-block;
    font-size: 20px;
    line-height: 0;
    margin-right: 8px;
    margin-top: 8px;
    color: #5c5c5ca1;
}
.proposal-info hr{
    display: none;
}
.details .proposal-info h3 {
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 900;
    font-size: 30px;
    color: #4c4b4b;
}

.checkbox_conntainer {
  display: inline-block;
  position: relative;
  padding-left: 27px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* background:red; */
}

/* Hide the browser's default checkbox */
.checkbox_conntainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox_conntainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkbox_conntainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox_conntainer input:checked ~ .checkmark {
  background-color: #2196F3;
  background: linear-gradient(58deg, rgb(61 72 99) 0%, rgb(85 109 180) 100%) !important;
  border-color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_conntainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_conntainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
li.register-link {
    /* color: #e006db; */
}
.search-button-wrapper  .btn {
    border: none;
}
.ui-toolkit .bb-xs-1 {
    border-bottom: 1px solid #E1E3DF;
   /* background: linear-gradient(58deg, rgb(236 190 255) 0%, rgba(236,73,229,1))!important;*/
}

/*login modal*/
.login.login_modal_cont {
    /*display: block;*/
   /* background: red;*/
    position: fixed;
    overflow: unset;
    top: 0px !important;
    padding-right: 17px;
}
.modal-dialog {
    width: 100%;
    max-width: 750px;
}
.login.login_modal_cont .modal-content {
    border-radius: 0px 10px 10px 0px;
    overflow: hidden;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
    margin-top: 0%;
    margin-bottom: 0%;
    padding: 20px;

}
.inner_login_image_cont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(185,232,247);
    background: linear-gradient(0deg, rgba(185,232,247,1) 0%, rgba(236,73,229,1) 100%);
}
.inner_login_image_cont img{
    width: 88%;
    position: absolute;
    bottom: 3%;
    left: 7%;
}
.inner_login_image_cont .inner_text{
    position: absolute;
    top:3%;
    left:0;
    width:100%;
    min-height: 100px;
    /*background: green;*/
    padding:20px;
}
.inner_login_image_cont .inner_text h3 {
    color: white;
    font-weight: 900;
    font-size: 30px;
}
.inner_login_image_cont .inner_text p {
    color: white;
    font-size: 15px;
    font-weight: 300;
}
#login_modal_cont_for_height {
    padding-left: 0;
    padding-right: 0;
}
.text-center.pt-4.pb-2 {
    padding-bottom: 1.5rem !important;
    padding-top: .5rem !important;
}
.login_image_outer {
    background: green;
    padding: 0!important;
    margin: 0!important;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
    position: relative;
    
}
 #login_modal_cont_for_height .modal-header {
    display: none;
}
.inner_login_image_cont label.form-group-label {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    color: #5b5b5b;
}
#login_modal_cont_for_height input.form-control {
    border: none;
    border-bottom: 1px solid #556db4;
    border-radius: 0;
    padding-left: 0;
}
#login_modal_cont_for_height input.btn.btn-success.btn-block {
    padding: 8px;
    font-size: 17px;
    border: none;
    transition: all .5s;
    font-weight: 700;
}
#login_modal_cont_for_height input.btn.btn-success.btn-block:hover {
    transition: all .5s;
    background: linear-gradient(58deg, rgb(201 157 219) 0%, rgb(182 55 177) 100%);
}
.form-control:focus {
    box-shadow:none!important;

    outline: none;
}
.user_sedebar_trigger {
    display: none;
}
#user-sidebar_activee .card-body {
    float: left;
    width: 100%;
    padding: 0px;
    margin-bottom: 25px;
}
.outer_card {
    box-shadow: 1px 1px 4px 0px #cccccc4a;
    width: 100%;
    background: white;
    display: block;
    float: left;
    padding: 14px;
    margin-bottom: 8px;
    border-radius: 5px;
}
a.btn.btn-lg.btn-block.btn-success.rounded-0 {
    float: left;
}
#user-sidebar_activee .card-body .card-hr {
    display:none;
}
.user_portfolio .card {
    border: 0px solid #E1E3DF!important;
}
.text-center.mb-5.p-2 {
    font-size: 17px;
    text-align: left!important;
}
.marketplaceInner {
    padding: 0px!important;
}
.marketplaceInner img {
    width: 100%;
}
.marketplaceInner {
    position:relative;
    height: auto;
}
.marketplaceInner span {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 32%);
    color:white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.marketplaceInner span p{
    color:white;
}
.marketplaceouter_cont{
    width: 100%;
    margin: 0 auto;
}
.nopadding {
    padding: 0px!important;
}
.market {
    padding: 0px 0;
}
.top_portfolio{
    text-align: center!important;
    display: block;
}
.marketplaceInner span p {
    color: white;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    background: #00000061;
    padding: 5px 9px;
    /* width: 100%; */
    border-radius: 0px 10px 0px 10px;
}
.five_grid .portfolio_img_wrapper {
    box-shadow: -1px 4px 9px 0px #00000029;
}
.five_grid .seller-info-wrapper a.seller-name {
    color: white;
    font-size: 14px;
    font-weight: bold;
}
.five_grid .seller-info-wrapper .gig-seller-tooltip  {
    font-size: 10px;
}
.heading_text_center {
    text-align: center;
}
.bottom_subheading_text_center {
    text-align: center;
    margin-bottom: 20px;
    display: block;
}
#register-modal label {
    display: inline-block;
    margin-bottom: 0px;
}
.login.login_modal_cont  {
    padding-right: 17px;
    position: fixed;
    overflow-y: scroll;
    width: 102%;
}
.top_portfolio_row {
    width: 100%;
    margin: 0 auto;
}
#massonry_border .brick .likeIcon {
    top: 40px;
 }
 #masterpieses.five_grid .seller-info-wrapper a.seller-name {
     color: #696868;
     font-size: 14px;
     font-weight: bold;
 }
 #masterpieses.five_grid .seller-info-wrapper .gig-seller-tooltip {
      color: #696868;
  }
 #masterpieses.five_grid .proposal-card-caption {
    position: relative;
 }
 #masterpieses.five_grid .likeIcon.float-right {
    position: absolute;
    bottom: 7px;
    right: 2%;
 }
  #masterpieses.five_grid .proposal-card-base .proposal-link-main h3 {
     height: unset;
     overflow: unset;
     padding-top: 10px;
     font-weight: bold;
     color: #484848;
 }
 #masterpieses.five_grid .proposal-card-base.mp-proposal-card .proposal-card-footer {
    height: 32px;
    /*border-top: 1px solid #eee;*/
    /* background:#62ffe2; */
    float: left;
    width: 100%;
}
 #masterpieses.five_grid  .proposal-card-base.mp-proposal-card .rating-badges-container {
    min-height: 25px;
    margin-top: 2px;
    padding-bottom: 7px;
}
.outer_masterpieces_cont.row {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 2%;
}
 .outer_portfolio_cont.row {
    padding-bottom: 2%;
}
span.view_more {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #556db4;
    font-size: 12px;
}
.main_modal_description span.view_more {
    display: inline;
}
 #masterpieses.five_grid .proposal-card-base.mp-proposal-card {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border: 0px solid #e5e5e5;
    width: 100%;
    box-shadow: 1px 1px 6px 0px #00000014;
    border-radius: 10px;
}
 #masterpieses.five_grid .likeIcon {
    border: 0px solid #556db4;
}
 #masterpieses.five_grid .likeIcon i {
    font-size: 18px;
    transform: translateY(-1px);
    margin-right: 4px;
}
#masterpieses.five_grid .proposal-card-base .proposal-price a {
    font-size: 16px;
    line-height: 20px;
    color: #555;
    font-weight: 900;
    padding: 10px 12px 0 0;
}
#masterpieses.five_grid.masonry.bordered .brick {
    margin-bottom: 10px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

/*footer bottom fixed button*/
.bottom_fixed {
    position: fixed;
    display: block;
    cursor: pointer;
    font-size: 20px;
    /* height: 60px; */
    width: 47px;
    line-height: 60px;
    text-align: center;
    background: #28a475;
    background: linear-gradient(58deg, rgb(85 109 180 / 76%) 0%, rgb(0 0 0) 100%) !important;
    border-radius: 0;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    border-radius: 50px;
    padding: 1px;
    overflow-x: hidden;
    min-height: auto;
    transition: all .5s;
}
.bottom_fixed.active {
    width: 244px;
    transition: all .5s;
}

.above_four.bottom_fixed.active {
    width: 243px;
    transition: all .5s;
}
.bottom_fixed_inner{
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    height: 45px;
    width: 45px;
    line-height: 60px;
    text-align: center;
    background: #047ec2;
    color: #fff;
    border-radius: 50%;
    z-index: 9999;
    float: right;
    margin-left: 10px;
}
.bottom_fixed_inner:nth-last-child(1){
   position: absolute;
   right: 50px;
   transform: scale(1);
}
.bottom_fixed_inner:nth-last-child(2){
    position: absolute;
    right: 99px;
}
.bottom_fixed_inner:nth-last-child(3){
    position: absolute;
    right: 148px;
}
.bottom_fixed_inner:nth-last-child(4) {
    position: absolute;
    right: 197px;
    transform: scale(1);
}
.bottom_fixed_inner:nth-last-child(5){
    position: absolute;
    right: 248px;
}
.envelope {

    display: none;
}
.envelope .fa.fa-envelope {
    left: 13px;
    top: 12px;
}
.hashtag .fa.fa-hashtag {
    left: 13px;
    top: 12px;
}
/*.bottom_fixed_inner:nth-last-child(1){
    margin-left:0px;
}*/
/*.contact-button {
    display:none;
}*/
.close-popup.active {
    display: block;
}
.bottom_fixed i {
    color: #fff;
    position: absolute;
    top: 13px;
    left: 15px;
    z-index: 2;
    transition: transform .2s ease 0s;
}
.open-popup {
    display: block!important;
}
.close-popup {
    display: none!important;
}
.bottom_fixed_inner.active .open-popup {
    display: none!important;
}
.bottom_fixed_inner.active .close-popup {
    display: block!important;
}

.bottom_nav_for_filter {
    display: none;
}
.wraper_of_filter .card {
    border: 0px solid #E1E3DF!important;
}
.wraper_of_filter {
    background: #f3f3f3;
    padding: 10px;
    width: 100%;
    float: left;
}
.sidebar_wrapper_proposal {
    width: 100%;
    float: left;
    position: sticky;
    top: 50px;
}
.user-sidebar {
    width: 100%;
    float: left;
    position: sticky;
    top: 47px;
}
.user-sidebar.noannouncement {
    width: 100%;
    float: left;
    position: sticky;
    top: 0px;
}
.bottom_fixed_inner{
    overflow: hidden!important;
    z-index: 2;
}
.bottom_fixed_inner:hover{
    overflow: unset!important;
    z-index: 5;
}
.bottom_fixed_inner:hover span.toleft {
    position: absolute;
    width: 300px;
    height: 100%;
    background: #313332;
    right: 0;
    border-radius: 100px;
    /* transition: all .5s; */
}
.bottom_fixed_inner span.toleft {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #313332;
    right: 0;
    border-radius: 100px;
    /* transition: all .5s; */
}
.bottom_fixed_inner:hover span.toleft p{
    opacity: 1;
    transition: opacity .5s;
}
.bottom_fixed_inner span.toleft p{
    opacity: 0;
    margin-right: 45px;
    font-size: 13px;
    line-height: 41px;
    float: right;
    transition: all .5s;
}


.bottom_fixed_inner:hover span.toright {
    position: absolute;
    width: 300px;
    height: 100%;
    background: #313332;
    left: 0;
    border-radius: 100px;
    /* transition: all .5s; */
}
.bottom_fixed_inner span.toright {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #313332;
    left: 0;
    border-radius: 100px;
    /* transition: all .5s; */
}
.bottom_fixed_inner:hover span.toright p{
    opacity: 1;
    color: white;
    transition: opacity .5s;
}
.bottom_fixed_inner span.toright p{
    opacity: 0;
    color: white;
    margin-left: 45px;
    font-size: 13px;
    line-height: 41px;
    float: left;
    transition: all .5s;
}
/* massonry for proposal  */
.massonry_for_proposal a.imgsm{
    display: block;
    height: 200px!important;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.massonry_for_proposal .brick a.imgsm img.img-fluid{
    max-width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    z-index: 2;
    position: relative;
}
.for_background {
    height:unset!important;
    position: absolute;
    top: 0;
    width: 100%;
    filter: blur(7px) brightness(.9);
    z-index: 1;
}
#demo .carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block;
    height: 85vh;
}
.slider_image {
    width: unset;
    height: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 2;
    max-width: unset;
}
.modal-content .modal_close {
    float: right;
    display: block;
    text-align: right;
    font-size: 32px;
    position: absolute;
    top: 2px;
    right: 36px;
    z-index: 999;
    cursor: pointer;
}
body.is-responsive {
    padding-right: 0px!important;
}
.h5.text-success i {
    font-size: 14px;
}
.h5.text-success.collapsed i {

}
.inner_row .col-md-7.image_cont {
    padding: 0;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.for_background_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: .7;
    filter: blur(5px);
}

.card.seller-bio.mb-3.rounded-0 {
    position: sticky;
    top: 57px;
    border: 0;
}
.sidebar_wrapper_proposal .card.mb-5.rounded-0 {
    width: 100%;
    float: left;
/*  position: sticky;
    top: 50px;
    z-index: 999; */
}
.dropdown.user-menu .rounded-circle {
    width: unset;
    margin-right: 9px;
}
#filter_portfolio .wraper_of_filter .card-body.pb-2.pt-3{
    padding: 10px;
}
#filter_portfolio .card-header{
    border: none;
}
.sidebar_wrapper_proposal .card.mb-5.rounded-0 {
/*  width: 100%;
    float: left;
    position: sticky;
    top: 50px;
    z-index: 999; */
}

.inner_card_body_sidebar {
    width: 100%;
    background: #fbfbfb;
    padding: 10px 14px;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px 0px #0000001f;
}
.for_portfolio_card_body {
    padding: 0px;
    border: none;
}
.for_portfolio_card_body_outer {
    border: none!important;
}
.text-success.button_readmore{
    background: #313332;
    padding: 7px 13px;
    border-radius: 5px;
    color: white!important;
    margin-top: 20px;
    display: inline-block;
    margin: 0 auto;
}
.text-success.button_readmore {
    display: none;
}

.total_likes {
    float: right;
    margin-left: 0px;
    font-size: 14px;
    color: #4d4f50;
    transform: translateY(-1px);
}
#massonry_border .likeIcon i {
    font-size: 16px;
    transform: translateY(0px);
    margin-right: 4px;
    /* color: #99c4dc !important; */
}
.ovarlay_video_pop {
    position: fixed;
    top: 46px;
    left: 0;
    right: 0;
    background: white;
    bottom: 0;
    height: 100%;
    z-index: 999;
    overflow: auto;
    display: none
}
.ovarlay_video_pop #popup_video{
    height: 100vh;
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.inner_ovarlay_video_pop .col-md-7 {
    padding: 0;
    height: 100vh;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    padding-left: 0px!important;
    padding-right:0px!important;
}
.inner_ovarlay_video_pop {
    max-width: 1200px;
    width: 100%;
    border-radius: 46px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
    margin: 0 auto;
    margin-top: 1.5%;
    /* margin-bottom: 10%; */
    background: white;
    overflow: hidden;
    height: 84vh;
}
.ovarlay_video_pop h4 {
    font-size: 35px;
    font-weight: 700;
    color: #556db4;
    margin-top: 0;
}
/* .main_modal_description {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif!important;
} */
.inner_ovarlay_video_pop .col-md-5 {
    padding: 70px 30px 20px;
}
.view_more.wrap_text{
    display: inline
}
.ovarlay_video_pop .close {
    position: absolute;
    top: 0;
    right: 28px;
    z-index: 4;
    font-size: 50px;
    color: #556db4;
    opacity: 1;
}
.over_video_pop_desc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    padding: 50px 27px 0px;
    display: none;
}
.for_vid_cont{
    position: relative;
    display: block;
    width: 100%;
    float: left: 
}
.show-fullscreen.for_vid_cont {
    display: block;
}
.video_portfolio_inner .proposal-card-base .proposal-seller-info{
    display: none;
}
/* .video_portfolio_inner .for_vid_cont iframe{
    position: relative;
    z-index: 1;
} */
.video_portfolio_inner .proposal-card-base.mp-proposal-card {
    border: 0px solid #e5e5e5;
}
.video_overla_for_pop_tri {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:transparent;
    z-index: 2;
    cursor: pointer;
}
.col-md-12.user-header.pl-5.pr-5.pt-5.pb-5 {
    padding-bottom: 7rem!important;
}


/* .portfolio_img_wrapper:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: red;
    box-shadow: -1px 4px 9px 0px #00000029;
} */
.favoriteIcon {
    position: absolute;
    z-index: 99;
    right: 8px;
    top: 10px;
}
.imgsm_cont {
    position: relative;
    min-height: 100px;
    overflow: hidden;
}
.imgsm_cont .proposal-seller-info{
    position: absolute;
    left: 0;
    bottom: 0;
    background: red;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
    z-index: 99;
    height: 45px;
    width: 100%;
    padding-bottom: 10px;
}
.brick .imgsm_cont .proposal-seller-info {
    bottom: -100px;
    transition: all .5s;
}
.brick:hover .imgsm_cont .proposal-seller-info {
    bottom: 0;
    transition: all .5s;
}
.masterpieces_cont .gig-seller-tooltip {
    color: white!important;
}
.masterpieces_cont .seller-info-wrapper a{
    color: white!important;
}
input.prop_img {
    width: 100%;
    height: unset;
}
.row.inner_input_select {
    padding: 0px;
    width: 100%;
    margin: 0 auto;
}
.inner_input_select .iner_input_image {
    margin-top: 0;
    padding: 3px!important;
    padding-bottom: 0px!important;
}
.inner_cart_prop_row {
    min-height: 70px;
}
.cart-proposal {
    float: left;
}

.cart-proposal.col-md-6:nth-child(odd) {
    border-right: 0px solid #ccc;
}
.cart-proposal hr {
    border-top: 2px solid #e0e0e0;
    margin-right:0px;
    margin-left: 0px; 
    width: 100%;
    display: block;
    float: right;
}
.quantity_heading {
    width: 50%;
    display: inline-block;
}
.quantity_inner {
    display: inline-block;
    width: 45%;
}
.quantity_inner_price {
    font-weight: bold;
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-left: 16px;

}
.cart-proposal_inner  hr {
    margin: 5px auto;
}
button.calc_button{
    float: right;
    display: block;
    border: none;
    font-size: 18px;
    line-height: 1;
    width: 30px;
    height: 30px;
    background: none;
    color: #f1f1f1;
    background: #556db4;
    border-radius: 100px;
    margin: 1px 5px;
    cursor: pointer;
}
.calc_button.plus_button {
    margin-right: 0;
}
.ui-toolkit .card {
    border-radius: 3px;
    border: 1px solid #E1E3DF;
    border-bottom-color: #CBCCC9;
    width: 100%;
    margin: 0 auto;
}
.cart-proposal input.quantity {
    border: none;
    border-bottom: 1px solid #556db487;
    border-radius: 0px;
    transition: all .5s;
    background: #fbfbfb;
}
.cart-proposal input.quantity:focus {
    border: none;
    border-bottom: 1px solid #556db4f7;
    border-radius: 0px;
    transition: all .5s;
}
.cart-proposal.col-md-6 {
    padding-left: 6px!important;
    padding-right: 6px!important;
}
.cart-proposal_inner {
    float: left;
    width: 100%;
    background: #fbfbfb;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 4px 0px #0000001f;
    padding-bottom: 5px;
}
#cart-show .col-md-7 .card-body {
    padding: .5rem .3rem;
    border: none!important;
    background: #fbfbfb;
}
#cart-show .col-md-7 .card {
    border: none;
}
.card-body h3.total_price {
    text-align: center;
    margin: 1% auto;
    font-weight: bold;
    margin-right: 8px;
}
.share_rupee_cont {
    position: relative
}
.rupee_icon {
    position: absolute;
    transform: scale(.8);
    top: -5px;
    left: 15px;
    z-index: 1;
    animation:  blink 1s linear infinite;
}

@keyframes blink {
    0%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    100%{
        opacity: 1;
    }
}
.share_rupee_cont .menuItem {
    position: relative
}
.close_support_fixed_popup {
    position: absolute;
    top: 5px;
    right: 4px;
    z-index: 9;
    /* width: 20px; */
    height: 20px;
    border: none;
    box-shadow: none;
    font-size: 20px;
    color: #1d1c1c;
}
.shareearn_menu {
    position: absolute;
    width: 200px;
    top: 65px;
    left: 0;
    background: #fff;
    height: unset;
    padding: 9px 10px;
    border: 1px solid #ccc;
    z-index: 9;
    display: none;
}
.shareearn_menu ul.share_ref_dd_cont {
    list-style: none;
    padding-left: 0;
}
.shareearn_menu ul.share_ref_dd_cont li {
    font-weight: 400;
    color: #212529;
    font-size: 18px;
}
.shareearn_menu ul.share_ref_dd_cont li {
    font-weight: bold;
    color: #212529;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 9px;
}
span.inner_proposal_ref_dd {
    width: 100%;
    display: block;
    background: #f7f7f7;
    padding: 7px;
    border-radius: 7px;
    padding-bottom: 13px;
    float: left;
    margin-top: 7px;
    margin-bottom: 7px;
}
.ref_code {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    padding: 5px;
    border: none;
    border-radius: 5px;
    background: #556db4;
    color: white;
    display: inline-block;
    transition: all .5s;
}
.ref_code:focus{
    background: black;
    transition: all .5s;
}
.Secondery_heading {
    font-size: 13px;
    margin-bottom: 2px;
    margin-bottom: 11px;
}
#copy_r {
    width: 29px;
    height: 26px;
    display: inline-block;
    background: #3f3f40;
    text-align: center;
    color: white;
    border-radius: 6px;
    padding-top: 2px;
    transform: translateY(-1px);

}
#copy_r1 {
    width: 29px;
    height: 29px;
    display: inline-block;
    background: #3f3f40;
    text-align: center;
    color: white;
    border-radius: 6px;
    padding-top: 2px;
}
.shareearn_menu ul.share_ref_dd_cont li b{
    transform: rotate(184deg);
    display: inline-block;
    margin-left: 7px;
    font-size: 17px;
}
#announcement_bar {
    height: 49px;
}
#announcement_bar.add_announcement {
    animation: height_increase .5s linear forwards;
    /* background: #000000e3!important; */
    background: #DCE35B!important; ;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #45B649, #DCE35B)!important; ;  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #45B649, #DCE35B)!important; ; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}
@keyframes height_increase {
    0%{
        height: 49px;
        background: #2ca35b;

    }
    100%{
        height: 100%;

    }
}
.close_fullscreen {
    font-size: 26px;
    position: absolute;
    top: 1px;
    right: 25px;
    display: none
}
div#st-1.ref_for_share {
    opacity: 1;
    position: relative;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffffff05;
    left: 0;
    display: block;
    text-align: left;
    margin-top: 10px;
}
div#st-1.ref_for_share div.st-btn{
    display: inline-block!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 11px;
    height: 29px;
    line-height: 32px;
    margin-right: 8px;
    padding: 0 8px!important;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
    width: 29px;
    margin: 6px;
}
#copy_r1 i {
    transform: translate(0px);
    font-size: 15px;
}
#st-1.ref_for_share .st-btn > img {
    display: inline-block;
    height: 19px!important;
    width: 17px;
    position: relative;
    top: 5px;
    left: -2px;
    vertical-align: top;
    left: -1px;
    top: 5.4px !important;
}
.proposal-info .st-inline-share-buttons div{
    opacity: 0!important;
}
.proposal-info .st-inline-share-buttons.active div{
    opacity: 1!important;
}
.ref_for_share .close_share {
    display: none!important;
}
.ref_for_share .close_share.annotghr {
    display:block!important;
    cursor: pointer;
}
.row.anoounsment_details_inner {
    width: 100%;
    margin: 10% auto;
    display: none;
}
.announcement_vid {
    width: 100%;
    min-height: 200px;
    border: none;
}
.vid_text_cont h3 {
    color: black;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
}
.vid_text_cont p {
    color: black;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    margin-top: 10px;
    letter-spacing: 1px;
}
.readmore_tri {
    padding: 2px 10px 5px;
    background: black;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
}
.vid_text_cont {
    padding-top: 2%;
}
#st-el-2 .st-close > img {
    height: 27px;
    width: 37px;
    transform: translateY(-1px);
}
#announcement_bar_margin {
    margin-bottom: 48.9931px!important;
}
/* .vid_text_cont b {
    color: #fbff00;
} */
.for_dd_ref_cont .menuItem {
    height: auto;
    margin-top: 23px;
    margin-right: 18px;
    display: block;
    float: left;
    padding: 8px;
    line-height: 16px;
    font-size: 14px;
    border-radius: 3px;
}
.popup-support-wrap {
    z-index: 1000!important;
}

/* filter start */

.filter_wrapper .filter_result:nth-child(even) {
    background-color: #ffffff;
}

.filter_wrapper .input_filter {
  width: 100%;
  margin: 0 auto;
  padding: 12px 20px;
  border-radius: 10px;
  border: 1px solid #4d4d4d61;
}
.filter_wrapper .input_filter:focus{
    outline: none;
}
.filter_wrapper .filter_result_cont_outer {
    position: relative;
    width: 100%;
    /* background: #ccc; */
    padding: 0;
}

.filter_wrapper #filter_cont {
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 3;
    background: red;
}

.filter_wrapper .filter_result_cont {
    width: 100%;
    margin: 0 auto;
    /* background: green; */
    box-shadow: 0px 0px 14px 0px #0000001f;
}

.filter_wrapper .filter_result {
    width: 100%;
    background: #fcfcfc;
    padding: 14px 10px;
    font-size: 15px;
    cursor: pointer;
}
.filter_wrapper .filter_result_hide {
    display: none;
}
.filter_wrapper .filter_cont {
    display: none;
}
.filter_wrapper .Chips {
    position: relative;
    display: inline-block;
    padding: 7px 17px 7px 29px;
    background: #4d4d4d;
    border-radius: 25px;
    color: white;
    margin: 15px 10px;
}
.inner_span_chips {
  position: absolute;
  left: -8px;
  top: 0;
  width: 33px;
  height: 33px;
  background: #4d4d4d;
  border-radius: 100px;
  padding: 3px 5px 5px 5px;
  border: 2px solid #f6f6f6;
}
.filter_wrapper .chips_cont {
    margin-top: 14px;
    background: #f6f6f6;
/*     padding-top: 10px;
    padding-bottom: 10px; */
    border-radius: 7px;
    /* display: none; */
}
.filter_wrapper .redirect_cont {
    position: relative;
}
.filter_wrapper .redirect_cont .or{
    position: absolute;
    width: 88px;
    height: 88px;
    background: black;
    color: white;
    display: grid;
    font-size: 24px;
    border-radius: 100px;
    font-weight: bold;
    bottom: calc(0% - 50px);
    left: calc(50% - 50px);
    z-index: 2;
    transform: rotate(-13deg) scale(.8);
}
.filter_wrapper .or span{
    margin: auto;
    width: 65px;
    height: 65px;
    /* background: red; */
    padding: 15px 10px;
    border-radius: 100px;
    border: 2px dashed;
    text-align: center;
}
.filter_wrapper .Chips span.closeChips {
  position: absolute;
  top: -7px;
  right: -1px;
  background: #556db4;
  padding: 6px 4px 11px;
  line-height: 0;
  font-size: 19px;
  border-radius: 100px;
  color: white;
  cursor: pointer;
}
.inner_span_chips img {
  width: 100%;
  filter: brightness(100);
}
.filter_wrapper h2.filter_span {
    padding-bottom: 12px;
    font-size: 43px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #556db4;
    text-align: left;
}
.filter_wrapper .submit_hobbies {
    display: block;
    margin: 30px auto;
    padding: 8px 43px 10px;
    border: none;
    background: #556db4;
    background: #4d4d4d;
    border-radius: 5px;
    font-weight: 500;
    color: white;
    letter-spacing: 1px;
    font-size: 18px;
}
.filter_wrapper .inner_redirect_cont button {
    display: block;
    margin: 15px 0px;
    padding: 6px 24px;
    border: none;
    background: #556db4;
    border-radius: 5px;
    font-weight: 500;
    color: white;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.filter_wrapper .inner_redirect_cont h2 {
    font-size: 21px;
    font-weight: bold;
}

.filter_wrapper .row.redirect_cont {
    background: #fafafa;
    padding-top: 30px;
    border-radius: 16px;
    padding: 10px 10px 0px 10px;
    margin-bottom: 26px;
    padding-bottom: 30px;
}
.filter_wrapper .check_out_cont h2 {
    font-weight: bold;
    text-align:center;
    color: #556db4;
    font-family: 'Montserrat', sans-serif;
    display: block;
    width: 100%;
    margin-top: 22px;
}
.filter_wrapper .check_out_cont p {
    text-align: center;
    width: 100%;
    /* max-width: 360px; */
    display: block;
    margin: 0 auto;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}
.filter_wrapper .check_out_cont button {
    font-weight: 700;
    padding: 6px 20px 8px;
    border: none;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    background: #556db4;
    color: white;
    text-transform: uppercase;
    /* font-weight: bold; */
    border-radius: 7px;
    font-family: 'Montserrat', sans-serif;
}
.filter_wrapper .inner_redirect_cont h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #556db4;
    letter-spacing: 1px;
    margin-top: 20px;
}
.filter_wrapper .inner_redirect_cont p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-align: left;
    width: 85%;
    font-weight: 300;
    font-size: 15px;
}
.filter_wrapper .inner_redirect_cont button {
    font-family: 'Montserrat', sans-serif;
}
.filter_wrapper .filter_result.selected {
    display: none!important;
}
 .filter_wrapper{
    position: fixed;
    width: 102%;
    height: 100%;
    overflow: auto;
    z-index: 999;
    top: 100%;
    background: white;
    padding-top: 100px;
    opacity: 0;
    transition: all .8s;
}
.filter_wrapper.active {
  top: 0%;
  opacity:1; 
  transition: all .8s;
}
.filter_wrapper .container {
    max-width: 1171px !important;
}
/* filter end */

/*cart new start*/
.quantity_inner {
    display: inline-block;
    width: 45%;
    max-width: 128px;
}
.quantity_inner_price {
    text-align: center;
    display: block;
    width: 100%;
    margin: 9px auto 0px;
}
.text-success.make-black {
   font-size: 23px;
    margin-top: 13px;
}

.cart-proposal_inner {
    background: #ffffff;
    margin-bottom: 17px;
}
#cart-show .col-md-7 .card-body {
    padding: 1.5rem .3rem;
}
.quantity_heading {
    margin-top: 21px;
    display: inline-block;
    margin-top: 21px;
    font-size: 15px;
    font-weight: 300;
}
.cart-proposal input.quantity {
    background: #ffffff;
}
/*cart new end*/
/* media start */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 2;
  }

}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  .masonry {
    column-count: 3;
  }
  .masonry.bordered.five_grid {
    column-count: 5;
  }
  .masonry.bordered.five_grid.for_fourgrid {
    column-count: 4;
  }
  .masonry.bordered.five_grid.three_grid {
    column-count:3;
  }
}
.user_proposal_cont {
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) and (min-width: 300px) {
    .filter_wrapper .container {
        max-width: 100% !important;
    }
    .filter_wrapper .check_out_cont p{
      width: 90%;
    }
    .filter_wrapper .check_out_cont h2 {
        font-size: 20px;
    }
    .filter_wrapper h2.filter_span {
        padding-bottom: 1px;
        font-size: 26px;
    }

    .filter_wrapper .input_filter{
      border: 1px solid #4d4d4d5e;
    }
    .filter_wrapper {
        padding-top: 61px;
    }
    .filter_wrapper .row.redirect_cont{
      border-radius: 0;
    }
    .for_background_slider {
        display: none;
    }
    #massonry_border .brick .likeIcon {
        top: 33px;
     }
    a.btn.btn-lg.btn-block.btn-success.rounded-0 {
        float: left;
        width: 48%;
        margin: 0;
        margin: 1%;
    }

.masonry {
    column-count: 2;
}
.masonry.bordered {
    /*column-rule: 1px solid #eee;*/
    column-gap: 19px;
   /* padding: 20px;*/
}
.masonry.bordered .brick {
    padding-bottom: 3px;
    margin-bottom: 0px;
}
#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm img {
    height: auto;
    width: 100%!important;
}
.modal-content {
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.modal-dialog {
    margin: 0px auto;
}
.modal_inner .col-md-5.text_cont_modal {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.input-group-lg.mb-2.text-left h4 {
    font-size: 20px;
    font-weight: 900;
    color: #494949;
    margin-top: 0;
    margin-top: 22px;
}
.contact-button {
    transform: scale(.8);
}
.support-que {
    transform: scale(.8);
}
.proposal-link-main{
    position: relative;
    float: left;
    width: 100%;
    /*background: red;*/
}
.likeIcon.float-right {
    position: absolute;
    top: 34px;
    right: 0;
    width: auto;
    /*background: blue;*/
}
.modal-content {
    box-shadow: unset;
}
.card-body {
    /*background: #f7f7f7;*/
    border: 0px;
    border-radius: 14px;
}
.ui-toolkit .card {
    border-radius: 3px;
    border: 0px solid #E1E3DF;
 }

#demo {
    max-width: 1200px;
    width: 100%;
    border-radius: 0px;
    overflow: hidden;
    border: none;
    box-shadow:unset;
    margin: 0 auto;
    margin-top: 0%;
    margin-bottom: 0%;
}
#image-modal {
  padding-right: 0px;
}
.carousel_control_button.carousel-control-next {
    right: 22px;
}
.inner_row .col-md-5.text_cont {
    padding: 20px 14px 14px;
}
.carousel_control_button {
    position: fixed;
}
.overlay_comments , .overlay_div_desc_outer  {
    position: fixed;
    padding-bottom: 100px;
}
.overlay_comments.active , .overlay_div_desc_outer.active {
    transition: all .5s;
    top: 10%;
}
.comments_inner h5 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #8e8e8e;
    margin-top: 10px;
    margin-bottom: 11px;
}
#st-1.st-animated {
    display: none;
}
.mobile-portfolio-title.mb-2 {
    margin-top: 5%;
    margin-bottom: 100px;
    float: left;
    width: 100%;
    /* background: red; */
    padding-bottom: 18px;
    text-align: left;
    padding-left: 10px;
}

.mobile-portfolio-title.mb-2 h3 {
    font-weight: 900;
    color: #706d6d;
}
.carousel_control_button {
    width: 40px;
    height: 40px;
    background: red;
}
.carousel_control_button.carousel-control-prev {
    top: 45%;
}
.carousel_control_button.carousel-control-next {
    top: 45%;
}
.like_comments_cont .no_rl_paadding {
    padding-left: 0!important;
    padding-right: 0!important;
    min-height: 400px;
}

.col-md-3.mt-4.sidebar_user .card.user-sidebar.rounded-0.mb-4 {
    position: fixed;
    top: 101%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    z-index: 1000;
    transition:all .5s;
}
.col-md-3.mt-4.sidebar_user .card.user-sidebar.rounded-0.mb-4.active {
    position: fixed;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    transition:all .5s;
}
.user_sedebar_trigger {
    position: fixed;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 10px;
    background: #047ec2;
    color: white;
    font-weight: 800;
    display: block;
    z-index: 1001;
}
.user_portfolio .row:nth-child(1) .card-body h2.pull-left , .user_portfolio .row:nth-child(1) .card-body .pull-right {
    width: 100%;
    text-align: center;
    font-weight: 900;
    color: #545454;
}
.user_portfolio .row:nth-child(1) .card-body .float-right {
    float: none!important
}
.user_portfolio .row:nth-child(1) .card.mt-4 .float-right.btn.btn-success {
    /* background: transparent!important; */
    color: black;
    border-bottom: 1px solid #ec5fea6b;
    border-radius: 0;
    display: none;
}
.user_portfolio .row:nth-child(2) h2.pull-left{
    font-size: 19px;
    width: 70%;
}
.user_portfolio .row:nth-child(2) .card-body{
    padding:0;
}
.user_portfolio .row:nth-child(2){
    margin-top: 30px!important;
}
.user_portfolio .row:nth-child(2) #massonry_border {
    margin-top: 22px;
}
.user-header .profile-image img {
    width: 70px;
    height: 70px;
}
.col-md-12.user-header.pl-5.pr-5.pt-5.pb-5 {
    padding: 20px!important;
}
.col-md-12.user-status ul {
    padding: 0;
    margin-bottom: 0px;
}
.user-status ul li {
    padding-right: 30px;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}
.user_portfolio .row:nth-child(3) h2.pull-left{
    width: 100%;
    text-align: center;
    font-weight: 900;
    color: #545454;
}
.user_portfolio .row:nth-child(3) .card-body .pull-right {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
}
.user_portfolio .row:nth-child(3) .card-body .loat-right {
    float: none!important;
}
.user_portfolio .row:nth-child(3) .card-body .float-right.btn.btn-success {
    float: none!important;
    float: none!important;
    background: transparent!important;
    border: none;
    border-bottom: 1px solid #ec5fea6b;
    border-radius: 0;
    color:black;
    display: none;
}
.user_portfolio .row h2.pull-left {
    width: 100%;
    text-align: center;
    font-weight: 900;
    color: #545454;
    font-size: 24px;
}
.text-center.mb-5.p-2 {
    font-size: 12px;
}
h3.text-center.mb-5.p-2 {
    margin-bottom: 0px!important;
}
.user_portfolio .row.mt-3 .col-lg-4.col-md-6.col-sm-6.mb-3{
    width: 100%;
}
.text-center.mb-5.p-2 {
    font-size: 17px;
    text-align: center!important;
}
.login_image_outer{
    display:none;
}
/*.login.login_modal_cont .modal-content {
    border-radius: 0px 10px 10px 0px;
    overflow: hidden;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
    margin-top: 0%;
    margin-bottom: 0%;
    padding: 20px;
    position: fixed;
    top: 13%;
    height: 100%;
}*/
.login.login_modal_cont .modal-content {
    border-radius: 0px 10px 10px 0px;
    overflow: hidden;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
    margin-top: 0%;
    margin-bottom: 0%;
    padding: 20px;
    position: fixed;
    height: 100vh;
    border-radius: 0;
    overflow-y: scroll;
}
.login {
    overflow-y:scroll;
}
.login.login_modal_cont {
    padding-right: 0px;
}
.login.login_modal_cont {
    padding-right: 0px;
    position: fixed;
    overflow-y: scroll;
    width: 102%;
}
.modal_close {
    font-size: 33px;
    text-align: right;
    position: absolute;
    right: 3px;
    top: -9px;
    padding: 10px 20px;
    z-index: 5;
}
.is-responsive .gnav-header .register-link a, .is-responsive .gnav-header .sign-in-link a, .is-responsive .gnav-header .logged-in-link .menuItem {
    height: auto;
    padding: 6px 8px 9px!important;
    border-radius: 0;
}
.row.like_comments_cont {
    font-size: 14px;
}
.number_of_liked, .number_of_comments {
    font-size: 13px;
   }
   .cards .subHeading {
       font-size: 15px;
       font-weight: 300;
       margin-top: 15px;
       color: #6d6e71;
       letter-spacing: 0px;
   }
  .container.mb-5.cards {
       margin-bottom: 0rem !important;
   }
   .mobile-portfolio-title.mb-2 h3 {
       font-weight: 900;
       color: #3a3a3a;
       text-align: center;
       width: 100%;
       margin: 0 auto;
   }
   .bottom_fixed_inner.support-que{
      transform: scale(1);
   }
   #masterpieses.five_grid .likeIcon.float-right {
       position: absolute;
       bottom: 7px;
       right: -5%;
       top: unset;
   }
   .popup-support {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
   }
   #masterpieses.five_grid .proposal-card-base .proposal-link-main h3 {
    margin: 0 5px 10px;
   }
   #masterpieses.five_grid .proposal-card-base .proposal-rating {
    padding: 0 5px 4px 5px;
   }
   #masterpieses.five_grid .proposal-card-base .proposal-seller-info {
    padding:8px 5px 0;
   }
   .pull-left ul {
                list-style: none;
                    padding-left: 0;
   }
      .pull-left ul li{
            width: 100%;
            padding-right: 10%;
            position: relative;
      }
      .pull-left ul li .fa.pull-right {
          margin-left: .3em;
          position: absolute;
          right: 16px;
          top: 8px;
      }
      .pull-left ul li i.fa.fa-file-text-o {
          display: none;
      }
      .popup-support .search-results h3 {
          padding: 20px 20px 9px 20px;
          color: #3a3a3a;
          font-size: 23px;
      }
      .search-results .search-articles a {
          padding: 5px 20px 5px 20px;
          font-size: 13px;
          color: #2f2f2f;
      }

      .filter_portfolio {
        position: fixed;
        background: #f3f3f3;
        left: 0;
        z-index: 999;
        margin-top: 0!important;
        overflow: scroll;
        bottom: -100%;
        height: 100%;
        transition: all .5s;
      }
      .wraper_of_filter {
          padding: 0px;
      }
      .filter_portfolio.active{
        left: -1%;
        z-index: 9999;
        bottom:0%;
        transition: all .5s;
      }

      .ui-toolkit .card {
          border-radius: 3px;
          border: 0px solid #E1E3DF!important;
      }
       .bottom_nav_for_filter {
        position: fixed;
        display: inline-block;
        cursor: pointer;
        font-size: 20px;
        height: 45px;
        width: 45px;
        line-height: 41px;
        text-align: center;
        background: #313332;
        color: #fff;
        border-radius: 100%;
        z-index: 10000;
        /* float: right; */
        margin-left: 10px;
        bottom: 69px;
        right: 36px;
        border: 1.5px solid #9e7ba9;
      }
      #filter_portfolio .card.border-success.mb-3 {
        margin-bottom: .5rem !important;
        box-shadow: 1px 1px 5px 0px #00000040;
      }
      #filter_portfolio .card-body.pt-3 {
        padding-top: .5rem !important;
      }
      #featured_proposals .portfolio_img_wrapper {
        position: relative;
      }
      /* #featured_proposals .proposal-seller-info {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: transparent;
        padding: 5px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
      } */
/*       .proposal-card-caption {
        position: relative;
      }
      .likeIcon.float-right {
          position: absolute;
          bottom: 0;
      } */
      .massonry_for_proposal a.imgsm{
          height: 140px!important;
      }
      #demo .image_cont {
        position: fixed;
        width: 100%;
        height: 100%;
        display: grid;
        background: black;
      }
      #demo .slider_image {
          width: 100%;
          height: auto;
          align-items: center;
          justify-content: center;
          align-content: center;
          margin: auto;
      }
      .col-md-5.text_cont {
        background: green;
        /* transform: translateY(59%); */
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 200px;
        background: -moz-linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%); /* FF3.6-15 */
        background: -webkit-linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%);
            background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

      }
      #demo .carousel-item h4 {
          font-size: 25px;
          color: white;
          font-weight: bold;
      }
      #demo span.main_modal_description {
          color: #b8b8b8;
          font-size: 12px;
          margin-top: 10px;
          font-weight: 500;
          display: block;
      }
      #demo .carousel-item {
        height: 100vh!important;
      }
      #demo .like_comments_cont .no_rl_paadding {
          color: white;
      }
       #demo .number_of_liked, #demo .number_of_comments {
          font-size: 13px;
          color: white;
          font-weight: bold;
      }
      #demo span.view_more {
          display: inline;
      }
      #demo .text_cont p, #demo .text_cont p span {
          font-size: 13px!important;
          color: #b8b8b8!important;
      }
      #demo .text_cont .overlay_div_desc_inner p {
        font-size: 13px!important;
        color: #615c5c!important;
      }
      .ui-toolkit .text-center-xs-up, .ui-toolkit .text-center{
        margin-bottom: 20px;
        font-size: 15px;
      }
       #demo .overlay_div_desc_outer.active p span {
        color: black!important;
      }
      .mobile_hidden {
        display: none!important;
      }
      .row.flex-wrap.proposals.mb-2 {
        padding: 10px;
      }
      .total_likes {
          float: right;
          margin-left: 0px;
          font-size: 11px;
          color: #4d4f50;
          transform: translateY(2px);
      }
      #masterpieses.five_grid .likeIcon i {
          font-size: 16px;
          transform: translateY(0px);
          margin-right: 4px;
      }
      #massonry_border .likeIcon i {
          font-size: 16px;
          transform: translateY(1px);
          /* color: #99c4dc !important; */
      }
      .ovarlay_video_pop {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          background: white;
          bottom: 0;
          width: 104%;
          height: 100%;
          z-index: 9991;
          overflow: auto;
          display: none;
      }
      .row.inner_ovarlay_video_pop {
        border-radius: 0;
        margin-top: 0;
      }
      .inner_ovarlay_video_pop {
          max-width: 1200px;
          width: 100%;
          min-height: 100vh;
          overflow: scroll;
      }
      .inner_ovarlay_video_pop .col-md-7 {
          height: 66vh;
      }
      .over_video_pop_desc {
          position: fixed;

          z-index: 10000;
      }
      .inner_ovarlay_video_pop .col-md-5 {
          padding: 20px 30px 20px;
      }
      .ovarlay_video_pop h4 {
          font-size: 25px;
          margin-bottom: 14px;
      }
      .ovarlay_video_pop #popup_video {
          height: 100%;
      }
      span.main_modal_description {
          font-size: 13px;
      }
      .proposal-card-caption {
          float: left;
          width: 100%;
          /* background: red; */
          position: relative;
      }
      .proposal-card-base .proposal-link-main h3 {
          font-size: 13px;
          width: 100%;
          margin: 0 0px 10px;
      }
      .video_portfolio_inner .likeIcon.float-right {
          position: absolute;
          top: 27px;
          right: 0;
          width: auto;
          padding: 0;
      }
      .col-lg-4.col-md-6.col-sm-6.mb-3.video_portfolio_inner{
            width: 100%!important;
      }
      .outer_masterpieces_cont .proposal-card-caption .proposal-seller-info , .outer_masterpieces_cont .proposal-card-caption .rating-badges-container , .outer_masterpieces_cont .proposal-card-caption .likeIcon {
        display: none;
      }
      .home_subhead {
        display: none;
      }
      .home_heading {
          margin-bottom: 5%!important;
      }
      .top_portfolio_row .home_heading {
        margin-bottom: 2%!important;
        margin-top: 2%;
      }
      .top_portfolio_row .mt-5  {
        margin-top: 0rem !important;
      }
      .outer_masterpieces_cont .home_heading {
        margin-bottom: 1%!important;
      }
      .outer_masterpieces_cont .mt-5  {
        margin-top: 0rem !important;
      }
      .top {
          /* padding: 80px 0; */
          padding: 0px 0;
      }
      h1.mt-5{
          margin-top: 1.1rem !important;
          font-size: 16px!important;
          color: black;
          line-height: 0.6!important;
      }

      #explore {
        float: left;
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 3%;
        margin-bottom: 3%;
      }
      #explore  h2, #explore  .h2 {
          line-height: 0.8;
          -webkit-font-smoothing: antialiased;
          margin-bottom: 0px;
          font-size: 15px;
      }
      .marketplaceouter_cont {
          float: left;
          margin-top: 0%!important;
      }
      .marketplaceouter_cont #explore {
        margin-top: 0%;
        margin-bottom: 1%;
      }
      .cart-proposal.col-md-6:nth-child(odd) {
          border-right: 0px solid #ccc;
      }
      .quantity_heading {
          width: 100%;
          display: inline-block;
      }
      .quantity_inner {
          display: inline-block;
          width: 100%;
      }
      .quantity_inner_price {
        font-weight: bold;
        width: unset;
        float: left;
        display: block;
        text-align: right;
        margin-top: 10px;
        margin-left: 0;
        background: #556db4;
        padding: 5px 10px;
        color: white;
        position: relative;
        border-radius: 0px 5px 0px 0px;
        margin-top: 49px;
      }
      .quantity_inner_price:before {
        content: '';
        width: 4px;
        height: 4px;
        background: #fbfbfb;
        left: 3px;
        top: 3px;
        z-index: 2;
        position: absolute;
        border-radius: 100px;
      }
      #cart-show .col-md-7 .card-body {
          padding: .5rem .3rem;
          border: none!important;
          background: #ffffff;
      }
      .mt-5.mb-5.for_cart_container {
        margin-top: 0rem !important;
      }
      .for_cart_container .card-body {
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          padding: 1.25rem;
          padding-bottom: 0px;
      }
      .quantity_cal {
        margin-top: 6px;
        display: inline-block;
        float: right;
      }
      .text-muted.remove-link {
        margin-bottom: 5px;
        padding: 3px 10px 3px 10px;
        background: #656565;
        float: right;
        color: white!important;
        border-radius: 10px 0px 0px 10px;
        font-size: 10px;
        margin-right: -10px;
      }
      .cart-proposal hr {
          border-top: 1px solid #e0e0e0;
      }
      .for_cart_container div.for_button_a.float-right{
        float: none!important;
        text-align: center;
        display: block;
      }
      .for_cart_container div.for_button_a.float-right a.btn {
        font-size:12px;
        float: none;
        text-align:center
      }
      .for_cart_container .float-left.mt-2 {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 13px;
      }
      #announcement_bar {
          font-size: 9px;
      }
      .slidebbutton_inactive .carousel_control_button {
        display: none!important;
      }
      .popup-support-wrap {
          z-index: 1000!important;
      }
      #masterpieses.five_grid .proposal-card-base .proposal-price a {
          font-size: 13px;
      }
      #introduction .col-10 {
        width: 100%!important;
            /* background: red; */
            max-width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            display: block;
            float: left;
            padding: 0;
      }
      #introduction .col-10 .card{
        box-shadow: 1px 1px 3px 0px #0000001f;
        border-radius: 10px!important;
        background: #fbfbfb;
      }
      .card.seller-bio.mb-3.rounded-0 .card-body {
        padding-bottom: 0;
        padding: 0;
      }
      .reviews-list li{
        padding: 0!important;
        background: no-repeat;
        background: none!important;
      }
      .reviews-list li h3{
        text-align: left;
        font-size: 13px;
      }
      #reviews img.mb-2 {
            width: 17px;
        }
        #reviews .card-header h4.mb-0  .mr-2 {
            font-size: 12px;
        }

        #reviews .card-header h4.mb-0 .float-right{
            float: none!important;
            display: block;
            width: 100%;
            text-align: center;
        }
        #reviews .card-header h4.mb-0 #dropdown-button.btn.btn-succes.dropdown-toggle {
            display: block;
            width: 100%;
        }
        .proposal-sidebar .nav-tabs {
            display: block!important;
            width: 100%;
            margin: 0;
        }
        .proposal-sidebar .nav-tabs .nav-item {
            margin-bottom: 0px;
            display: inline-block;
            width: 31.9%;
        }
        .proposal-sidebar .nav-tabs .nav-item a.nav-link {
            font-size: 13px!important;
        }
        .proposal-sidebar .nav-tabs .nav-item a.nav-link.active{
            display: block !important;
            border: none;
            background: #716d6d;
            color: white;
        }
        .card-body.order-box.tab-content {
            padding: 0;
            background: #fbfbfb;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            box-shadow: 1px 1px 3px 0px #0000001f;
        }
        .cart-proposal.col-md-6 {
            width: 50%;
            display: inline;
        }
        .inner_cart_prop_row .col-lg-3.mb-2 a{
            width: 100%;
            height: 88px;
            overflow: hidden;
            display: grid!important;
            background: #efeeee;
        }
        .inner_cart_prop_row .col-lg-3.mb-2 a .img-fluid {
            height: 100%;
            margin: auto!important;
        }
        .quantity_inner {
            position: relative;
        }
        .quantity_cal {
            display: block;
            width: 125px;
            position: absolute;
            left: 50%;
            margin-left: -62px;
        }
        .card.seller-bio.mb-3.rounded-0 {
            position: static;
        }
        .purchase-form hr.mt-0{
            transform: translateY(10px);
        }
        .order-box .header .text .dropdown {
            cursor: pointer;
            font-size: 17px!important;
        }
        .order-box .header .price {
            font-size: 17px!important;
        }
        .order-box .header .text svg {
            top: 3px;
            position: relative;
           width: 18px!important;
           height: 18px!important;
        }
        .order-box .header .text .favorite .fa {
            top: 0px!important;
            position: relative;
            font-size: 18px!important;
        }
        .col-10 .proposal-tags-container .proposal-tag span {
            background: #616161;
            border: 0px solid #dddddd;
            font-size: 13px;
            margin-right: 5px;
            color: white;
            border-radius: 0px 5px 5px;
            padding: 5px 11px 6px 11px;
        }
        .card.rounded-0.mb-5.border-0 .details .span {
            font-size: 13px;
        }
        #st-1.active div {
            display: inline-block!important;
        }
        #st-1.sharethis-inline-share-buttons.active {
            display: block!important;
        }
        #announcement_bar {
            width: calc(100%);
            padding: 4px 12px;
            position: relative;
            z-index: 1;
        }

        .readmore_tri {
            padding: 0px 7px 2px;
            background: black;
            border-radius: 5px;
            cursor: pointer;
            font-size: 12px;
        }
        .close_fullscreen {
            font-size: 26px;
            position: absolute;
            top: 15px;
            right: 10px;
            display: none;
            color: black;
            
        }
        #announcement_bar.add_announcement {
            /* background: #000000f5!important; */
        }
        #announcement_bar .vid_text_cont h3 {
            color: white;
            text-align: left;
            font-size: 18px;
            height: auto;
        }

        #announcement_bar .vid_text_cont p{
            color: white;
            text-align: left;
            font-size: 13px;
            font-weight: 100;
            width: 100%;
            margin-top: 11px;
            letter-spacing: 1px;
            text-align: justify;
        }
        #shareearn_menu #st-1.sharethis-inline-share-buttons .st-btn > img {
            width: 20px !important;
            height: 24px !important;
            top: 0.4px !important;
        }
        #announcement_bar_margin {
            margin-bottom: 49px!important
        }
        .shareearn_menu {
            top: 45px;
        }
        .mobile-portfolio-title h3 {
            font-size: 19px;
            padding: 0px 35px;
        }
        #st-2 .close_share{
            display: none
        }
        #announcement_bar_margin {
            margin-bottom: 0px!important;
        }
        #gnav-header-inner.gnav-header-inner.mob_menu_fixed {
            position: fixed;
            top: 0;
            background: white;
            z-index: 3;
            width: 100%!important;
        }
        #gnav-header-inner.gnav-header-inner.mob_menu_fixed .gnav-search-inner {
            display: none;
        }
        .proposal-info .sharethis-inline-share-buttons.st-right.st-inline-share-buttons {
            margin-top: 9px!important;
            display: block!important;
        }
        .proposal-info #st-2.sharethis-inline-share-buttons.st-right.st-inline-share-buttons div.st-btn {
            display: inline-block!important;
            opacity: 1!important;
        }
        .sharebuttonportfolio {
            display: none;
        }
      /* 300to 768 end */
}

.video_portfolio .proposal-card-caption {
    position: relative;
}
.video_portfolio .likeIcon {
    top:30px!important;
}
@media only screen and (max-width: 375px) and (min-width: 300px) {
    #massonry_border .proposal-card-base .proposal-link-main h3 {
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 13px;
        /* background: red; */
        height: auto;
        width: 63%;
        float: left;
        margin-top: 5px;
        line-height: 16px;
        margin-left: 0;
        margin-right: 0;
    }
    .overlay_comments_inner img {
        width: 39px;
    }
    .user_portfolio .row:nth-child(2) h2.pull-left{
        font-size: 19px;
        width: 65%;
    }
    .massonry_for_proposal a.imgsm{
        height: 100px!important;
    }
    .quantity_cal {
        transform: scale(.8);
    }
    .user-sidebar a.btn.btn-lg.btn-block.btn-success.rounded-0 {
        font-size: 12px;
    }
    #st-1.sharethis-inline-share-buttons .st-btn > img {
        width: 20px !important;
        height: 24px !important;
        top: -11.6px !important;
    }
    
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.masonry {
    column-count: 2;
}

}
/* massonry end */
.carousel_cont_slick.slick-slide {
/*     width: 80%!important;
    opacity: 1;
    height: 300px;
    background: red;
    display: block; */
}
.carousel_cont_slick_outer {
  width: 100%;
  background: black;
  display: block;
  min-height: auto;
  margin: 0 auto;
}
.image_of_slider {
  width: 100%;
}
.slick-initialized .slick-slide {
    display: block;
    border: none;
}
.masonry.bordered.five_grid.not_massonry {
    display: block;
    column-count: unset;
}
.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
    /* display: none!important; */
    width: 19.5%;
    margin: .1em;
    float: unset;
    display: inline-block;
}
.cart-proposal.col-md-12.col-xs-6{
  width:100%;
}
@media only screen and (max-width: 993px) and (min-width: 300px) {
  .cart-proposal.col-md-12.col-xs-6 {
      width: 50%;
  }
  .image_of_slider {
      width: 187%;
  }
  .slick-slider {
      margin-bottom: 0!important;
  }
  .carousel_cont_slick_outer {
    height: auto;
    width: 100%;
    background: black;
    display: block;
    min-height: auto;
    margin: 0 auto;
    max-width: 100%;
    overflow-x: hidden;
}
.proposal-card-base.mp-proposal-card {
  display: inline-grid;
}
.slick-dots {
    bottom: 0;
}
/*cart new start*/
.row.inner_cart_prop_row .img-fluid {
    max-width: unset;
    height: 70px;
    /*height: auto;*/
    margin: 0 auto;
    display: block;
}

.row.inner_cart_prop_row .text-success.make-black {
    text-align: center;
    font-size: 18px;
    margin-bottom: 14px;
}
.cart-proposal.col-md-12.col-xs-6 {
    padding: 0px 5px;
}

.quantity_heading {
    width: 100%;
    display: inline-block;
    margin-top: 7px;
    font-size: 13px;
    font-weight: 300;
}
.inner_cart_prop_row .col-lg-3.mb-2 a {
    width: 100%;
    height: unset;
    background: #efeeee00;
}
.quantity_inner_price {
    font-weight: bold;
    width: 114px;
    float: unset;
    display: block;
    text-align: center;
    margin-top: 10px;
    /* margin-left: 0; */
    background: #556db4;
    padding: 5px 10px;
    color: white;
    position: relative;
    border-radius: 0px 5px 0px 0px;
    margin-top: 49px;
    margin: 49px auto 25px;
}
/*cart ner end*/
}
@media only screen and (max-width: 463px) and (min-width: 300px) {
  .masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
      /* display: none!important; */
      width: 48.5%;
      margin: .05em;
      float: unset;
      display: inline-block;
  }
}
@media only screen and (max-width: 999px) and (min-width: 463px) {
  .masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
      /* display: none!important; */
      width: 32%;
      margin: .05em;
      float: unset;
      display: inline-block;
  }
}
/**************************arko end**************************/