@charset "utf-8";
/* CSS Document */
html, html a {
    -webkit-font-smoothing: antialiased !important; -webkit-font-smoothing:antialiased; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.skillreq{
    height: 103px !important;
overflow: hidden !important;
}
.skill-req{
background: rgba(000,000,000,0.07);
padding: 5px;
display: inline-block;
margin: 2px 0px;
border-radius: 4px;
}
.service_box{
    background: #fff;
    display: inline-block;
    width: 100%;
    padding: 15px 10px 15px !important;
    border: 1px solid #e0e0e0;
    height:inherit;
}
.ticket-ul li {
    margin: 5px 0px;
}
.play-btn img {
    width:150px !important;
    height:auto !important;
}
.xs-btn{
    background: black;
padding: 5px 10px;
display: block;
text-decoration: none !important;
color: #fff !important;
display: inline-block;
border-radius: 5px;
}
.counter {
display: block;
box-shadow: 0px 0px 5px 0px rgba(000,000,000,0.4);
background:#fff;
padding: 15px;
border-radius: 10px 0px 0px 10px;
font-size:15px;
text-align:right;
}
.counter i {
    font-size:20px;
}
.customoffer .form_field label {
    width:17% !important;
}

.popup-margin {
   margin:200px auto 80px auto !important;
}
   
.popup-btn{
    position: absolute !important;
    bottom: 4% !important;
    margin: auto !important;
    display: block !important;
    /* width: 100px; */
    left: 40% !important;
    background: #fff !important;
    padding: 10px 25px !important;
    color: #000 !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 20px 5px rgba(000,000,000,0.8) !important;
}

.package-description ol, .package-description ul {
    padding:10px 10px 10px 30px !important;
}
.package-description ol li {
   list-style-type: decimal;
    line-height: 17px;
    font-size: 14px;
    margin-bottom: 15px;
}

.package-description ul li {
        list-style-type: square;
    line-height: 17px;
    font-size: 14px;
    margin-bottom: 15px;
}

.bdg {
    position: absolute;
    
    right: 5px;
}

.bdg img {
    width:70px;
}

#features .modal-dialog {
    margin: 140px auto 0px auto !important;
    height:80% !important;
}

#features .modal-content , #features .modal-body {
    height:100% !important;
    border: none !important;
}

#features .modal-body {
    overflow:auto !important;
}

.bankacc-block .img img {
    height:40px !important;
    width:auto;
}

.bankacc-block {
    height: 150px;
    background: blueviolet;
    margin: 15px 1%;
    width: 31%;
    padding: 15px;
    position:relative !important;
    border-radius:10px;
}

.acc-method img {
    height:40px;
    width:auto;
}


.btns-block {
    position:absolute;
    bottom:0;
    right:0;
}

.btns-block .btn {
    background:rgba(255,255,255,0.2);
}

.addacc-body {
    margin-top:15px;
    background: rgba(000,000,000,0.06);
    margin: 10px 0px 25px 0px;
    border-radius:10px;
}

.card-body {
    padding:15px !important;
}

.card-body button {
   background: #fff !important;
    height: 100px;
    border: none;
    border-radius: 10px;
    margin: 0px 7px 0px 0px;
    box-shadow: 0px 3px 10px 0px rgba(000,000,000,0.5);


}

.card-body button img {
    width:70% !important;
    height:auto !important;
}

.paypal {
    background: #1c92d2;  /* fallback for old browsers */
background: -webkit-linear-gradient(270deg, #bce8ff, #1c92d2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(270deg, #bce8ff, #1c92d2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

color:#fff !important;


}
    
     #features .close {
    position: absolute;
    right: 0px !important;
    top: -33px !important;
    width: 60px;
    z-index: 9999999 !important;
    background: black !important;
    opacity: 1 !important;
    color: #fff;
    padding: 6px !important;
    }

#features .slide_box {
    background: rgba(255,255,255,0.1) !important;
    width: 31.33333% !important;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 35px;
    border-radius: 8px;
}

#features .icon-box, #features .slide_botm  {
    width:100% !important;
}
#features .icon-box {
    position: relative;
    /* top: -30px; */
    margin-top: -30px;
    margin-bottom: 10px;
}
#features .slide_botm {
    text-align:center !important;
}
#features .slide_botm .slide_title, #features .slide_botm .slide_con {
    /*color:#484848 !important;*/
}

.userinfo.dropdown:last-child .dropdown-menu {
    
}

.userinfo img {
    width:auto !important;
    height:30px !important;
}
li.userinfo {
   margin: 0px 10px 0px 0px;
    color: #fff;
    font-size: 14px;
    padding-right: 10px !important;
    background: rgba(255,255,255,0.1) !important;
}
li.userinfo:hover {
   
    background: #fff !important;
    color:#484848 !important;
}
.userinfo:hover .dropdown-menu{
    right:0px !important;
    padding-top: 2px !important;
}
.userinfo:hover .dropdown-menu::before, .userinfo:hover .dropdown-menu::after{
    display:none !important;
}


.notification_cnt ol {
    overflow-x: hidden;
    height: 295px;
}
   .notification_cnt h2 {
       padding:10px !important;
       background: silver;
       font-size: 25px;
   } 
   span.time {
    background: rgba(000,000,000,0.1);
    padding: 2px 5px;
    display: inline-table;
    color: rgba(000,000,000,0.6);
    /*background: azure;*/
    margin: 5px 0px 0px 0px;
    border-radius: 5px;
    text-transform: lowercase !important;
}


.notification-b .open .dropdown-toggle {
        background: azure !important;
        color:rgba(000,000,000,0.6) !important;
}
.notification-b .open .dropdown-toggle i {
    color:rgba(000,000,000,0.6) !important;
}

.notification_cnt {
    background: #fff !important;
    width: 380px;
    border-radius: 15px;
    height:370px;
    top: 90%;
    border: none !important;
    padding:0px !important;
    left: -300px !important;
}
.notification_cnt li {
    position:relative !important;
    border-right:none !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid rgba(000,000,000,0.2) !important;
    line-height:1.3 !important;
    /*color:#fff !important;*/
    text-transform:capitalize;
}
.notification_cnt a {
    /*display:inline-block !important;*/
    position:absolute !important;
    background:transparent !important;
    width:100%;
    height:100%;
    top:0px !important;
    
    left: 0px !important;
}


.overview_list li {
    padding:15px 10px;
}
.overview_list li .l {
    float:left;
    font-size: 13px;
}
.overview_setting .switch {
    
    width: 50px !important;
    height: 24px !important;
    
}

.decision{
    color:#000 !important;
}
.decision p {
    padding:10px 0px !important;
}

.overview_setting label  .slider::before {
    width:16px !important;
    height:16px !important;
}

.col-md-9 .row {
    border-radius:10px !important;
}
.overview_list li .r i {
font-size: 30px;
line-height: 0px;
top: 8px;
}

.overview_list li .r {
    float:right;
    font-size: 13px;
    font-weight:bold;
}
.overview_list li:nth-child(odd) {
    background:#f5f5dc;
}
.overview_list img {
    width:120px;
    float: left;
    margin-right: 15px;
}
.overview_list h5 {
    padding:15px 0px 0px 0px;
}
ul.packages li {
    border-bottom:0px !important;
}
.other_gigs {
    background:#ffffff !important;
    padding: 3px 0px;
}
.other_gigs .slider {
    position:relative !important;
    background:#ffffff !important;
    
}
.other_gigs .slick-next {
    right: -15px;
}
.other_gigs .slick-prev {
    left: -15px;
}
.jobs_itle .gifg {
    border-bottom: 1px solid rgba(000,000,000,0.3) !important;
    padding: 7px 0px;
}

.slick-dots li {
    background:#cccccc !important;
}
.slick-dots .slick-active {
    background:#BA2260 !important;
}
ul.packages li a:hover {

    border-bottom: 6px solid rgba(000,000,000,0.0);
}
ul.packages li a {
    color:#fff !important;
    padding:12px 0px !important;
    border-bottom: 6px solid rgba(000,000,000,0.0);
}
ul.packages li.basic.active a {
    border-bottom: 6px solid #5517b2 !important;
}
ul.packages li.standard.active a {
    border-bottom: 6px solid #1160aa !important;
}
ul.packages li.premium.active a {
    border-bottom: 6px solid #c64f37 !important;
}
ul.guarantee li {
    margin:5px 0px 5px 10px !important;
}
ul.guarantee li i {
    font-size:12px !important;
    width:auto !important;
    padding-right:5px !important;
    color:yellowgreen !important;
}
.black-td {
    background: rgba(000,000,000,0.8);
    color: #fff;
    border-color: rgba(000,000,000,0.7) !important;
}
.compare-btn {
    display: block;
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1) !important;
        color:#fff;  
    width: 87%;
    margin: auto;
    text-align: center;
    padding: 13px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
   
  
}
.compare-btn:hover, .compare-btn:visited , .compare-btn:focus {
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1) !important;
        color:#fff;
        /*border-color:#fff;*/
}
#compare .close {
   
    cursor: pointer;
   
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    top: -40px;
    right: 0;
    opacity: 1;
    background: red;
    padding: 7px 12px;
    border-radius: 20px;
    color: #fff;
    text-shadow: none;
}
.white-bold{
    color:#ffffff;
    font-weight:bold;
}

.basic  {
    background:linear-gradient(90deg, rgba(87,41,254,1) 0%, rgba(153,24,255,1) 100%);
}
.standard  {
    background:linear-gradient(90deg, rgba(25,125,245,1) 0%, rgba(16,201,219,1) 100%);
}
.premium  {
    background:linear-gradient(90deg, rgba(233,67,131,1) 0%, rgba(255,116,57,1) 100%);
}


ul.packages li.basic a {
    background:linear-gradient(90deg, rgba(87,41,254,1) 0%, rgba(153,24,255,1) 100%);
}
ul.packages li.standard a {
    background:linear-gradient(90deg, rgba(25,125,245,1) 0%, rgba(16,201,219,1) 100%);
}
ul.packages li.premium a {
    background:linear-gradient(90deg, rgba(233,67,131,1) 0%, rgba(255,116,57,1) 100%);
}
i.abs {
    
    position: absolute;
top: 97%;
color:#000;
left: 40%;
opacity:0;
font-size: 28px;
}
ul.packages li.active i.abs {
    opacity:1 !important;
}

 .tabs-insights li {
    width:50% !important;
}

.insights-ul li {
    border-bottom:1px solid rgba(000,000,000,0.3);
}

.insights-ul li span {
    font-size: 13px;
    height: 100%;
    display: inline-block;
    width: 49%;
    padding: 3px 0px;
    margin: 3px 0px;
}

.insights-ul li span.r {
    font-weight:bold !important;
}

.insights h3 {
    padding-bottom:10px;
    margin-bottom:10px;
}

.insights .tab-pane {
    padding-right:0px !important;
}

.insights li a {
    border-radius:0 !important;
    font-size:15px;
    font-weight: bold;
}
.insights li.active a {
    background:linear-gradient(90deg, rgba(34,39,131,1) 0%, rgba(253,30,77,1) 100%) !important;
    border:none !important;
    color: #fff;
    padding: 12px 15px !important;
}
.insights li.active a:hover, .insights li.active a:focus {
     color: #fff !important;
}
.tabs-insights {
    border-bottom: 2px solid #A12264 !important;
}



.cp-btn {
    position: absolute;
right: 10px;
top: 10px;
background:#78cdd2;

border: none;

padding: 10px 20px;

color:#fff;

font-size: 15px;

border-radius: 10px;
}
#video-error {
    color:red;
width: 100%;
text-align: left;
padding: 10px;
font-family: revert;
font-size: 13px;
}

.video_cnt {
    position:relative !important;
}
.upt-type-btn {
padding: 5px 10px;
background:rgba(000,000,000,0.75);
border: none;
font-size: 12px;
color:#fff;
}
.upt-type-btn:hover {
    color:#fff;
}
.vid-upt-btn {
    z-index: 15;
    position: absolute;
    right: 10px;
    top: 10px;
}
.vid-play-btn {
    background:transparent;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    border: none;
}

.viewoffer {
      background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
    color: #fff;border: none;font-family: 'robotoregular';font-size: 15px;border-radius: 3px;padding: 7px 20px;
}
.viewoffer:hover {
    color:#fff !important;
}

.req-cnt {
    margin: 0px 0px 30px 0px;
}
.req-cnt h2 {
    font-size:22px !important;
    font-weight:bold;
    padding: 10px 0px;
}

.req-list li {
    list-style: decimal-leading-zero inside !important;
    font-size: 14px;
    padding: 10px 10px;
    background:#F1F1F1;
    margin: 5px 0px;
    line-break: anywhere;
}

ol.field_wrapper li {
    list-style:decimal-leading-zero inside !important;
}
ol.field_wrapper label, ol.field_wrapper textarea {
    float:none !important;
}

.offer_title {
    border-bottom: 2px solid;
    padding: 5px 5px 10px 0px;
}

.custom_order .step_form_inner {
    width: 100% !important;
    margin-bottom: 0px !important;
    border-radius: 0 !important;
}
.custom_order .descrp_text label {
    padding-top:0px !important;
}

.custom_order .cke_contents {
    height:100px !important;
}

.side-nav li {
    margin-bottom:5px;
}
.black {
    color:#000 !important;
    border-color:rgba(000,000,000,0.3) !important;
}
.modal-content h4 {
    border:none !important;
    padding:3px 0px !important;
    min-height:auto !important;
}

.abs_cnt {
    position: fixed !important;
    left: 0px;
    z-index:1000;
}
.rep_btn {
    background:transparent;
    color:#B8215F !important;
    border: 2px solid #B8215F;
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 5px;
}

.abs_cnt a, .abs_cnt button {
    display: block;
    box-shadow: 0px 0px 5px 0px rgba(000,000,000,0.4);
    padding: 8px 0px;
    width: 70px;
    text-align:center;
    margin-bottom:10px;
    font-weight:bold;
    border-radius: 0px 10px 10px 0px;
    transition:all 0.3s linear;
}
.abs_cnt a:hover , .abs_cnt button:hover {
    width:100px;
}
.abs_cnt  i {
    display:block;
    text-align:center !important;
    width:100%;
    font-size: 25px;
    padding: 0px 0px 8px 0px;
}
.edit {
    background: #ffffff !important;
}
.del {
    background:#d22059;
    color:#fff;
    border:none !important;
}
.del:hover, .del:focus, .del:visited  {
    color:#fff !important;
}

.signn-logo img {
    width: 150px !important;
}
.tab-content .fade {
    padding:0px ;
}
.tab-content .active {
    padding:20px 20px 20px 0px ;
}
.contectbtn {
    width: 30%;
    min-height: 140px;
    background: linear-gradient(0deg, #D9D9D9 9%, #fff 25%, #f4f4f4 100%);
    display: inline-block;
    margin: 1% 1.4%;
    text-align: center;
    font-size: 15px;
    color: #545454;
    line-height: 17px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 5px;
}
.contectbtn i {
    display:block !important;
    text-align: center;
    color: #545454;
    font-size: 40px;
    padding: 20px 0px 0px 0px;
        margin-bottom: 15px;
}
.dispute {
    background: linear-gradient(0deg, #D9D9D9 9%, #fff 25%, #f4f4f4 100%);
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.top-tabs li {
    display:inline-block !important;
    color:#fff !important;
}
.top-tabs li a {
    color:#fff !important;
    text-transform: capitalize;
    padding: 5px 10px;
}

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

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

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

input:checked + .slider {
  background-color: #2196F3;
}

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

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

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/*#image-gallery {*/
/*    width:inherit !important;*/
/*}*/
.mng_gig .dropdown , .pro-bottm-left {
    position:inherit !important;
}

.slick-arrow i {
    font-size: 25px;
    color: #000;
}

.settings_table {
    border:none !important;
    width: 100%;
}
.settings_table td {
    border:none !important;
    text-align:right;
    width:inherit !important;
    padding: 5px 10px;
}
hr {
    margin-bottom:15px !important;
}
.plan-details {
    margin:80px auto 30px;
    width:60%;
}
.plan-details tr:nthchild(even) {
    background:rgba(000,000,000,0.1);
}
.plan-details tr:nth-child(odd) {
    background:rgba(000,000,000,0.025);
}
.plan-details td {
    padding: 10px 15px;
}
.plan-details td:first-child {
    font-weight:700;
}
.plan-details th {
   text-align: left;
background:
rgba(000,000,000,0.5 ) !important;
color:
#fff !important;
font-size: 20px !important; 
}



.current-package a {
    /*background-color: tomato !important;*/
}
.package-selector {
    margin-bottom: 60px !important;
}
.package-selector li {
   
}
.nav-tabs > li {
    margin-bottom: -2px;
}
.package-selector li.active a {
   /*border: 2px solid #C2205C !important;*/
   border-bottom-color:transparent !important;
   color:#fff !important;
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1) !important;
}
.side-nav li.active a {
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1) !important;
}
.grad {
    border:none !important;
    text-decoration:none !important;
    color:#fff !important;
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1) !important;
}
.nav-tabs {
    border-bottom: 2px solid #c2205c !important;
    font-family: 'Raleway', Arial, sans-serif !important;
}

.package-selector li a {
    padding: 20px 70px !important;
    font-size: 15px;
    background: rgba(000,000,000,0.05);
}
.p-tb {
   padding-top:15px;
   padding-bottom:15px;
}
.p-b {
   
   padding-bottom:25px;
}
.border {
    border: 2px solid #D22058 !important;
border-radius: 5px !important;
height: 30px !important;
}
.samestyle {
    border:none !important;
}
.switchs {
  position: relative;
     height:25px;
    vertical-align: middle !important;
  width: 60px;

}

.top-headers .select2-selection--single {
    border: 2px solid #D22058 !important;
border-radius: 5px !important;
height:30px !important;
}
.switchs input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle span {
    width:inherit !important;
    padding: 5px 5px !important;
    float:none !important;
}
.toggle label {
    /*display:inline !important;*/
    
}

.sliders {
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  height: 28px;
width: 61px !important;
display: block;
position: relative;
}

.sliders:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 7px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch-toggle.switch-candy label {
    text-shadow:none !important;
    display:inline !important;
}
input:checked + .sliders {
  background-color: #3ABB68;
}

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

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

/* Rounded sliders */
.sliders.round {
  border-radius: 34px;
}

.sliders.round:before {
  border-radius: 50%;
}
.switch-toggle.switch-candy {
    margin: 10px 0px 20px 0px;
    background-color:#CCCCCC !important;
    box-shadow:none !important;
}
.switch-candy a {
    background-color: #3ABB68 !important;
    border: 1px solid rgba(000,000,000,0.1) !important;
}
.switch-candy input:checked + label {
    color:#fff !important;
    text-shadow: none !important;
}
.filters h4 {
    margin:10px 0px;
}
.filters .succbtn {
    width:100% !important;
}
.filters .numbrreg {
    border-radius:5px !important;
} 
.freelancers_bx {
    width: 32% !important;
    padding: 20px !important;
    margin-left: 1%;
display: inline-table !important;
height: 450px !important;
margin-bottom: 10px;
}

.freelancers_bx .user-details ul li label {
    width: 48% !important;
    vertical-align: top;
}
.freelancers_bx .user-details ul li > span {
    width: 50% !important;
}

#select2-countries-container {
    text-align:center;
  

}
li.heading {
     /*background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;*/
     /*   background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;*/
     /*   background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%) !important;*/
     /*   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1) !important;*/
     background: rgba(000,000,000,0.4) !important;
}

li.heading span {
    padding: 12px;
display: block;
width: 100%;
text-align: center;
color:
#fff;
font-weight: bold;
}

.button i {
    display:none;
}
.form-group {
    margin-bottom: 10px !important;
}
.get-started > a {
    padding: 0px 0px 0px 0px !important;
background:
    rgba(255,255,255,1);
   border-radius: 5px;
box-shadow: 0px 3px 10px 0px
rgba(000,000,000,0.5);

}
.get-started:hover a {

background:rgba(255,255,255,1) !important;
}
.get-started ul {
    /*width:150px ;*/
}
.get-started a {
    padding:12px !important;
    color:#545454 !important;
}
.get-started a::after, .get-started a::before {
    display:none !important;
} 
.country-select .select2-container--default {
    width:180px !important;
}
.nicEdit-panelContain {
   background:;
}
.detail_img video {
    float:right;
    margin-left: 10px;
}
.thumbnail .dropdown-menu {
    top: 0 !important;
    border-radius: 0 !important;
    margin: 0px !important;
    border: 0 !important;
    padding:0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #EE5656;
}
#multigigform input {
    height:40px;
}
#multigigform input[type=file] {
    height:100px;
}
.packages 
.nicEdit-write_area , .nicEdit-main {
    width:100% !important;
    line-break: anywhere !important;
}
#inputtoken {
    height:35px;
    border:none ;
}
.packages_cnt {
    background:#fff;
    width: 70%;
   
    border: 1px solid
    rgba(000,000,000,0.1);
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 20px;
}
.gig_from .packages_cnt .active{
    padding:20px !important;
}
.gig_from .tab-content #home {
    box-shadow:0px 0px 25px -8px #7B20FF;
}
.gig_from .tab-content #menu1 {
    box-shadow:0px 0px 25px -8px #14A7E7;
}
.gig_from .tab-content #menu2 {
    box-shadow:0px 0px 25px -8px #F55E5A;
}
.packages_cnt h3 {
    padding-bottom:10px;
    margin-bottom:10px;
}
.packages_cnt .form_field {
    margin:15px 0px !important;
}
.completion {
    margin:20px 10px 10px 30px !important;
}
.completion li {
    list-style:decimal-leading-zero !important;
}
.completion li a {
    display: inline-block !important;
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
    padding: 3px 10px;
    margin: 3px 0px;
    color:#fff;
    border-radius: 3px;
}
.completion li:hover a {
    background:#a92264;
    color:#fff;
    text-decoration:none !important;
}

.gig_from .packages li {
    width:33.33333%;
    position:relative;
}
.gig_from .packages li a {
    margin: 0px 0px 0px 0px !important;
    text-align: center;
    border-radius: 0px;
    color:#fff;
    padding: 15px 0px;
    font-weight: bold;
    border-right: 1px solid rgba(000,000,000,0.1);
font-size: 20px;
}
.gig_from .packages li.active a, .gig_from  .packages li.active a:focus, .gig_from  .packages li.active a:hover {
    /*border-bottom:6px solid #BD215D !important;*/
    /*padding: 12px 0px !important;*/
    color:#fff;
} 
.gig_from .packages li.basic a {
    background: rgb(87,41,254);
background: -moz-linear-gradient(90deg, rgba(87,41,254,1) 0%, rgba(153,24,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(87,41,254,1) 0%, rgba(153,24,255,1) 100%);
background: linear-gradient(90deg, rgba(87,41,254,1) 0%, rgba(153,24,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5729fe",endColorstr="#9918ff",GradientType=1);
}
.gig_from .packages li.standard a {
 background: rgb(25,125,245);
background: -moz-linear-gradient(90deg, rgba(25,125,245,1) 0%, rgba(16,201,219,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(25,125,245,1) 0%, rgba(16,201,219,1) 100%);
background: linear-gradient(90deg, rgba(25,125,245,1) 0%, rgba(16,201,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#197df5",endColorstr="#10c9db",GradientType=1);

}
 .gig_from .packages li.premium a {
 background: rgb(233,67,131);
background: -moz-linear-gradient(90deg, rgba(233,67,131,1) 0%, rgba(255,116,57,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(233,67,131,1) 0%, rgba(255,116,57,1) 100%);
background: linear-gradient(90deg, rgba(233,67,131,1) 0%, rgba(255,116,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e94383",endColorstr="#ff7439",GradientType=1);
}



.gig_from i.abs {
    position: absolute;
top: 86%;
color:#000;
left: 43%;
opacity:0;
font-size: 35px;
}
.gig_from .packages li.active  i.abs {
opacity:1 !important;
}




.offer_wrap_top .packages li {
    width:33.33333%;
    position:relative;
}
.offer_wrap_top .packages li a {
    margin: 0px 0px 0px 0px !important;
    text-align: center;
    border-radius: 0px;

    padding: 15px 0px;
    font-weight: bold;
    border-right: 1px solid rgba(000,000,000,0.1);
font-size: 14px;
}
.offer_wrap_top .packages li.active a {
    /*border-bottom:6px solid #BD215D !important;*/
    padding: 12px 0px !important;
    /*color:#fff;*/
} 

.lSSlideWrapper {
    padding:0px !important;
}

#div_contactn, #div_countryctn, #div_descriptioncnt, #div_languagesctn, #div_skillsctn, #div_educationctn, #div_certificationctn, #div_ratectn {
    box-shadow: 0px 0px 8px 0px teal;
padding: 5px;
}
#div_contactn h3, #div_countryctn h3, #div_descriptioncnt h3, #div_languagesctn h3, #div_skillsctn h3, #div_educationctn h3, #div_certificationctn h3 {
padding: 5px 5px 0px 5px;
}
.profile-bx progress {

    width: 100%;
    height: 25px;

}
.percentage {
    float: right;
font-size: 15px;
font-weight: bolder;
color:seagreen;
}
.score_cnt {
    text-align: left;
width: 100%;
border-top: 1px solid rgba(000,000,000,0.1);
margin-top: 10px;
padding: 10px 0px 5px 0px;
}
.detail_img {
    margin-top:20px;
}
.detail_img br, .detail_img ul br, .detail_img ol br {
    display:none;
}
.detail_img h2 {
    font-size:22px;
}
.detail_img u {
    text-decoration:underline;
}
.detail_img p br, .detail_img table br, .detail_img u br, .detail_img u br, .detail_img h3 br, .detail_img h4 br, .detail_img h2 br {
    display:inherit !important;
}
.detail_img ul {
    margin:20px 30px !important;
}
.detail_img ul li {
    list-style-type:square !important;
    list-style:square !important;
}
.autofill-cnt .btn-primary:focus, .btn-primary:hover {
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
}
.modal-dialog {
    margin: 140px auto ;
}
.bx-large {
font-size: 36px !important;
padding: 0px;
position: relative;
top: 5px;
color:darkorange;
}
.autofill-cnt {
background:#fff;
margin: 0px 0px 0px 15px;
padding: 20px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
.post-btns {
 margin:10px 0px;   
}
.post-btns a {
 /*background:rgba(000,000,000,0.2) !important;*/
 background-color: aliceblue;
width: 190px;
margin: 3px 3px;
border-radius: 0;
color:#545454;
border: none;   
}
.thumbnail .dropdown-menu ul li a {
    display:block;
    padding: 5px 10px;
    font-size: 15px;
    color:#fff;
    text-decoration:none !important;
    border-bottom: 1px solid rgba(000,000,000,0.1);
}
.thumbnail .dropdown-menu ul li a:hover {
    background:#fff;
    color:#545454;
}
.profile-bx i.action  /*, .profile-txtbx i.action */{
    padding:5px;
    background-color:#78CDD2;
    color:#fff;
border-radius: 3px;
font-size:15px;
}

.nav > li {
    position:relative !important;
}
*{margin:0px; padding:0px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body,html{ height:100%; width:100%; float:left;}
body{ background:#fff; font-size:12px; color:#333333; margin:0; padding:0;  font-family: 'robotoregular';}
ul, li{list-style:none; margin: 0px; list-style-type:none; }
a{text-decoration:none; cursor:pointer; color:#2a2e33;}
a img {border:none;outline:none;}
img{vertical-align:middle} 
.clr{clear:both; float:none;}
.clr:after, .row:after, .afclr:after{clear:both; float:none; content:""; display:block}
:focus{outline:none; }
input[type="submit"], input[type="reset"], button{  cursor:pointer; -webkit-appearance:none}

img{ max-width:100%;}
.wide{width:100%;}
html {   -webkit-font-smoothing: none; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin:0; padding:0}

body{margin: 0px; padding: 0px;}
*, after, before{box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type="button"],
input[type="submit"],
input[type="reset"],
select{-moz-appearance:none;  
  appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none; 
 -o-appearance: none; }
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
section, footer, header{ display:block;}
img { max-width:100%; }
a {text-decoration: none;transition: all 0.2s ease-in-out 0s;}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('fonts/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoblack';
    src: url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*-----------------Dashboard----------------------*/
.main_dashboard {float: left;width: 100%; background: #f1f1f1;padding-top: 0px;}
.nevicatio-menu{ float: left; width: 100%;}
.nevicatio-menu .navbar-collapse{ padding: 0}
.dashboard-menu{float: left; width: 100%; z-index: 9}
.dashboard-menu .navbar-me{ margin-bottom: 0;}
.dashboard-menu .navbar-default .navbar-nav > li > a {color: #777; font-size: 15px; color: #333;padding: 15px 18px;}
.dashboard-menu .navbar-default .navbar-nav > li > a:hover, .dashboard-menu .navbar-default .navbar-nav > li > a:focus {color: #fe423d;
background-color: transparent;}
.dashboard-menu .navbar-default .navbar-nav > li:first-child > a{ padding-left: 0}
.dashboard-section{ float: left; width: 100%; margin-top: 15px;}
.profile-bx{ display: inline-block; width: 100%; background: #fff; border: 1px #ddd solid; padding: 30px; text-align: center; position: relative;}
.profile-img{display: inline-block; width: 150px; height: 150px; border-radius: 50%; overflow: hidden;box-shadow: 0 0 10px 0px #000; position: relative;background: wheat;}
.new-image-add{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; opacity: 0; background: rgba(0,0,0,0.5)}
.new-image-add input[type="file"]{ width: 100%; height: 100%; opacity: 0; cursor: pointer}
.profile-img:hover .new-image-add{ opacity: 1}
.new-image-add a{ position: absolute; left: 50%; top: 50%; color: #fff; font-size: 25px; transform: translate(-50%,-50%); pointer-events: none}

.profile-bx h2{ color: #000; font-size: 20px; font-family: 'robotobold'; padding: 10px 0;border-bottom: 1px solid
rgba(000,000,000,0.2);
margin-bottom: 15px;}

.profile-bx p{ color: #666; font-size: 14px;}
.profile-bx p a{ color: #666; font-size: 14px; display: inline-block; margin-left: 3px;}
.preview-btn{ display: inline-block; width: 100%; padding: 10px 0}
.preview-btn .btn-default{ width: 100%; color: #fff; font-size: 15px; padding: 8px 12px;
        background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
}
.user-details{ display: inline-block; width: 100%; text-align: left; border-top: 1px #ddd solid; margin-top: 15px; padding-top: 15px;}
.user-details ul{ display: inline-block; width: 100%; }
.user-details ul li{ display: inline-block; width: 100%;  margin-bottom: 5px;}
.user-details ul li label{ display: inline-block; width: 35%; font-weight: normal; font-size: 14px; }
.user-details ul li label i{ margin-right: 3px; width: 20px;}
.user-details ul li span{ display: inline-block; width: 64%; text-align: right; font-size: 14px; font-family: 'robotobold'; }
.profile-txtbx{display: inline-block; width: 100%; background: #fff; border: 1px #ddd solid; padding: 30px;  position: relative; margin: 15px 0}
.user-txt-bx{ display: inline-block; width: 100%;border-bottom: 1px #ddd solid; padding-bottom: 15px;margin-bottom: 15px;}
.user-txt-bx h3{color: #000; font-size: 20px; font-family: 'robotobold'; float: left}
.adittext{ float: right; color: #fe423d; font-size: 16px;}
.text-section{ display: inline-block; width: 100%;  margin-top: 20px;}
.items-list{ display: inline-block; width: 100%; }
.items-list li{ display: inline-block; width: 100%; }
.text-section p{ color: #666; font-size: 14px;}
span.title{ display: inline-block; margin-right: 5px;  font-size: 14px;font-family: 'robotobold'; }
span.sub-title{ display: inline-block; margin-right: 5px;  font-size: 14px; color: #666}
.hint--top{ display: inline-block; vertical-align: bottom; opacity: 0;padding-left: 7px;}
.hint--top a{ color: #999;font-size: 16px;}

.edutop:hover .hint--top,
.items-list li:hover .hint--top{ opacity: 1}
.linked-acc{ display: inline-block; width: 100%; }
.linked-acc li{ display: inline-block; width: 100%; padding: 5px 0 }
.linked-acc li,
.linked-acc li a{ display: inline-block; font-size: 15px; color: #00698c; }
.linked-acc li i,
.linked-acc li a i{ width: 25px;}
.linked-skills{ display: inline-block; width: 100%; }
.linked-skills li{ display: inline-block; padding: 5px 20px; border: 1px darkorange  solid; border-radius: 20px; position: relative ; overflow: hidden;
margin-right: 2px;}
.linked-skills li a{ display: inline-block; font-size: 15px; color: #00698c; }
.animate-show{ position: absolute; left: -100px; top: 0;-webkit-transition-property: all;height: 100%; background: #fff; border-radius: 30px;padding: 5px 10px;
transition-property: all;
-webkit-transition-duration: .2s;
transition-duration: .2s;}
.animate-show a{ color: #999 !important; margin: 0 2px;}
.linked-skills li:hover .animate-show{ left: 0;}
.linked-skills li:hover{ background: #f1f1f1;}
.text-section h4{ color: #666; font-size: 14px;}
.linked-suggestions{ display: inline-block; width: 100%; padding-top: 10px; }
.linked-suggestions li{ display: inline-block; padding: 5px 10px; border: 1px #ddd solid; border-radius: 20px; position: relative ; overflow: hidden }
.linked-suggestions li a{ display: inline-block; font-size: 14px; color: #00698c; }
.user-txt-bx-last{ border-bottom: none}
.dashboard-rights-section{ display: inline-block; width: 100%}
.dashboard-rights-section .thumbnail {padding: 0;border-radius: 0px; position: relative;min-height: 265px;}
/*.project-img{ display: inline-block; width: 100%;}*/
.project-img {display: inline-block;width: 100%;height: 146px;overflow: hidden;}
.dashboard-rights-section .thumbnail .caption {padding: 10px;}
.dashboard-rights-section h3 a{ display: inline-block; font-size: 13px; color: #333;line-height: 17px;}
.dashboard-rights-section h3{ min-height:60px;padding-bottom: 5px;}
.pro-bottm{ display: inline-block; width: 100%}
.pro-bottm-left{ float: left; position: relative}
.pro-bottm-left a{ position: relative}
.pro-bottm-left a:hover{ opacity: 1}
.pro-bottm-right{ float: right}
.pro-bottm-right a{ display: inline-block; font-size: 20px;font-family: 'robotobold'; color: #fe423d}
.pro-bottm-right a small{ display: inline-block; font-size: 12px;font-family: 'robotoregular'; text-transform: uppercase; padding-right: 5px;
vertical-align: top;padding-top: 7px;}
.creat-new{ display: inline-block; width: 100%; padding: 0; text-align: center}
.creat-new a{ display: inline-block; width: 100%;  text-align: center;font-family: 'robotobold'; color: #222;font-size: 18px; padding: 70px 30px}
.creat-new a span{ display: block; padding-top: 10px;}
.creat-new a i{ width: 60px; height: 60px; display: inline-block; border-radius: 50%; background: #78cdd2;line-height: 56px;}
.pro-bottm-left .tooltip {padding: 0;font-size: 13px;left: -7px !important;top: -27px !important;width: 96px;}
.pro-bottm-left .tooltip-inner{ width:100%; padding:5px 8px; }
.pro-bottm-left .tooltip.top .tooltip-arrow {	bottom: -5px;left: 18px !important;	}
.show-adwanv{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff;display: none}
.offer-div{ display: block}
.show-adwanv ul{ float: left; width: 100%;}
.show-adwanv ul li{ float: left; width: 100%;}
.show-adwanv ul li a{ float: left; width: 100%; padding: 10px; border-bottom: 1px #ddd solid; color: #333; font-size: 14px;}
.show-adwanv ul li a i{ width: 20px;}
.show-adwanv ul li a:hover{ background: #f1f1f1; text-decoration: none}
.advanced-setting{ position: absolute; left: 0; bottom: 0;}
.advanced-setting a{border-bottom: none !important;background: rgba(000,000,000,0.4) !important;}
.advanced-setting a:hover{background: rgba(000,000,000,1) !important; color:#fff !important;}
.curpointer{ cursor: pointer}

.upbtn {display: inline-block;width: 100%;padding-top: 10px;}
.succbtn{}
.cancelbtn {background: #fff;color: #000;border: none;font-family: 'robotoregular';font-size: 15px;border-radius: 3px;padding: 4px 20px;height: 34px;
display: inline-block;border: 1px #ccc solid;width: 43%;float: left;}
.succbtn:hover { background: #e73732; }
.succbtn {
   background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
    color: #fff;border: none;font-family: 'robotoregular';font-size: 15px;border-radius: 3px;padding: 7px 20px;
display: inline-block;float: right;}

.homesearch {
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
}
.cancelbtn:hover {background: #f1f1f1; border: 1px #ccc solid;}
.contact_div .form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;border: 1px solid #ccc;border-radius: 1px;
box-shadow:none;}
.ploader {position: absolute;left: 0;top: 0;z-index: 9999999999;text-align: center;width: 100%;background: rgba(255,255,255,0.9);height: 100%;
         display: none;}
.profile-img img,
.ploader img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto}
#skill_nameid_chosen {width: 100% !important;}
.user-txt-bx .curpointer {cursor: pointer;font-size: 14px;display: inline-block;vertical-align: top;padding-top: 2px;margin-left: 10px; float: right}
.user-details ul li span.cnnnm span{ width: auto}
.cnnnm .curpointer {cursor: pointer; color: #999; margin-left: 5px;}
.edu_btm {display: inline-block;width: 100%;padding-bottom: 10px;}
.lan_field{ display: inline-block; width: 100%; margin-top: 10px;}
.allsub-category .market-select .form-control,
.lan_field .form-control,
.text-section .form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;border: 1px solid #ccc;border-radius: 1px;
box-shadow: none;}
.text-section textarea.form-control{ height: 150px; min-width: 100%; max-width: 100%}
.market-select { display: inline-block; width: 100%; padding-bottom: 0; vertical-align: top }
.market-select span { display: inline-block; float: left; overflow: hidden; width: 100%; padding: 0; text-transform: none; position:relative }
.market-select span:after {    color: #333; height: 12px; padding: 8px 15px; position: absolute; right: 1px; top: 1px; border-radius: 0 5px 5px 0; 
 font-family: 'FontAwesome'; }
.market-select span:after { z-index: 0;  bottom: 0; pointer-events: none }
.market-select select option { padding: 0 5px; color: #333; background: #fff }
.market-select select { -moz-appearance: none;
 appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none }
.market-input .form-control {height: 55px;padding: 6px 12px;font-size: 17px;color: #7f7e7e;background-color: #E1E1E1;border: 1px solid #fff;
border-radius: 4px; box-shadow: none;}
.lan_field .chosen-container-single .chosen-single {position: relative;display: block;overflow: hidden;padding: 0 0 0 8px;height: 32px;
border: 1px solid #aaa;border-radius: 0px;background: #fff;background-clip: padding-box;box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
color: #444;text-decoration: none;white-space: nowrap;line-height: 30px;}
.educss .lan_field{ width: 48% ;vertical-align: top;}
.qul_selecy{ margin-right: 3%}

/*----------------Setting---------------*/
.your-setting{ display: inline-block; width: 100%; background: #fff; padding: 30px; border: 1px #ddd solid; text-align: center }
.your-setting-bx{ display: inline-block; width: 100%}
.ch_password{ display: inline-block; width: 100%; padding-bottom: 30px; text-align: left}
.st_pages_title,
.section_heading {color: #000;font-size: 20px;font-family: 'robotobold';padding: 10px 0; text-transform: uppercase; text-align: left}
.stp_right .form-control,
.your-setting-bx .form-control {display: block;width: 100%;height: 40px;padding: 6px 12px;font-size: 14px;border: 1px solid #ccc;border-radius: 1px;
box-shadow: none;}
.your-setting-bx .form-group {margin-bottom: 20px;}
.help-text{ display: inline-block; width: 100%; font-size: 12px; color: #666;}
.setting-btn{ display: inline-block; position: relative;float: right;}
.setting-btn .succbtn {width: auto;float: left;}
.passloader {position: absolute; display: none;left: 50%; transform: translate(-50%,0);top: 0;}
.ch_paypalemail{ display: inline-block; width: 100%; text-align: left}
.setting-input {display: inline-block;width:100%;}
/*----------contact---------*/
.main_contact{ display: inline-block; width: 100%; text-align: left}
.st_pages{ display: inline-block; width: 100%; background: #fff; padding: 30px 50px; border: 1px #ddd solid;  margin-bottom: 20px    }
.stp_left_r {display: inline-block;width: 100%;padding-bottom: 10px;font-size: 18px;color: #333;}
.stp_left{ display: inline-block; width: 100%; padding-top: 20px;}
.stp_left_r i {width: 20px;display: inline-block;margin-right: 20px;  font-size: 21px;color: #999;}
.stp_left_r span {display: inline-block;width: 83%;vertical-align: top;font-size: 16px;color: #000;padding-top: 2px;}
.stp_left_r span b {display: block;font-weight: normal;color: #005B78;font-size: 16px;}
.stp_right{ display: inline-block; width: 100%; padding-top: 20px}
.stp_right .gcpaatcha {text-align: left;}
.stp_right textarea.form-control {max-width: 100%; min-width: 100%;height: 120px;}
.manage-btn {color: #000;font-size: 20px;font-family: 'robotobold';padding: 9px 0;text-align: left; display: inline-block; width: 100%}
.manage-btn .btn-primary{ float: right;display: inline-block;border-radius: 4px;font-family: 'robotomedium';font-size: 18px;background: #fe423d;
color: #fff;border: 2px solid #fe423d; text-transform: none;}
.management-bx{ display: inline-block; width: 100%; margin-top: 10px; margin-bottom: 30px;}
.management-table{ display: table; width: 100%; background: #fff; border-left: 1px #ddd solid;}
.management-table-tr{ display: table-row; width: 100%}
.management-table-tr:nth-child(2n+2){ background: #f8f8f8}
.management-table-th{ display: table-cell; padding: 8px 15px;border-right: 1px solid rgba(255,255,255,0.15); border-bottom: 1px #ddd solid;font-family: 'robotomedium';
font-size: 14px; color: #fff; background:#404040;}
.management-table-td{ display: table-cell; padding: 5px 15px;border-right: 1px #ddd solid; border-bottom: 1px #ddd solid;font-size: 12px; color: #000;vertical-align: middle!important;}
.management-table-td a{ font-size: 14px; color: #000}
.management-table-td p{ padding-top: 5px;padding-top: 5px;
font-size: 14px;
line-height: 22px;}
.buyer-request-bx{float: left; width: 100%; background: #fff; border: 1px #ddd solid; border-bottom: none; padding: 15px;}
.allsub-category{ float: right; width: 180px;}
.buyer-request-bx h3{ float: left; font-size: 17px;padding-top: 6px;}
.my-nav-tabs {border-bottom: 1px #ddd solid;position: relative;}   
.my-nav-tabs li {display: inline-block;margin-left: 11px;-webkit-transition: left .3s;transition: left .3s; position: relative}
.my-nav-tabs li:first-child {margin-left: 0;}
.my-nav-tabs li a {display: block;padding: 3px 5px 10px;color: #999;font-size: 14px;line-height: 42px;font-weight: 400;text-decoration: none;
text-transform: uppercase;}
.my-nav-tabs li.active:before { content: "";position: absolute;z-index: 1;width: 0;height: 0;left: 50%;bottom: 0;margin: 0;border-bottom: 10px solid #ddd;
border-right: 10px solid transparent;border-left: 10px solid transparent;transform: translate(-50%,0)}
.my-nav-tabs li.active a{color: #000}
.my-nav-tabs li.active:after { content: "";position: absolute;z-index: 1;width: 0;height: 0;left: 50%;bottom: -2px;margin: 0;border-bottom: 10px solid #f1f1f1;
border-right: 10px solid transparent;border-left: 10px solid transparent; transform: translate(-50%,0)}
.management-bx .tab-content .tab-pane{ margin-top: 10px;    position: relative;}
.management-full{float: left; width: 100%; background: #fff; border: 1px #ddd solid; border-top: none; font-size: 28px; text-align: center; padding: 100px 0px;}
.main_loader {  position: absolute; left:  0px; right: 0px; background: hsla(0, 0%, 61%, 0.5098039215686274); display: none; top: 0px; bottom: 0px;}
.loadmore { width:  100%; display: inline-block; text-align: center; position: relative; background: #eee;}
.loadmore .loadmorebtn {  background: #fe423d; padding: 8px 10px; display: inline-block; color: #fff; margin: 5px 0px; border-radius: 5px;
 font-size: 20px; cursor: pointer;}
.loadmore .loadmoreloader {display: none; position:  absolute; left:  0px; right: 0px; margin:  auto; top: 12px; bottom:  0px;}
.loadmore .loadmoreloader img {}
.main_loader img { position:  absolute; left:  0px; right: 0px; margin:  auto; top: 12px; bottom: 0px;}

/****************gig_add**************/

.top_tab{ display: inline-block; width:100%; }
.top_tab li{ display: inline-block;     padding: 14px 0px;}
.top_tab li a{    display: inline-block; position: relative; color: #999999; font-size: 15px; color: #333; padding: 0px 18px 0px 15px;}
.top_tab li a.current span{    background: #000000;}
.top_tab li a span{     display: inline-block;width: 22px; height: 22px; background: #fe423d; border-radius: 50px; color: #fff; font-size: 15px;
 line-height: 22px; text-align: center; margin-right: 5px;}
.step_page { float: left; width: 100%;}
.top_bar{width:100%; float: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.top_tab li a:after{ position: absolute; content: "\f054"; right: 0px; font: normal normal normal 14px/1 FontAwesome;  bottom: 3px;}
.bottom_step_section{width: 100%; float: left; padding: 10px 0px;background: #f5f5f5; min-height: 500px;}
.step_form{float: left; width: 100%; position: relative;}
.textareatooltip{opacity: 0;}
.right_filed:hover .textareatooltip{opacity: 8;}
.half_field:hover .selecttooltip{opacity: 8;}
.selecttooltip{opacity: 0;}
.step_form_inner{
    width: 70%;
    float: left;
    -webkit-transition: height 2s ease-in-out;
    transition: height 2s ease-in-out;
    height: auto;
    margin-bottom: 20px;
    padding: 15px 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px #ddd solid;
    border-bottom: 0px!important;
    border-top: 0px!important;
}
.gig_attach_box {float: left;width: 100%;padding: 10px 0px;}
.right_filed label.error, .answer_div label.error {width: 100%;color: red;}
.form_field label {
    /*width: 17%;*/
    float: left;
    padding: 10px 0px 0px 0px;
    margin-right: 5%;
    /*text-align: left !important;*/
    font-size: 20px;
    font-family: inherit;

    width: 182px;
    margin: 0 !important;
    text-indent: 0;
}
.form_field{width: 100%; float: left;margin: 25px 0px 0px;     position: relative;}
.right_filed{float: right; width: 77%;}
.text_area{width: 100%; position: relative; display: inline-block;}
.text_area .first_txt{    position: absolute; display: none;top: 10px;left: 12px; font-size: 32px;color: #ccc;}
.tg_bx:hover .tag_tooltip{display: inline-block;}
.tag_tooltip{display: none; position: absolute;right: 0px;}
.tag_tooltip span.fake-hint-title {font-size: 12px !important;}  
.tag_tooltip .fake-hint.blue{bottom: 0px;}
.tag_tooltip .fake-hint.blue:before{    bottom: 20px; top: auto;}
.right_filed textarea{    width: 100%; float: left;height:110px;font-size:32px;     padding: 10px 10px;line-height: 35px; color: #666;}
.form_field label a{width: 100%; display: inline-block;color: #5dc9dc;font-size: 14px; padding-top: 5px;}
.right_filed.half_field {width: 37.9%;margin: 0px 0% 6px 6px;float: left;}
.right_filed.half_field .drop_down_arow{position: relative;     width: 100%;display: inline-block; position: relative;}
.right_filed.half_field .drop_down_arow:after{ position: absolute; content: "\f0d7"; right: 0px;     font: normal normal normal 14px/1 FontAwesome;     top: 13px;     right: 15px;}
 table tbody tr td span.drop_arow::after,
.right_filed.half_field .drop_down_arow::after {z-index: 0;bottom: 0;pointer-events: none;}
.right_filed.half_field .drop_down_arow .sel_field{    width: 100%; border: 1px solid #ccc;height: 40px;padding: 0px 10px;border-radius: 5px;}
.right_filed.half_field .drop_down_arow .sel_field option{padding: 10px;     font-size: 16px;}
 figure {position: absolute;right: -280px;top: -10px;width: 235px;min-height: 285px;padding: 15px;float: right;background: #fff;border-radius: 5px;box-shadow: 2px 1px 1px #ddd;box-sizing: border-box;
 border: 1px #ddd solid;}
 figcaption {padding: 0 0 10px;}
 figure h3,figure figcaption h3 {font-size: 14px;line-height: 23px;        padding-bottom: 10px;font-weight: bold;}
 figure p {font-size: 12px;line-height: 16px;}
.gig-tooltip-img {background:url("../../img/front/tool_tip.png") no-repeat center top;     width: 232px;height: 231px;    margin-left: -14px;}
.selecttooltip .gig-tooltip-img{    background-position: 11px -1188px;}
.right_filed figure:before {content: '';background:url("../../img/front/arrowleft.png") no-repeat center top; width: 16px; height: 44px;position: absolute;
 z-index: 1; display: block;top: 47px;left: -16px;}
.page_title {font-size: 18px;display: inline-block;width: 100%; padding-bottom: 15px;}
.page_inline{display: inline-block; width: 100%;}
.page_inline ul{display: inline-block; width: 100%;}
.page_inline ul li{display: inline-block; padding-right: 10px; font-size: 13px; padding-bottom: 24px; }
.page_inline ul li a{color: #000; font-weight: bold;}  
 table {background: #fff;text-align: left;font-size: 14px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; border-collapse: separate;}
 table thead th:first-child {background: #fafafa;border-bottom: 0;     border-right: 1px solid #ddd;width: 184px;}
table thead th { color: #c6c6c6;font-weight: 500;font-size: 14px;text-transform: uppercase;     padding: 20px 15px;height: 55px;}
 table thead th.shown {background-color: #f7f7f7;color: #555;}
table tbody tr td textarea{    height: 70px; padding:8px; width: 100%;font-size: 14px; resize: none; color: #585858;     border-right: none;     border-color: transparent;}
table tbody tr td {width: 182px; position: relative;  border: 1px solid #ccc;border-bottom: none;border-right: none;}
table tbody tr th {width: 30px!important;}
.third_rate .fake-hint.blue::before{bottom:55px; top: auto;}
.table-container table tbody tr td i.fa.fa-pencil{position: absolute; right: 8px;top: 10px; color: #777;}
table tbody tr td span.drop_arow select{    width: 100%; height: 50px;padding: 0px 10px;border-radius: 0px; border-bottom: none;
 border-right: none; border-color: transparent;}
table tbody tr td span.drop_arow { width: 100%;display: inline-block;position: relative;}
.drop_arow label.error,
.price_tooltip label.error,
.package_tool label.error,
.deliverytool label.error,
.description_tool label.error {color: red; font-weight: normal; padding-left: 5px;}
table tbody tr td span.drop_arow:after{position: absolute;content: "\f0d7";right: 0px;font: normal normal normal 14px/1 FontAwesome;top: 13px;right: 15px; }
.table-container {position: relative;}
.step_form_inner table tbody tr th{border-top: 1px solid #ddd; padding-left: 20px;}
.step_form_inner table{width: 100%;}
.package_tooltip { position: absolute; right: -425px; display:none; top: 0px;}
.tool_sec .package_tooltip{ right: -230px;}
.tool_third .package_tooltip{ right: -35px;}
.desc_sec:hover .delivery_tooltip{ right: -230px;}
.desc_thir:hover .delivery_tooltip{ right: -35px;}
.deli_sec:hover .delivery_tooltip{ right: -230px;}
.deli_thiir:hover .delivery_tooltip{ right: -35px;}
.deli_sec:hover .delivery_tooltip{ right: -230px;}
.deli_thiir:hover .delivery_tooltip{ right: -35px;}
.second_rate:hover .price_first{ right: -230px; bottom: 370px; position:absolute;}
.third_rate:hover .price_first{ right: -35px;bottom: 370px; position:absolute;}
.first_rate:hover .price_first{    position: absolute;right: -420px;bottom: 370px;}
.desc_sec:hover .delivery_tooltip{ right: -230px;}
.desc_thir:hover .delivery_tooltip{ right: -35px;}
.description_tool:hover .delivery_tooltip{display: inline-block}
.fake-hint.blue {background-color: #deeff0;width: 250px;position: absolute;z-index: 2;right: -265px;color: #0e0e0f;border: 0;padding: 20px;}
.fake-hint.blue:before {content: '';display: block;position: absolute;top: 20px;left: -10px;z-index: 16;border-bottom: 10px transparent solid;border-top: 10px transparent solid;border-right: 10px #deeff0 solid;}
.fake-hint.blue .icn {background-color: #78cdd2;height: 37px;width: 37px;display: block;text-align: center;margin: 7px auto 5px;border-radius: 50%;}
.fake-hint.blue .icn .fa-lightbulb-o {font-size: 24px;margin-top: 6px;color: #fff;}
.fake-hint.blue .fake-hint-title {font-size: 18px;display: inline-block;margin-bottom: 10px;}
.fake-hint ul li{list-style-type: disc; padding-bottom: 15px;}
.fake-hint ul{padding-left: 20px;}
.delivery_tooltip{position: absolute; right: -40px; top: 0px; display: none;}
.descriptio_tooltip{display: none;}
.rate_tooltip{position: absolute; right: -420px; top: 0px; display: none}
.package_tool:hover .package_tooltip{display: inline-block;}
.deliverytool:hover .delivery_tooltip{display: inline-block;}
.price_tooltip:hover .price_tool{display: inline-block}
.price_tool{position: absolute; right: -40px !important; top: 0px; display: none;}
.descriptiomn {float: left;width: 100%;border-bottom: 1px solid #ccc;}
.descriptiomn h3{font-size: 27px;padding-bottom: 20px;}
.descrp_text {width: 100%;float: left; position: relative; margin-bottom: 20px;}
.descrp_text label{    width: 100%; display: inline-block;font-size: 16px;padding: 20px 0px 10px;}
.descrp_text textarea{    width: 100%;height: 150px;border: 1px solid #ddd; padding: 20px; transition: all 0.2s ease-in-out 0s;}
.descrp_text textarea:focus{height: 250px; transition: all 0.2s ease-in-out 0s;}
.notee{width: 100%; display: inline-block;     padding: 5px 0px 0px;}
.notee .left{}
.notee .right{float: right;}
.form_fieldd{ width: 100%; float: left; position: relative;}
.form_fieldd
.form_fieldd input[type="text"], .form_fieldd textarea{width: 100%; display: inline-block; padding: 15px; border-radius: 5px; border: 1px solid #ccc;}
.form_fieldd textarea{    margin-top: 15px;}
.form_fieldd label.error { color: red; display: inline-block; padding: 5px 0px; width: 100%;}
.input_border b{font-size: 18px;font-weight: normal;border-top: 1px solid #ccc;padding: 15px 0px;margin-top: 5px; width: 100%;display: inline-block;}
.input_border{border-bottom: none;}
.descriptiomn.input_border h3 a{float: right;font-size: 14px;padding-top: 10px;text-transform: capitalize;color: #2ec14a;}
.descriptiomn.input_border a{float: left;font-size: 14px;padding-top: 10px;text-transform: capitalize;color: #2ec14a; padding-bottom: 20px;}
.text_btn .btn-standard{    width: 90px;border: none;padding: 10px 0px;border-radius: 2px;margin-left: 10px;text-transform: capitalize;}
.text_btn {width: 100%;display: inline-block;text-align: right; margin-top: 20px; border-bottom: 1px solid #ccc; padding-bottom: 25px;}
.btn-white-grad{    background: #e02828;     color: #fff;}
.btn-green-grad{ background: transparent; border: 1px solid #ccc !important; color: #000;}
.tooltip-examples-component {border-radius: 5px;border: 1px solid #41b4bb; padding: 8px;margin: 8px 0;}
.tooltip-examples-component .sub-title {font-weight: 700;font-size: 14px;display: inline-block; padding-bottom: 5px; color: #41b4bb;}
.textarea_tooltip{display: none;     position: absolute;right: 0px;top: -70px;}
.form_fieldd:hover .textarea_tooltip{display: inline-block;}
.desicri_tooltip{display: none;     position: absolute;right: -40px;top: 0px;}
.descrp_text:hover .desicri_tooltip{display: inline-block;}
.description {float: left;width: 100%;}
.description h4 {display: inline-block;font-size: 23px;}
.description small{width: 100%; display: inline-block;     padding-left: 20px; font-size: 15px;}
.description i {font-size: 20px;color: #5dc9dc;}
.text_fileld_wrap {background: #fdf7f7;float: left;width: 100%;border: 1px solid #ccc;     margin: 8px 0px;padding: 15px;}
.question_box {float:  left;width: 100%;     border: 1px solid transparent;border-radius: 5px; padding: 15px;}
.question_box:hover{border: 1px solid #ccc;}
.button_hover {float: right; display: none;}
.question_box:hover .button_hover{display: inline-block;}
.tag_line {display: inline-block;font-size: 17px;padding-bottom: 10px;}
.button_hover a { font-size: 20px;padding: 0px 4px;}
.input_filedd { width:  100%;float:  left; position: relative;}
.input_filedd input[type="text"] {width:  100%;height:  39px;padding: 0px 10px;border-radius: 5px;border: 1px solid #ccc;}
.input_filedd i {position:  absolute;right: 40px;top: 24px;}
.another {float: left;width: 100%;padding: 10px 0px;}
.another a {color: #00b22d;font-size: 16px;}
.text_fileld_wrap label{width: 100%; float: left; font-size: 13px;}
.text_fileld_wrap textArea{width: 100%; float: left; height: 120px;padding: 15px;margin: 10px 0px; }
.textarea_active {float: left;width: 100%;}
.textarea_active .input-wrap {display: inline-block;}
.textarea_active .input-wrap span{display: inline-block;   font-size: 16px;text-transform: capitalize;}
.textarea_active .input-wrap span select{    width: 100px;height: 35px; padding: 0px 4px;border: 1px solid #ccc;border-radius: 5px;color: #888;font-size: 15px;}
.textarea_active .input-wrap .type-dropdown{display: inline-block;      margin-left: 11px;  }
.textarea_active .input-wrap .type-dropdown .arrow_drop{    width: 100%;display: inline-block;position: relative;}
.textarea_active .input-wrap .type-dropdown .arrow_drop:after {position: absolute; color: #777;content: "\f0d7";right: 0px; font: normal normal normal 14px/1 FontAwesome;top: 13px;right: 15px;}
.answer {display: inline-block;padding-left: 15px;     font-size: 15px;}
.answer input[type="checkbox"]{    position: relative; top: 2px;}
.answer label{ width: auto; float: none; margin-left: 10px;}
.gig_video .form_fieldd input[type="text"] {width: 100%;padding: 5px 5px;margin: 10px 0px;border: 1px solid #eee;}
.textarea_active .text_btn{border-bottom: none; padding-bottom: 0px; padding-bottom: 10px;}
.form_fieldd input[type="text"] {width: 100%;padding: 10px 10px;border: 1px solid #ccc;}
.text_area label.error {width: 100%;text-align: left;color: red;}
.box_title{width: 100%; float: left; border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.box_title h3{    display: inline-block;font-size: 23px;}
.box_title p{    font-size: 16px;padding: 5px 0px 20px;}
.gig_video{width: 100%; float: left;    border-bottom: 1px solid #ccc;margin-bottom: 20px; position: relative;}
.gigtag_line{font-size: 12px;     font-weight: 400;color: #333;margin-left: 0px;  padding-bottom: 10px;}
.gigtag_line span{font-size: 16px; color: #000; padding-right: 10px;}
.gig_attach_box #add_logo{padding: 0px;     border: none;box-shadow: inherit;}
.dropzone { background-color: #fff; height: 99%;border: 1px dashed #ddd;     width: 32%; display: inline-block;vertical-align: top;margin: 20px 0px;}
.dropzone-body {text-align: center;font-size: 14px;line-height: 20px;color: #999;font-weight: 500;padding-top: 30px;}
.dropzone-body.video:before {background-position: -166px 0; height: 38px;width: 50px;}
.dropzone-body:before {content: ''; background: transparent url(../../img/front/iconss.svg) no-repeat 0 0;display: inline-block;background-size: 300px 100px;margin-bottom: 12px;display: block;margin: 0 auto; padding-bottom: 10px;}
.dropzone-body.video input[type="file"]{visibility: hidden}
.video_con {display: inline-block;width: 55%;font-size: 15px;padding: 20px 0px 0px 20px;}
.dropzone.empty_box {height: 141px;}
.gigtag_line span:last-child{float: right;     font-size: 13px;padding-top: 3px;color: #ccc;}
.gig_video:hover .gig_video_tooltip{display: inline-block;}
.gig_video_tooltip {position: absolute;right: 0px;top: 0px; display:none;}
.gig_photo:hover .gig_photo_tooltip{display: inline-block} 
.gig_photo_tooltip{position: absolute; right: -40px !important; top: 0px; display: none;}
.gig_pdf:hover .gig_pdf_tooltip{display: inline-block;}
.gig_pdf_tooltip{display: none;}
.congratulation_content {float: left;width: 100%;}
.congratulation_content h2{ font-size: 27px; font-weight: bold;padding-bottom: 10px;}
.congratulation_content h3{ font-size: 17px;padding-bottom: 10px;}
.congratulation_content h4{ font-size: 16px;}
.simple_txt{ font-size: 16px;color: #aba9a9; padding: 10px 0px;}
.simple_txt a{ color: #5dc9dc;}
.pagination li:first-child.active a, .pagination li:last-child.active a  {
    color:#23527c !important;
    background-color:#eee !important;
    border-color:#ddd !important;
}
.page_btn {float: left; width: 100%;     margin-top: 10px;}
.page_btn .btn { margin: 0px 10px;padding: 9px 20px; border:none !important;
        background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
border-color: #fe423d; color: #fff;}
.cancel_btn{padding: 8px 10px;background: #eee;border: 1px solid #ccc;text-transform: capitalize;font-size: 14px;border-radius: 5px;     float: left;}
.btn-lrg-standard{    background: #fe423d;font-size: 14px;color: #fff;border: 1px solid #fe423d; border-radius: 5px;padding: 8px 13px; 
 cursor: pointer;float: right; text-decoration: none;}
.btn-lrg-standard:hover{ background: #fff; text-decoration: none;color: #fe423d;border: 1px solid #fe423d; padding: 8px 13px; float: right}
.shoe_imagrd_rgijt_img_minimg {height: 100%;float: left;width: 100%;}
.shoe_imagrd_rgijt_img_minimg img {min-width: 100%;}
.shoe_imagrd_rgijt_img {float: left;width: 100%;border: solid 1px #d6d6d6;padding: 6px;overflow: hidden;height: 100px;position: relative;}
.form_row_fhr_cols {float: left; width: 20%; margin: 0 5px 10px;position: relative;}
.shoe_imagrd_rgijt {position: absolute;left: 0px;bottom: 0px;z-index: 2; width: 100%; height: 100%}
.inline-gsj input {opacity: 0;width: 100%;height: 100%;font-size: 0 !important;border: 0;/* visibility: hidden; */position: absolute;left: 0;top: 0;
z-index: 9;cursor: pointer;}
.inline-gsj label {width: 30px;height: 30px;background: rgba(255, 255, 255, 0.8) url(../../img/front/plus_att_img.png) center no-repeat;float: left;
 cursor: pointer;transition: all 0.1s ease-in-out 0s; position: absolute; left: 1px; bottom: 1px}
/****************gig_add**************/
.management-table-left{ text-align: left}
.management-table-td-fixed{ width: 60%}
.bottom_add_section{ display: inline-block; width: 100%; padding-top: 30px;}
.write-wrap:hover .textareatooltip,
.post-request-describe:hover .textareatooltip{ opacity: 1}
.offer_wrap_top {width: 98%;float: right;padding: 0;background: #fff;border-radius: 3px 3px 0px 0px;}
.offer-nav-tabs{ float: left; width: 100%; overflow: hidden}
.offer-nav-tabs li{ float: left; width: 34%}
.offer-nav-tabs li a{ float: left; width: 100%; padding: 10px 0; text-align: center; color: #000; font-size: 18px;font-family: 'robotomedium';
text-decoration: none;background-color: #fafafa;border-bottom: 1px solid #ddd;	border-right: 1px solid #ddd;}
.offer-nav-tabs li:last-child a{ border-right: none}
.offer-nav-tabs li:last-child{ width: 32%;}
.offer-nav-tabs li.active a{box-shadow:0 -3px 4px 0 rgba(0,0,0,.2);border-bottom: none;background-color: #fff;z-index: 2;}
.offer-bxs {display: inline-block;width: 100%;padding: 20px;}
.offer-bxs-price{ display: inline-block; width: 100%; text-transform: capitalize;}
.package-title-text {width: 69%;color: #222;font-size: 16px;display: inline-block;vertical-align: top;font-family: 'robotobold';}
.package-price {font-size: 20px;font-weight: 800;width: 30%; display: inline-block; text-align: right; color:crimson;}
.package-description{ display: inline-block; width: 100%; font-size: 14px; color: #555; padding: 15px 0; min-height: 70px;}
.offers-details{ display: inline-block; width: 100%}
.offer-icons{color: #222;line-height: 16px;font-weight: 700;text-transform: capitalize; display: inline-block; padding-right: 15px;}
.offer-icons i{ margin-right: 5px;}
.buyables-offer{ display: inline-block; width: 100%; padding: 10px 0}
.buyables-offer li {color: #555;line-height: 20px;padding-right: 5px;padding-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.buyables-offer li i {color: #1fd0b6; margin-right: 10px;}
.package-footer{ display: inline-block; width: 100%}
.package-footer p{ display: inline-block; width: 100%; text-align: center}
.package-footer .btn-lrg-standard{ width: 100%; text-align: center;font-family: 'robotobold'; padding: 13px; font-size: 17px;}
.package-footer .compare{ color: #fe423d; font-size: 14px;}
.req-dtl {display: inline-block;width: 100%;padding: 20px;border: 1px #ccc solid;margin: 20px 0;}
.req-dtl span{ display: inline-block; margin-top: 10px;}
textarea.form-control{ min-width: 100%; max-width: 100%}
.post-category{ float: left; width: 50%;font-size: 16px; color: #333; font-family: 'robotobold';}
.post-date{ float: left; width: 50%;font-size: 16px; color: #666; text-align: right;font-family: 'robotomedium';}
.post-dtl{ display: inline-block; width: 100%; padding-top: 10px;}
.post-dtl span{ padding-right: 20px;font-size: 15px; color: #666; position: relative;font-family: 'robotomedium'; }
.post-dtl span:before{ position: absolute; right: 7px; top: 50%; content: ""; background: #ddd; width: 1px; height: 15px; transform: translate(0,-50%)}
.post-dtl span:last-child:before{ display: none}
.btnofferloader {position: absolute;left: 60px; top: 20px; display: none}
.send-form{ display: inline-block; width: 100%; padding-top: 15px;}
.chosen-container {border: 1px solid #dddddd;border-radius: 4px;}
.chosen-container {-moz-user-select: none; display: inline-block;font-size: 13px;position: relative;vertical-align: middle;}
.tokenize > .tokens-container {position: relative;list-style: none;padding:0px;height: auto;min-height: 34px;cursor: text;}
.tokenize.focus > .tokens-container { outline: 0; border-color: #66afe9;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.tokenize > .tokens-container.input-sm { padding: 0 0 4px 4px;min-height: 30px;}
.tokenize > .tokens-container.input-lg { padding: 0 0 9px 9px;min-height: 46px;}
.tokenize > .tokens-container > .token {padding:4px 1.4em 4px 5px;background-color: #eff2f7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.tokenize > .tokens-container > .token,
.tokenize > .tokens-container > .placeholder,
.tokenize > .tokens-container > .token-search {border: 1px solid #cdd5e3;display: inline-block; margin:5px 5px 0 0;position: relative;vertical-align: middle;}
.tokenize.sortable > .tokens-container > .token {cursor: move;}
.tokenize.single > .tokens-container > .token {display: block;border-color: #fff;background-color: transparent;}
.tokenize.sortable > .tokens-container > .token.shadow {border-color: #ccc;background-color: #ccc;filter: alpha(opacity=50);opacity: .2;}
.tokenize > .tokens-container > .placeholder,
.tokenize > .tokens-container > .token-search {padding: 0;border-color: #fff;}
.tokenize > .tokens-container > .placeholder {color: #B5B8BC;}
.tokenize > .tokens-container > .token-search > input {padding: 0; margin: 0;line-height: 1em;border: 1px solid #fff;background: transparent;border-left: none;border-right: none;outline: none;width: 100%;}
.tokenize > .tokens-container > .token-search > input::-ms-clear {display: none;}
.tokenize > .tokens-container.input-sm > .placeholder,
.tokenize > .tokens-container.input-sm > .token-search,
.tokenize > .tokens-container.input-sm > .token {margin: 4px 4px 0 0;  }
.tokenize > .tokens-container.input-lg > .placeholder,
.tokenize > .tokens-container.input-lg > .token-search,
.tokenize > .tokens-container.input-lg > .token {margin: 9px 9px 0 0;}
.tokenize > .tokens-container > .token.pending-delete {background-color: #5b72a4;border-color: #425c96;color: #fff}
.tokenize > .tokens-container > .token > .dismiss {position: absolute;right: 5px;color: #a9b9d8; text-decoration: none;cursor: pointer; /*top: -3px;*/ top: 0px;}
.tokenize > .tokens-container > .token > .dismiss:after {content: "x";color: #5dc9dc;font-size: 20px;}
.tokenize > .tokens-container > .token.pending-delete > .dismiss {color: #aaa;}
.tokenize-dropdown {position: absolute;display: none;}
.tokenize-dropdown > .dropdown-menu {min-height: 10px;width: 100%;display: block;margin: -1px 0 0 0;visibility: visible;opacity: 1;}
.tokenize-dropdown > .dropdown-menu li {cursor: pointer;}
.tokenize-dropdown > .dropdown-menu li > a .tokenize-highlight {font-weight: bold;}
.tokenize-dropdown > .dropdown-menu li.locked {padding: 3px 20px;color: #333;white-space: nowrap;}
.tokenize-dropdown > .dropdown-menu li.locked,
.tokenize-dropdown > .dropdown-menu li > a {text-overflow: ellipsis;overflow-x: hidden;}
.tokenize-dropdown > .dropdown-menu li:not(.active) a:hover,
.tokenize-dropdown > .dropdown-menu li:not(.active) a:focus {background-color: transparent;}
.col-md-15 {float: left;width: 20%;}
.content-search-form-top-wrapper {padding-left: 15px;}
.title-search-form-top {color: #2c3d4f;font-size: 15px;font-weight: 600;     font-family: 'Gotham Book';}
.box-shadow-style-theme {background-clip: padding-box;background-color: #fff;border-radius: 1px;box-shadow: 0 1px 1px rgba(225, 230, 234, 0.75);}
.header-sub-wrapper .number-project, .header-sub-wrapper .number-profile {color: #fff;margin-top: 120px;}
.workplace{ display: inline-block; width: 100%; padding: 20px; background: #fff;}
.req_dtl{ float: left; width: 100%;border: 1px solid #ccc;margin-bottom: 15px;}
.req_dtl_head{ display: inline-block; width: 100%; font-size: 16px; color: #000;font-family: 'robotomedium'; }
.req_dtl_head {font-size: 19px;border-bottom: 1px solid #eee;background: #eee;padding: 12px 20px;font-family: 'robotobold';color: #000; margin-bottom: 20px;}
.req_row{ display: inline-flex; width: 100%; margin-top: 10px; padding: 0 15px}
.small-padding {
    padding:2px 7px !important;
}
.req_row label{ display: inline-block; width: 120px; font-size: 14px;}
.req_row span{ display: inline-block; width: 70%; font-size: 14px;}
.req_post{ font-size: 14px;}
._des{ font-size: 14px; color: #555; padding: 10px 15px;line-height: 24px;}
.offer_dtl {float: right;width: 100%;vertical-align: top;margin-bottom: 15px;padding-bottom: 15px;}
.dddds{ display: inline-block; width: 100%; padding: 0px 0px 20px;}
.management-bx{ display: inline-block; width: 100%; padding-top: 0px;}
.buy_row {display: inline-block;width: 100%;padding: 0 15px;}
.buy_img {display: inline-block;width: 70px;height: 70px;overflow: hidden;border-radius: 50%; position: relative}
.buy_img img{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; max-height: 100%; margin: auto}
.buy_name {display: inline-block;vertical-align: top;padding-left: 20px;width: 72%;}
.buy_name span{ color: #000; font-size: 16px;}
/*-----------message----------*/
.workplace-seller{ width: 32%; float: right}
.message_chat{ float: left; width: 66%; border: 1px #ddd solid;min-height: 259px; }
.messages-bx {display: inline-block;	width: 100%;margin-bottom: 10px;padding:5px 15px}
.user-profile-message {float: left;width: 70px;height: 70px;overflow: hidden;position: relative;border-radius: 50%;margin-top: 7px;border: 1px #ddd solid;}
.user-profile-message img {bottom: 0;left: 0;margin: auto;min-height: 100%;object-fit: cover;position: absolute;right: 0;top: 0;}
.meassages-txt {float: left;width: 85%;border: 1px #ddd solid;padding: 25px 20px 35px 20px;border-radius: 7px;margin-left: 30px;position: relative;
               min-height: 80px;background: #f1f1f1;}
.meassages-txt::before {position: absolute;left: -21px;top: 50%;content: "";width: 30px;height: 30px;background: #999;border-radius: 50%;
transform: translate(0,-50%);}
.meassages-txt h2 {color: #000;font-size: 15px;font-weight: 600;}
.meassages-txt .time {
    position: absolute;
right: 15px;
bottom: 15px;
background: slategray;
color: #fff;
}
#message_part li {
    position:relative;
}

#message_part .time {
    position: absolute;
right: 15px;
bottom: 15px;
background: green;
color: #fff;
}

.message-date {position: absolute;right: 11px;top: 13px;color: #333;font-size: 12px;}
.meassages-txt p {color: #666;font-size: 13px;font-weight: 400;padding: 5px 0; margin: 0}
.meassages-txt::after {position: absolute;left: -16px;top: 50%;content: "";width: 30px;height: 30px;background: #f1f1f1;border-radius: 50%;
transform: translate(0,-50%);}
.message-date i {color: #666;margin-right: 5px;vertical-align: middle;}
.messages-bx-right .user-profile-message{ float: right}
.messages-bx-right .meassages-txt{ float: right; margin-left: 0px; margin-right: 30px; position:relative;}
.messages-bx-right .meassages-txt::after {right: -16px; left: auto;}
.messages-bx-right .meassages-txt::before {right: -21px; left: auto;}
.messages-bx-right{ text-align: right}
.messages-bx-right .message-date {left: 11px;right: auto;}
.comment-form-bx{display: inline-block;width: 100%;border-bottom: 2px #ddd solid;margin-bottom: 20px;padding: 0px 0 20px;}
.comment-form {display: inline-block;width: 100%;padding: 0 20px;}
.comment-form textarea.form-control {min-width: 100%;max-width: 100%;height: 120px;padding: 10px 12px;font-size: 14px;border: 1px solid #cccccc;
border-radius: 0;box-shadow: none;}
.dddds .btn-primary,
.comment-form .btn.btn-success {background: #fe423d ;border: 0 none;border-radius: 5px;font-size: 17px;padding: 7px 25px; margin-top: 15px;}
.dddds-right {width: auto;float: right;padding: 0 10px;}
.dddds-right .btn-primary {padding: 8px 25px;margin-top: 0;}
.er_space{ display: inline-block; width: 100%; margin-top: 10px; }
.js-db-stats span p {margin-left: 5px; background: #fe423d; border-color: #fe423d;vertical-align: top;margin-top: 4px;padding: 1px 9px;font-size: 13px;}
.acttt,
.amt_add{ color: green !important; margin: 0 5px;}
.rejreq,
.amt_nt{ color: #fe423d !important}
.buyer-top-title h2 {
    padding:0px !important;
    color:#fff !important;
}
.client-rievews {display: inline-block;width: 100%}
.client-chat{ display: inline-block; width: 100%;border-top: 1px #ccc solid; padding-top: 30px;margin-top: 30px;   }
.clientimg-about{ display: inline-block; width: 50px; height: 50px; overflow: hidden; border-radius: 50%}
.clientimg-about img {height: 100%;width: 100%;}
.client-rv {display: inline-block;width: 80%;padding-left: 20px;vertical-align: top;}
.client-rv h3 {float: left;font-family: 'robotomedium';color: #000;font-size: 16px !important;}
.client-rv h3  a{float: left;font-family: 'robotomedium';color: #000;font-size: 16px !important;}
.client-rv p {width: 100%;float: left;color: #555;font-size: 14px; line-height: 20px;padding-top: 5px; margin-bottom: 0px}
.client-rv span {width: 100%;float: left;color: #555;font-size: 13px;padding-top: 5px;}
.client-review-reting {display: inline-block;padding: 2px 0 0 10px;color: #fe423d;}
.client-review-reting b {display: inline-block;color: #fe423d;vertical-align: top;font-size: 15px;padding-left: 5px;line-height: 15px;
 font-family: 'robotomedium'; font-weight: normal;}
.client-review-reting i{color: #fe423d; font-size: 15px;}
.client-chat-seller {padding-left: 77px;margin-top: 20px; border-top: none; padding-top: 0}
.with_form {display: none; float: left;width: 100%;background: #fff;padding: 20px;border: 1px #ddd solid;margin-top: 10px;}
.with_form_f{ display: inline-block; width: 100%;}
.with_form_f label{ display: inline-block; padding-right: 15px; }
.wht_text{ display: inline-block; width: 40%;vertical-align: top;}
.wht_btn{ display: inline-block; padding-left: 15px;}
.wht_btn .btn-info {color: #fff;background-color: #fe423d;border-color: #fe423d;}
.al_assigned{ display: inline-block; width: 100%; font-size: 14px; color: #000;font-family: 'robotomedium'; }
.sticky {position: -webkit-sticky;position: sticky; top: 0px; }
.dashboard-section .sticky { top: 60px;}
.lessmargin{}
.management-bx .lessmargin .tab-pane{ margin-top: 0}
.pay_poader{ display: inline-block; width: 100%; text-align: center; padding: 80px 0;background: #fff;}
.waiting_text{display: inline-block; width: 100%; font-size: 20px; color: #000;font-family: 'robotomedium'; text-align: center; padding: 2px 0}
.logo_image{ margin-bottom: 10px;}
/*----- Section Titles -----*/
.accordion-section-title {width:100%;padding:15px;display:inline-block;text-decoration: none;background:#fff;transition:all linear 0.15s;font-size:1.200em;
text-shadow: inherit;color:#000;}
.accordion-section-title.active, .accordion-section-title:hover {	background:transparent;text-decoration:none;}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}
.question_accordion { float: left; width: 100%; margin-bottom:10px;}
.question_accordion a.accordion-section-title { border: 1px solid #ccc !important; background: #fff;}
.question_accordion .accordion-section { background: #f7f7f7; float: left; width: 100%;}
.trash_left {float: left; background: #e02828;  color: #fff; padding: 5px; border-radius: 5px; font-size: 13px;}
.question_accordion .accordion-section .accordion-section-content { border: 1px solid #ccc;border-top: none;}
.text_fileld_wrap_req a { float: right; background: #e02828; color: #fff; padding: 4px 5px; border-radius: 5px;}
.text_fileld_wrap_req label.req_lbl { float: left; width: auto; font-size: 14px;}
.answer_div { width: 100%; float: left; margin: 10px 0px;}
.answer_div .answer .in-label:before{display: none;}
.answer_div .answer .in-label{padding-left: 0px;}
.gig_attach_box #attachfiles .portfolio-cc { float: left; margin: 6px 5px; border: 1px solid #ccc; background: #eee; padding: 5px;}
.gig_attach_box #attachfiles .portfolio-cc a.delete { background: red;display: inline-block;color: #fff; padding: 2px 5px; border-radius: 3px;
 margin-left: 5px;}
/*----- Section Content -----*/
.accordion-section-content {padding:15px;display:none;}
.accordion-section-title.active, .accordion-section-title.active:focus{    border-bottom: 1px solid;  border-color: #ccc !important;}
.accordion-section-title:before{content:"\f078"; color:#000; font-size: 19px; font-weight: bold;padding-right:15px;font: normal normal normal 14px/1 FontAwesome;
 line-height: 18px;  float: right;}
.accordion-section-title.active:before{content:"\f077"; color:#000; float:right; font-size: 19px; font-weight: bold;     font: normal normal normal 14px/1 FontAwesome;
 padding-right:15px;}    
.question_accordion .text_btn{border-bottom: none; padding-bottom: 0px;}
span.home_decimal_stars, span.home_decimal_stars span {display: inline-block;background: url(../../img/front/home_stars.png) 0 -16px repeat-x;width: 100px;height: 16px;}
span.home_decimal_stars span {background-position: 0 0;}
.personal_td span.home_decimal_starsdecimal_stars {padding-left: 0 !important;}
.contact_info span.home_decimal_starsdecimal_stars {padding: 0 0 0 0 !important; margin-top: 3px; vertical-align: top; margin-left: 3px;}
.summary {display: inline-block;width: 100%;margin-top: 20px;}
.gig-summary {display: inline-block;width: 72%;}
.pricing {display: inline-block;width: 27%;vertical-align: top;}
.gig-summary-img {float: left;width: 25%;}
.gig-summary-details {display: inline-block;width: 74%;padding-left: 20px;}
.quantity {display: inline-block;color: #555;font-size: 13px; padding-left: 10px; font-weight: normal}
.quantity span{ padding-right: 3px;}
.gig-summary-details h3 a{ display: inline-block; font-size: 17px;font-family: 'robotobold';}
.price {float: right;font-size: 17px;font-family: 'robotobold';line-height: 17px;}
.package {display: inline-block;width: 100%;margin-top: 10px;}
.package h3{ display: inline-block; font-size: 17px;font-family: 'robotobold';}
.package p{ font-size: 14px; color: #555; padding: 10px 0}
.checklist {display: inline-block;width: 100%;}
.checklist li{ width: 48%; display: inline-block; font-size: 14px;}
.checklist li span {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 195px;-webkit-box-align: center;
-ms-flex-align: center;align-items: center;min-height: 26px;text-transform: capitalize;}
.checklist li span::before {content: '\f00c';font: 500 16px/16px 'FontAwesome';color: #1fd0b6;padding-right: 10px;display: inline-block;
 white-space: nowrap;text-transform: capitalize;}
.upgrades{ display: inline-block; width: 100%; border-top: 1px #ddd solid; margin-top: 20px; padding-top: 20px;}
.upgrades h4{ display: inline-block; font-size: 17px;font-family: 'robotobold'; padding-bottom: 20px}
.upgrades .upgrade {display: inline-block;padding: 20px 15px;min-height: 23px;cursor: pointer; width: 100%; border: 1px transparent solid;}
.upgrades .upgrade .details {display: inline-block;width: 72%;}
.upgrades .upgrade label {color: #0e0e0f;font-weight: 500;max-width: 425px;vertical-align: top;font-size: 13px;padding-left: 5px;}
.upgrades .upgrade:hover {background-color: #fafafa;box-shadow: 0 0 0 1px #ddd;}
.upgrades .upgrade .price {font-size: 15px;font-family: 'robotoregular';margin-top: 6px;}
.market-select-summery{ width: 90px;vertical-align: middle;}
.market-select-summery .form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;border: 1px solid #ccc;
border-radius: 1px;box-shadow: none;}
.quantity .market-select span{ padding-right: 0}
.summery-dtl{display: inline-block; width: 100%; padding: 5px 0}
.summery-dtl label{ float: left; font-size: 15px; color: #666; padding: 0; margin: 0; font-weight: normal}
.summery-dtl span{ float: right; font-size: 15px; color: #666}
.summery-totl{ border-top: 1px #ddd solid; margin-top: 10px; padding-top: 10px;font-family: 'robotobold';}
.summery-totl label{font-size: 16px; color: #666; }
.summery-totl span{font-size: 16px; color: #666}
.pay-btn .btn-primary,
.summery-dtl .btn-primary{ background: #fe423d; border-color: #fe423d; color: #fff; width: 100%;font-family: 'robotobold'; font-size: 16px;
 padding: 8px 15px; margin-top: 10px; box-sizing: border-box; height: auto}
.summery-dtl p{ padding-top: 8px; font-size: 13px; color: #555; text-align: center}
.buyer-protection {margin-top: 15px;padding: 21px 25px;padding-right: 14px;background-color: #fafafa;color: #777;font-size: 14px;line-height: 18px;
 display: inline-block; width: 98%; float: right}
.buyer-protection ul{ display: inline-block; width: 100%;}
.buyer-protection ul li{ display: inline-block; width: 100%; margin: 15px 0px 0px 0px;}
.buyer-protection ul li i{ width: 25px; font-size: 20px; margin-top: 2px;}
.buyer-protection ul li span{ width: 80%; display: inline-block; vertical-align: top}
.tab-content .package-footer{ padding: 0 22px 5px; position: relative}
.gigdloader {position: absolute;left: 50%;top: 5px; transform: translate(-50%,0); display: none}
.paywithcard{ display: none; width: 100%; margin-top: 15px; float: left}
.paywithcard-bx{ display: inline-block; width: 100%; margin-bottom: 10px;}
.paywithcard-input{ display: inline-block; width: 100%;}
.ex-dat {float: left;width: 50%;}
.ex-cotes {float: left;width: 50%;padding-left: 3%;}
.expiry-date {float: left;width: 42%;}
.expiry-nonth {float: right;width: 42%; position: relative}
.expiry-nonth::before {position: absolute;left: -14px;top: 5px;content: "/";font-size: 15px;color: #333;}
.cvv-num {float: left;width: 58%;}
.card-img {float: right;width: 37%;}
.pay-btn {display: inline-block;width: 100%;padding: 5px 0; text-align: center}
.pay-btn .btn-primary{ margin-top: 0}
.pay-btn .text_default{ padding: 0; margin-top: 10px; font-size: 15px; border-bottom: 1px #666 solid; border-radius: 0}
.pay-btn .text_default:hover{ border-bottom-color: transparent;}
.order_d{ position: relative; left: 0; transform: translate(0,0); width: 100%; text-align: center}
.paywithcard1 h3 ,
.paywithcard h3 {color: #000;font-size: 18px;font-family: 'robotomedium';display: inline-block;width: 100%;padding-bottom: 8px;
 border-bottom: 1px solid #eee; margin-bottom: 10px;}
.makefad{ opacity: 0.3}
.nzwh-wrapper fieldset {background: #fff;}
.facebox_overlayBG {background-color: #000;z-index: 9999999 !important;opacity: 0.5 !important}
#facebox {z-index: 99999999 !important;}
.dashborad-tt{ display: inline-block; width: 100%;}
.dashborad-tt .management-bx{ margin-top: 0}
.buyer-top-title{float: left; width: 100%; border: 1px #ddd solid; border-bottom: none; padding: 15px; color:#fff;
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
}
.buyer-top-title h2{ float: left; font-size: 17px;font-family: 'robotomedium'; color: #fff}
.giverate_str {display: inline-block;margin-top: 12px;float: left;}
.giverate_btn {text-align: right;padding-bottom: 11px;padding-top: 12px;float: right;}
.comment-form .giverate_btn .btn-success{ margin-top: 0}
._des p{ font-size: 13px; color: #555; line-height: 18px; }
.workplace-seller .general-info li {padding-top: 3px;}
.al_comment{ display: inline-block; width: 100%; font-size: 14px; color: #555; line-height: 22px;}
.al_rate{ display: inline-block; width: 100%; margin-top: 5px;}
.buycnt .profile-bx{ margin-bottom: 30px;}
.pprate {display: inline-block;font-size: 14px;padding: 4px 0 0;vertical-align: top;}
.letest-review {display: inline-block;width: 100%;background: #fff;border: 1px #ccc solid;}
.letest-review h2 {float: left;font-size: 20px;font-family: 'robotomedium';color: #000; padding: 15px 20px}
.letest-review .client-chat {padding: 15px 20px;margin-top: 0;     }
.review-date {position: absolute;right: 0px;top: -3px;width: auto !important;}
.review-date i{ margin-right: 3px;}
.letest-review .client-rv {width: 92%;position: relative;}
.pub_cntr{ padding-top: 6px;}
.likeunlike {display: inline-block;position: relative;}
.likeunlike_in {display: inline-block;}
.liukeloader {position: absolute;left: 0;top: 0;display: none;}
.likeunlike_in .fa-heart{ color:#fe423d}
.client-review-reting .lstreview_new{ padding-top:0}
.letest-review .client-rv h3 {padding-top: 5px;}
.letest-review .client-review-reting b {line-height: 23px;}
.searchloader,
.mysavedgig {position: fixed;left: 0;top: 0;text-align: center;width: 100%;height: 100%;z-index: 9999999;background: rgba(0,0,0,0.5);display: none;}
.searchloader img,
.mysavedgig img {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.liremoave {border: 1px #ccc solid;padding: 2px 8px;border-radius: 3px;font-size: 14px;display: inline-block;margin-top: 3px;cursor: pointer;}
.top-headers{ display: inline-block; width: 100%; background: #fff; border: 1px #ddd solid; margin-bottom: 15px; padding: 15px;}
.top-headers h2 {color: #000;font-size: 19px;font-family: 'robotomedium';display: inline-block;float: left;padding-top: 5px;}
.sortby {float: right;width: 320px; text-align: right}
.sortby label {display: inline-block;font-size: 16px;font-weight: normal;padding: 4px 10px 0 0;}
.sortby .market-select {width: 55%;float: right;}
.row-listing{ display: inline-block; width: 100%;}
.list_box:nth-child(4n+0){}
.morefilter {display: inline-block;width: 100%;padding: 0px 10px 0px 10px;}
.newsfilter{ padding: 0}
.newsfilter .form-group {float: left;width: 45%;position: relative;}
.newsfilter span {width: 10%;}
.newsfilter .form-group .form-control {width: 100%; padding-left: 32px}
.newsfilter .form-group label {float: left;padding: 10px 9px;position: absolute;left: 0;border-right: 1px #ccc solid;height: 100%;border-radius:5px 0px 0px 5px;}
.morefilter .succbtn{ width: 100%}
.no_record {display: inline-block;width: 100%;background: #fff;text-align: center;padding: 100px 0;font-size: 24px;}
.showtotap {display: inline-block;width: 100%;padding: 11px; border-top: 1px #ccc solid}
.shpagel {display: inline-block;font-size: 14px;padding-top: 6px;}
.topn_rightd{ float: right}
.showtotap .pagination {margin: 0 0;}
.showtotap .panel-heading {padding: 0px;}
.send_file {float: left;width: 50%;padding-top: 7px;}
.send_msgg input[type="file"]{ height: auto}
.send_file .btn-success {float: right;margin-top: 0px !important;}
.ggimsgat { color: #fe423d; font-size: 14px;}
.rating-view {margin-top: 7px;display: inline-block;}
.fixed-me #cssmenu > ul > li > a,
.header_inner #cssmenu > ul > li > a {color: #fff;}
.header_inner #cssmenu > ul > li:hover > a, .header_inner #cssmenu ul li.active a {border-bottom: 1px solid#fff;color:#fff;}
.offer_summay .gig-summary{ width: 100%}
.ofsub_left {float: left;width: 20%; text-align: center}
.ofsub_right {float: left;width: 80%;padding-left: 20px;}
.ofsub_left .dpimg-about {width: 110px;height: 110px;float: none;display: inline-block;}
.ofsub_left h3{ font-size: 18px;}
.ofsub_top {display: inline-block;width: 100%; margin-bottom: 5px;}
.of_col {float: left;margin-right: 10px;border-right: 1px #ccc solid;padding-right: 10px;}
.of_col:last-child{ border-right: none}
.of_col .quantity {padding-left: 0;font-size: 14px;margin: 0;}
.of_col .quantity span{ font-weight: bold; padding-right: 10px;}
.ofsub_btm{ display: inline-block; width: 100%; font-size: 14px; color: #555; line-height: 22px;}
.service_summay {display: inline-block;width: 100%;padding-top: 27px;border-top: 1px #ccc solid;margin-top: 20px;}
.service_summay .summary {margin-top: 6px;}
.image_desp {display: inline-block;width: 100%;margin: 30px 0 20px;border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;padding: 20px 0 10px;}
.same_box {display: inline-block;width: 100%;margin-bottom: 20px;border-bottom: 1px #ddd solid;padding-bottom: 20px; }
.same_box .accordion-section-title {padding: 12px;border: 1px #ddd solid;font-size: 15px;}
.image_desp .detail_img h2,
.same_box h4 { font-family: 'robotobold';}
.same_box .accordion-section{ display: inline-block; width: 100%; margin-bottom: 5px;}
.same_box .accordion-section:last-child .accordion-section-title {border-bottom: 1px #ddd solid;}
.same_box .accordion-section-content {padding: 10px 15px;border: 1px #ddd solid; border-top: none;}
.same_box .accordion-section-content p{ font-size: 14px; margin: 0}
.accordion-doc {display: inline-block;width: 100%;}
.accordion-doc li {display: inline-block;border: 1px #ddd solid;padding: 5px 10px;border-radius: 3px;font-size: 14px;}
.accordion-doc li:hover {border: 1px #fe423d solid;}
.accordion-doc li a{ display: inline-block; margin-left: 8px; color: #fe423d}
.gigdtl_pg .client-rv{ position: relative; width: 91%}
.gigdtl_pg .client-rv span {line-height: 7px;}
.gigdtl_pg .client-review-reting {padding-top: 0px;}
.page_btn_creat{ display: inline-block; text-align: right}
.page_btn_creat .btn {margin: 0px 5px 0 5px; float: none;}
.page_btn_creat .btn-default {color: #333;background-color: #fff;border: 1px #ccc solid;}
.ad_cls_img {position: absolute;right: 6px;padding: 8px;line-height: 12px;background: rgba(254,66,61,0.78);border: none;border-radius: 0; z-index: 999}
.hide_img_add{ display: none}
.dashboard-menu .navbar{ margin-bottom: 0}
.top_row_new { display: inline-block; width: 100%;background: #fff; padding: 15px 25px;}
.btnloader-creat {/* position: absolute; */display: none;width: 110px;text-align: center;float: right;margin-top: 20px;}
.canlcel_le{ margin-top: 18px;padding: 4px 15px;font-size: 19px;}
.gigdtlrat {padding: 0px 0 0;line-height: 20px;}
.gig-summary-details h3{ line-height: 13px;}
.package h3 p{ display: inline-block; font-weight: normal;font-family: 'robotoregular'; padding-left: 5px; margin: 0}
.ors{ display: inline-block; width: 100%; font-size: 14px; color: #555; padding-bottom: 8px;}
.ors p{ line-height: 20px;}
.showeditimage {display: inline-block;width: 100%;max-height: 310px;overflow: hidden;}
.home-gigs .list_box:nth-child(4n) {padding-right: 15px;}

/*------------------------Login-home---------------*/
.login_section {float: left;width: 100%;padding: 20px 0;}
.user-box-login {display: inline-block;width: 100%;position: relative;background: #fafafa;padding: 38px 15px;border: 1px #e5e5e5 solid;text-align: center;
font-size: 14px;}
.user-box-login h3 {font-size: 18px;text-transform: capitalize !important;color: #000;padding-bottom: 15px; font-family: 'robotobold';}
.user-box-login p {padding: 0 20px 20px;box-sizing: border-box; font-size: 14px; color: #555;}
.user-box-login .btn-primary {
       background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
    color: #fff;border: none;font-family: 'robotoregular';font-size: 15px;border-radius: 3px;padding: 4px 20px;
height: 34px;display: inline-block;width: 100%;float: right;}
.user-box-login .btn-primary:hover {background: #e73732;border: 1px #e73732 solid;}
.home-banners{ display: inline-block; width: 100%}
.latest-bx{ display: inline-block; width: 100%;}
.latest-bx .thumbnail {padding: 0;margin-bottom: 0;background-color: transparent;border: none;border-radius: 0; position: relative;}
.latest-bx .thumbnail .caption {padding: 40px 30px; position: absolute; left: 0; top: 0;color: #fff;}
.latest-bx .thumbnail h3{ font-size: 28px; font-family: 'robotobold';}
.latest-bx .thumbnail p{ font-size: 18px; padding-top: 10px }
.top_roworders h2 {color: #000;font-size: 20px;font-family: 'robotobold';padding: 9px 0 0;text-align: left; display: inline-block; }
.st_pages_cnt {display: inline-block;width: 100%;font-size: 14px;line-height: 20px;}
.nevicatio-menu-categoris .dropdown-menu {left: auto;right: 0;}
.nevicatio-menu-categoris .dropdown-menu .dropdown-submenu{position: relative}
.nevicatio-menu-categoris .dropdown-menu .dropdown-submenu:hover .dropdown-menu{ display: inline-block; top: 0; right: 100%}
.bx {
    position:relative;
    top:2px;
}
#cssmenu ul ul.notification {width: 240px;}
#cssmenu ul ul.notification li{ height: auto;border-bottom: 1px solid rgba(150,150,150,0.15); padding: 10px;}
#cssmenu li:hover > ul.notification li{height: auto;}
#cssmenu ul ul.notification li a {border-bottom: none;padding: 0;width: 100%;font-size: 14px; color: #555;line-height: 18px;}
#cssmenu ul ul.notification li h3{font-size: 14px; color: #555;}
#cssmenu ul ul.notification li a:hover{}
.job-tatle{ display: inline-block; width: 100%; padding-top: 10px; font-size: 12px; font-weight: bold}
.job-tatle span{ float: right; color: #b2b2b2; font-size: 12px; font-weight: normal}
#cssmenu > ul > li.has-sub.notification-b > a {padding-right: 0;}
#cssmenu > ul > li.notification-b > a::after,
#cssmenu > ul > li.notification-b > a::before{ display: none !important}
.green-dots {width: 5px;height: 5px;background: #fe423d;display: inline-block;border-radius: 50%;vertical-align: top;}
#cssmenu ul ul.notification li a:hover {color: #fe423d;}
.dashdate{ width: 125px;}
.dashbuyer{ width: 150px;}
.management-table-td .btn-primary {color: #fff;background-color: #fe423d;border-color: #fe423d;}
.displaynone{ display: none}
.displaynonenot{ display: none !important}
.dashboard-menu-gigs{display: none;}
.dashboard-menu-gigs .navbar-default .navbar-nav > li > a{ padding-top: 0; padding-bottom: 0}
.drop_arow {float: left;width: 30%;margin-right: 10px;}
.gigs-inputs {display: inline-block;width: 100%;}
.answer_div_new .gigs-inputs {margin: 5px 0;}
.answer_div_new .gigs-inputs-select{ float: left;width: 30%;margin-right: 10px;}
.gigs-inputs-select .drop_arow {float: left;width: 100%;margin-right: 0px;}
.answer_div_new {border: 1px #ddd solid;padding: 15px;background: #fff; position: relative}
.delete-btn {position: absolute;right: -6px;top: -7px;width: 20px;height: 20px;background: #fe423d;color: #fff;text-align: center;font-size: 14px;
 border-radius: 2px;}
.delete-btn:hover{ color: #fff;}
.text_fileld_wrap .gigs-inputs textArea {height: 60px;}
.management-table-td a{ color: #fe423d; text-decoration: underline; line-height: 20px;}
.form_fieldd textarea{border-radius: 0; height: 120px}
.management-table-td a.btn-danger{ color: #fff}
.clear-filter{ background: #eee; border: 1px #ddd solid; border-radius: 3px; text-align: center; margin-top: 10px; height: 34px; padding: 4px 20px;
 font-size: 15px; cursor: pointer;}
.clear-filter:hover{ background: #d7d7d7; border: 1px #bfbdbd solid;}

.creat-new-full a {padding: 95px 0;}
.is-online {position: absolute;top: 10px;right: 10px;border: 1px #0fbb68 solid;color: #0fbb68;font-size: 14px;border-radius: 30px;padding: 1px 7px 3px;}
.is-offline {position: absolute;top: 10px;right: 10px;border: 1px crimson solid;color: crimson;font-size: 14px;border-radius: 30px;padding: 1px 7px 3px;}
/*.is-online i {font-size: 5px;vertical-align: middle;margin: 0 2px;}*/
.online-status{color: #0fbb68;}
.contct_per {display: inline-block;width: 100%;padding-top: 10px;}
.contct_per .btn-primary {
        background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
color: #fff;border: none;font-family: 'robotoregular';font-size: 15px;border-radius: 3px;padding: 4px 20px;
 height: 34px;display: inline-block;}
.right_pop {float: left;width: 30%;background: #eee;padding: 10px 15px;text-align: center;margin-bottom: 20px;}
.right_pop .profile-img {width: 100px;height: 100px;}
.left_pop {float: left;width: 70%;padding-left: 4%; margin-bottom: 20px;}
.contact_div{ display: inline-block; width: 100%; position: relative}
.left_pop .contact_div textarea.form-control{ height: 178px; resize: none; position: absolute; border: none; z-index: 9;margin: 1px;
width: 100%;max-width: 99%;min-width: 99%; }
.left_pop .contact_div label.error{ display: none !important}
.sec_blw_top {position: relative;height: 238px;box-sizing: border-box;border: 1px solid #ddd;}
.con_sec {display: inline-block;text-align: left;margin-top: 10px;padding-top: 10px;border-top: 1px #ccc solid;width: 100%;}
.con_sec h4{ color: #222; font-size: 13px;font-weight: 600;}
.con_sec ul{ display: inline-block; width: 100%; padding-top: 5px;padding-left: 13px;}
.con_sec ul li{ float: left; width: 100%; list-style: disc;font-size: 12px; color: #5a5a5a}
.sec_blw { margin-top: 178px;display: inline-block;width: 100%;border-top: 1px #ccc solid;padding: 10px;}
.sec_blw span {display: inline-block;padding-top: 11px;}
.sec_blw span.right_sp {float: right;padding-top: 0;}
.sec_blw span.right_sp input[type="file"]{ height: auto}
.search_top {float: left;margin-top: 33px;width: 400px;}
#cssmenu > ul {
    margin-top:0px;
}
#cssmenu > ul.topmenu a {
    padding:3px 0px 3px 0px !important;
}
#cssmenu > ul.topmenu {
    display: block ;
    padding: 0px 0px;
    float: right; 

}
#cssmenu > ul.topmenu li {
    padding:0px ;
    border-right: 1px solid rgba(255,255,255,0.3);
}
#cssmenu > ul.topmenu li:last-child {
    border-right:none;
}
#cssmenu > ul.topmenu a {
    padding:7px 10px 5px 10px !important;
    background:rgba(255,255,255,0.1);
    min-height: 30px;
    text-transform: capitalize;
}



#cssmenu > ul li a {
    color:#fff;
}
#cssmenu > ul ul {
    margin-top:-1px;
}
.seacrh_top_in {float: left;width: 65%;}
.seacrh_top_in .form-control {border-radius: 3px 0 0 3px;}
.search_top_btn {float: left;}
.search_top_btn .homesearch_top {background: cadetblue;
 /*background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%, rgba(145,35,106,1) 47%, rgba(253,30,77,1) 100%);*/
 /*       background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%, rgba(145,35,106,1) 47%, rgba(253,30,77,1) 100%);*/
 /*       background: linear-gradient(90deg, rgba(34,39,131,1) 0%, rgba(145,35,106,1) 47%, rgba(253,30,77,1) 100%);*/
 /*       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);*/
color: #fff;border: none;font-family: 'robotoregular';font-size: 15px;border-radius:0 3px 3px 0px;
padding: 4px 10px;height: 34px;display: inline-block; width: auto; box-sizing: border-box}
.left_pop .contact_div textarea.form-control:focus + label.error + .sec_blw_top,
.left_pop .contact_div textarea.form-control:focus + .sec_blw_top{border-color: #44ab00;}
.left_pop .contact_div textarea.error{ border: none !important}

.left_pop .contact_div textarea.form-control.error:focus + label.error + .sec_blw_top,
.left_pop .contact_div.error_ext textarea.form-control + label.error + .sec_blw_top,
.left_pop .contact_div textarea.error:focus + .sec_blw_top,
.left_pop .contact_div textarea.error + label.error + .sec_blw_top,
.left_pop .contact_div.error_ext textarea.form-control:focus + .sec_blw_top,
.left_pop .contact_div.error_ext textarea + .sec_blw_top{border-color: #d80000;}

/*------------Message Page------------*/
.message_dashboard{ padding: 20px 0;}
.message_sections{ background: #fff; border: 1px #ddd solid;display: inline-block; width: 100%}
.no-padding{ padding: 0}
.message_left_part{ display: inline-block; width: 100%; border-right: 1px #ddd solid}
.message_left_part h4{ padding: 15px; border-bottom: 1px #ddd solid; min-height: 54px; color: #222;font-family: 'robotobold'; font-size: 18px}
.messagebx{ display: inline-block; width: 100%; min-height: 500px; max-height: 500px; overflow: auto}
.messagebx ul{ display: inline-block; width: 100%}
.messagebx ul li{ display: inline-block; width: 100%;border-bottom: 1px #ddd solid; position: relative}
.messagebx ul li a{ display: inline-block; width: 100%; padding: 15px;}
.messagebx ul li.active a{ background: #eee}
.user_imges{ display: inline-block; width: 60px; overflow: hidden; border-radius: 50%; height: 60px;border: 3px #ddd solid;vertical-align: middle;}
.message_chat_right {display: inline-block;vertical-align: middle;padding-left: 12px;max-width:500px;}
.message_chat_right h3{ color: #333; font-size: 16px; font-family: 'robotobold'; }
.message_chat_right p{ color: #666; font-size: 14px; padding-top: 5px;  }
.message_middel_part{ display: inline-block; width: 100%; border-right: 1px #ddd solid}
.message_middel_part h4{ padding: 15px; border-bottom: 1px #ddd solid; min-height: 54px; color: #222;font-family: 'robotobold'; font-size: 18px}
.messagebx_middel{ display: inline-block; width: 100%; min-height: 350px; max-height: 350px; overflow: auto;border-bottom: 1px #ddd solid;}

.messagebx_middel ul{ display: inline-block; width: 100%}
.messagebx_middel ul li{ display: inline-block; width: 100%;border-bottom: 1px #ddd solid;}
.messagebx_middel ul li a{ display: inline-block; width: 100%; padding: 15px;}
.messagebx_middel .message_chat_right h3 span {color: #666; padding-left: 5px;font-size: 14px;font-family: 'robotoregular';}
.messagebx ul li:last-child,
.messagebx_middel ul li:last-child{ border-bottom: none}
.messagebx_commant{ display: inline-block; width: 100%; padding: 15px;}
.meaasges_btn{ display: inline-block; width: 100%; padding-top: 10px;}
.meaasges_btn .create_offer,
.meaasges_btn .attach_icon{ color: #333; font-size: 15px; margin-right: 15px;}
.meaasges_btn .btn-primary{ float: right;background: #fe423d;color: #fff;border: none;font-family: 'robotoregular';font-size: 15px;border-radius: 3px;
 padding: 4px 20px;height: 34px;display: inline-block;border: 1px #fe423d solid;}

.message_abouts{ display: inline-block; width: 100%; padding: 20px; text-align: center}
.message_abouts h4{  color: #222;font-family: 'robotobold'; font-size: 18px; text-align: left}
.message_abouts h3{  color: #222;font-family: 'robotobold'; font-size: 16px; padding: 15px 0}
.message_abouts_img{display: inline-block; width: 80px; overflow: hidden; border-radius: 50%; height: 80px;border: 1px #ddd solid; margin-top: 30px;}
.message_details{ display: inline-block; width: 100%; text-align: left;}
.message_about_details{ display: inline-block; width: 100%; padding: 5px 0}
.message_about_details label{ margin: 0}
.message_about_details span{ float: right}    
.gig_lst_g{ display: inline-block; width: 100%; position: relative; border-bottom: 1px #ddd solid;}
/*.gig_lst_g input[type="radio"]{ position: absolute; left: 15px; top: 50%; transform: translate(0,-50%)}*/
.gig_lst_g input[type="radio"] {position: absolute;left: 0;top: 0;margin: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.gig_lst_g input[type=radio]:checked+.gig_lst{ background: #eee}
.gig_lst {display: inline-block;width: 100%; padding: 10px 20px }
.offer_user_imges img,
.gig_lst img{ height: 100%; width: 100%;object-fit: contain;}
.gig_img{display: inline-block; width: 60px; overflow: hidden; border-radius: 50%; height: 60px;border: 1px #ddd solid;vertical-align: middle; }
.gig_title {display: inline-block;vertical-align: middle;font-size: 14px;padding-left: 6px;}
.drt_bx_auto{ display: inline-block; width: 100%; max-height: 400px; overflow-x: auto;float: left;}
.total_amount:last-child,
.gig_lst_g:last-child{ border-bottom: none}
.drt_bx .btn-primary {background: #fe423d;color: #fff;border: none;font-family: 'robotoregular';font-size: 15px;border-radius: 3px;padding: 4px 20px;
 height: 34px;display: inline-block;border: 1px #fe423d solid;}
.drt_bx .modal-footer {display: inline-block;width: 100%;}

.cot_offer{ display: inline-block; width: 100%;}
.cot_offer h3{  color: #222;font-family: 'robotobold'; font-size: 12px; margin-bottom: 10px; }
.offer_user_imges {display: inline-block;width: 26%;height: 100px;overflow: hidden;text-align: center;border: 1px #ddd solid;border-radius: 4px;}
.offer_user_input {display: inline-block;width: 73%;padding-left: 15px;vertical-align: top;}
.offer_user_input textarea.form-control {height: 100px; border-radius: 4px;}
.one_delivery {display: inline-block;width: 100%;padding-top: 15px;}
.one_delivery label {margin: 0;vertical-align: top;line-height: 13px;}
.one_delivery label span{ font-weight: normal; padding-left: 3px;}
.one_delivery input[type="radio"]{display: inline-block;vertical-align: top;margin: 0;}
.total_amount_bx{ display: inline-block; width: 100%; background: #eee; border: 1px #ddd solid;border-radius: 3px;margin-top: 15px;}
.total_amount {display: inline-block;width: 100%;padding: 10px;border-bottom: 1px #ddd solid;}
.expiration_time label,
.total_amount label{ width: 30%; margin: 0;padding-top: 9px;}
.offer-market-select{ float: right; width: 30%}
.expiration_time{ display: inline-block; width: 100%;padding: 20px 10px 10px;}
.offer-footer{ text-align: left;}
.offer-footer .succbtn{ width: auto}
.messagebx_middel_rightr ul li{padding: 15px 15px 40px 15px; position: relative}
.messagebx_middel_rightr ul li a.download_imges {padding: 0;position: absolute;right: 11px;top: 11px;border: 1px #ccc solid;width: 20px;text-align: center;
 height: 20px;border-radius: 3px;background: #ddd; color: #666}
.messagebx_middel_rightr ul li a.download_imges:hover { background: #fe423d; border-color: #fe423d; color: #fff}
.attach_fliles {display: inline-block;position: relative;width: 30px;vertical-align: top;height: 30px;}
.attach_fliles:before{ position: absolute; left: 0; top: 0; content: "\f0c6"; font-family:FontAwesome;font-size: 18px;}
.attach_fliles input[type="file"] {position: absolute;opacity: 0;width: 100%;cursor: pointer;}
.messagebx_commant textarea.form-control{height: 50px;}
.nevicatio-menu-categoris .dropdown-menu-categories {left: 0;right: auto;}
.dashboard-menu .navbar-default .navbar-nav > li {border-right: 1px #e4e4e4 solid;}
.profile-img-bxa {display: inline-block;width: 150px;height: 150px;position: relative;margin-top: -100px ;}

.freelancers_bx .profile-img-bxa {display: inline-block;width: 150px;height: 150px;position: relative;margin-top: 10px !important;}

.freelancers_bx .profile-img {
    box-shadow: 0 0 10px 0px rgba(000,000,000,0.3) !important;
    border: 4px solid rgba(255,255,255,1)!important;
}
.level_dv{background:url("../../img/front/user-level.png") no-repeat ; position: absolute; right: -12px; bottom: 0; width: 54px; height: 54px;
 background-size: 160px;}
.level1 {background-position: 0 0;}
.level2 {background-position: -54px 0;}
.level3 {background-position: -107px 0;}
.blank_mesage {display: inline-block;width: 100%;text-align: center; margin-top: 100px;padding: 140px 0 0;font-size: 23px;
 background:url("../../img/front/user_no.png") no-repeat center top ;}
.blank_mesage span {color: #407304;}
.drt {padding: 15px 20px;}
.gigs_det_profiles {display: inline-block;width: 98%;float: right;padding: 20px 0;}
.gigs_det_profiles .profile-bx {border: none;}
.user_imges{ position: relative}
.status_online {position: absolute;right: 14px;top: 0; text-align: center;}
.status_online i {color: #22ba2d;height: 16px; width: 16px;font-size: 0px;line-height: 8px; 
 background:url("../../img/front/online-icon.png") no-repeat center top ;background-size: 12px;}
.status_offline {position: absolute;right: 14px;top: 0; text-align: center;}
.status_offline i {color: #22ba2d;height: 16px; width: 16px;font-size: 0px;line-height: 8px; 
 background:url("../../img/front/offline-icon.png") no-repeat center top ;background-size: 12px;}
.time_seprate {display: inline-block;width: 100%;padding: 4px 19px;background: #eee;font-size: 15px;font-family: 'robotobold';
 border-bottom: 1px #ddd solid; position: relative; text-align: center}
.time_seprate:before{ position: absolute; left: 50%; bottom: -8px; content: ""; border-left: 8px transparent solid; border-right: 8px transparent solid;
 border-top: 8px #ddd solid; transform: translate(-50%,0)}
.user-details a.less,
.user-details a.more{ color: #fe423d;font-family: 'robotobold'; }
.bottom_lft {float: left;padding-top: 5px;}
.bottom_lft a{ display: inline-block; margin-right: 5px; font-size: 14px;}
.accept_off{ color: #38b61b; font-size: 14px;}
.reject_off{ color: #f15454; font-size: 14px;}
.bottom_rgt {float: right;}



.contectadmin{
    font-size: 15px;
    border-bottom: 1px solid #eee;
    padding: 4px 15px;
    font-family: 'robotobold';
    color: #8d8989;
}

.contectadmin:hover{
    cursor: pointer;
}
.white-bg {
    background:#fff;
}

.inner-row {
padding: 5px 0px 20px 0px;
margin-top: 70px;
}

/* packages css starts */


/*@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);*/
/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);*/
/*@import url(https://fonts.googleapis.com/css?family=Montserrat:800);*/
.snip1214 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #000000;
  text-align: center;
  font-size: 16px;
  width: 100%;
  /*max-width: 1000px;*/
  margin: 40px 10px;
}
.snip1214 .plan {
  margin: 0;
  width: 24.6%;
  position: relative;
  float: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.plan i.bx {
    font-size: 20px !important;    
}


.snip1214 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snip1214 header {
  position: relative;
}
.snip1214 .plan-title {
  position: relative;
  top: 0;
  font-weight: 800;
  padding: 10px 25px;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  display: inline-block;
  background-color: #222f3d;
  color: #ffffff;
  text-transform: uppercase;
  font-size:20px !important;
}
.snip1214 .plan-cost {
  padding: 0px 10px 20px;
}
.snip1214 .plan-price {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 800;
  font-size: 2.4em;
  color: #34495e;
}
.snip1214 .plan-type {
  opacity: 0.6;
}
.snip1214 .plan-features {
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: outside none none;
  font-size: 0.8em;
}
.snip1214 .plan-features li {
  border-top: 1px solid #d2d7e2;
  padding: 10px 5%;
}
.snip1214 .plan-features li:nth-child(even) {
  background: rgba(0, 0, 0, 0.08);
}
.snip1214 .plan-features i {
  margin-right: 8px;
  opacity: 0.4;
}
.snip1214 .plan-select {
  border-top: 1px solid #d2d7e2;
  padding: 10px 10px 0;
}
.snip1214 .plan-select a {
  background-color:cadetblue;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5em 1em;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
}
.snip1214 .plan-select a:hover {
  background-color: #46627f;
}
.snip1214 .featured {
  margin-top: -10px;
  background-color: #34495e;
  color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.snip1214 .featured .plan-title,
.snip1214 .featured .plan-price {
  color: #ffffff;
}
.snip1214 .featured .plan-cost {
  padding: 10px 10px 20px;
}
.snip1214 .featured .plan-features li {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.snip1214 .featured .plan-select {
  padding: 20px 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 767px) {
  .snip1214 .plan {
        width: 48%;
        margin-bottom: 35px;
        height: 985px;
}

  .snip1214 .plan-title,
  .snip1214 .plan-select a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .snip1214 .plan-cost,
  .snip1214 .featured .plan-cost {
    padding: 20px 10px 20px;
  }
  .snip1214 .plan-select,
  .snip1214 .featured .plan-select {
    padding: 10px 10px 10px;
  }
  .snip1214 .featured {
    margin-top: 0;
  }
}
@media only screen and (max-width: 440px) {
  .snip1214 .plan {
    width: 100%;
  }
}
.small_badge {
    position: absolute;
    width: 75px;
    top: 10px;
    left: 10px;
}
.list_box .ribbon {
  right: -5px !important;  
}

.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}

.p_badge img {
    width: 80%;
    margin: 10px 0px;
}

/* pacages css ends */
.p-b-h {
    padding-bottom:10px;
}

.limitation {
    background: -moz-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        background: linear-gradient(90deg, rgba(34,39,131,1) 0%,  rgba(253,30,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222783",endColorstr="#fd1e4d",GradientType=1);
        color: #fff;
}

.limitation h3 {
    margin-bottom:10px !important;
}

.limitation div {
    width:50%;
    float:left;
    
}

 .limitation  .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float:right;
  margin-top: -22px;
}

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

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

.limitation .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.limitation input:checked + .slider {
  background-color: indigo;
}

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

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

/* Rounded sliders */
.limitation .slider.round {
  border-radius: 34px;
}

.limitation .slider.round:before {
  border-radius: 50%;
}

.package-description ul {
    padding:0px 0px 15px 35px;
}
.package-description ul li {
    /*list-style:disclosure-closed;*/
    list-style:none;
}
.package-description ul li::before {
  content: "\2713";
  color: brown;
  width: 20px;
  font-weight: bold;
  display: inline-block; 
  margin-left: -1em;
}
.description-content font {
    font-size:15px !important;
}