body{
    font-family:"Lato",sans-serif;
    color: #4c5a5f;
    background: rgba(54,114,184,.1);
    background-image: url(../img/body-back.jpg);
}
a,button,input[type=button],input[type=submit]
{
    outline:none !important;
}
#save input[type=text],#save textarea {
    text-transform: capitalize;
}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    border: 1px solid #3672B8;
    border-top:0px;
    border-bottom:0px;
}
::-webkit-scrollbar-thumb {
    background: #3672B8; 
}
.top-menu1{
    border-bottom: 1px solid #3672b8;
    padding-bottom: .4%;
    background-image: url(../img/nav-back.jpg);
    height: 500px;

}
.low-padding{
    padding: 5px;
}
.main-main-row{
    background: #fff !important;
    margin-bottom: 1.5%;
    padding: 2% 0%;
}
.main-main-row2{
    background: #fff !important;
	border-bottom: 3px solid #c4c947;
}
.pac-container {
    z-index: 9999 !important;
}
.userdashboard
{
    
    background-color: #f1f1f1;
}
.navbar-default{
    background-color: transparent;
    border: 0px;
}
.navbar-brand{
    padding: 0px;
    padding-top: 8%;
}
.navbar-collapse.collapse{
    padding-top: 1%;
}
ul.nav.navbar-nav{
    margin-left: 5%;
}
.navbar-right a{
    outline: none;
}
.navbar-nav>li>a{
    padding-top: 10px ;
    padding-bottom: 10px ;
}
.profile-image{
    padding: 0px !important;
}
.navbar-nav>li:focus, .navbar-nav>li:hover {
   /* background-color: #c4c947;
    background: linear-gradient(-180deg,#c4c947 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px #5f7900;
    border-radius: 50px*/
    border: none;
    border-radius: 50px;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
/*    color: #fff ;
    background-color: #c4c947 ;
    border-radius: 5px ;
    color: #fff;
    background: linear-gradient(-180deg,#c4c947 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px #5f7900;
    border-radius: 50px;*/
    border: none;
    border-radius: 50px;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    outline: none;
}
.navbar-nav>li{
    margin-left: 5px;
    text-align: center;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #3672b8;
}
.navbar-default .navbar-toggle {
    border-color: #3672b8;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #c4c947;
    border-color: #c4c947;
}
.navbar-default .navbar-toggle:focus span.icon-bar, .navbar-default .navbar-toggle:hover span.icon-bar{
    background-color: #fff ;
}
a.nav-login{
    background: #3672b8;
    color: #fff !important;
    border-radius: 27px;
    padding: 8px 15px !important;
    font-weight: normal;
}
a.nav-login:focus{
    background: #3672b8 !important;
    color: #fff !important;
}
.dropdown-menu>li>a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
}
.wishlist-alert2 .alert{
    margin: 0px;
    font-size: 14px;
    padding: 15px;
    position: fixed;
    bottom: 200px;
    z-index: 99;
    width: 20%;
    text-align: center;
    background: #222;
    color: #fff;
    right: 30%;
}
.alert-danger {
    color: #dd4b39;
    background: transparent;
    border: 0px;
}
a.dropdown-toggle.profile-image img{
    width: 40px;
    border-radius: 100px;
    height: 40px;
    overflow: hidden;
}
.profile-img-nav{
    float: left;
}
.profile-img-nav>li>a:focus, .profile-img-nav>li>a:hover{
    background-color: transparent !important;
}
.navbar{
    margin-bottom: 6px;
}
.top-search-btn{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    outline: none;
}
.fb_iframe_widget{
    line-height: 18px;
}
.top-search-input{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    outline: none;
}
.header-mob{
    text-align: right;
    line-height: 50px;
}
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
    padding: 10px;
}

.header-text h3 span {
    background-color: #000;
    padding: 15px;
}
.img-responsive{
    width: 100%;
}
.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}
.navbar-default .navbar-nav>li>a{
    color: #333;
    outline: none;
    font-size: 16px;
    letter-spacing: .6px;
}
.navbar-default .navbar-nav>li>a:hover{
/*    color: #fff;
    border-radius: 5px;
    background: linear-gradient(-180deg,#c4c947 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px #5f7900;
    border-radius: 50px*/
    border: none;
    border-radius: 50px;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
}
.top-menu-row{
    background: rgba(255,255,255, .6);
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    border-top: 4px solid #c4c947;
}
.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}
.top-menubar{
    padding: 0px;
}
.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.ads-block2, .ads-block1{
    padding-top: 1%;
    padding: 0px;
    text-align: center;
    margin: 0px;
}

/*task*/
/*.task-row{
    background-color: #f1f1f1;
}
.task-block{
    margin: 0px;
    margin-bottom: 2.5%;
    padding-bottom: 1%;
}*/
.task-row2{
    padding: 2% 0%;
}
.task1{
    margin-top: 6%;
    background: #fff;
    overflow: hidden;
        border-top: 5px solid #c4c947;
}
.task1 img{
        transition: all 0.5s;
}

/*.task1:hover img{
        transform: scale(1.5);
}
*/






.home-task-btn{
  transition: .5s ease;
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -50%;
    display: table;
    width: 40%;
    text-align: center;
}
.home-task-btn p{
    background-color: #c4c947;
    color: #fff;
    background: linear-gradient(-180deg,#c4c947 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px #5f7900;
    border-radius: 50px;
    padding: 6% 7%;
    text-decoration: none;
    font-size: 16px;
}
.task1 img{
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

.task1:hover .home-task-btn{
    opacity: 1;
    bottom:5%;
}


.task1:hover img{
          transform: scale3d(1.2, 1.2, 1);
}

.task1 span{
    position: absolute;
    top: 20px;
    padding: 0% 5%;
    color: #fff;
    overflow: hidden;
    display: block;
    background: rgba(0, 0, 0, .5);
    font-size: 44px;
    font-weight: 600;
    transition: .5s ease;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.3);
    text-shadow: 0 1px 1px #666;
}
.task1:hover span{
    top: 40px;
    color: #3672b8;
    background: rgba(255, 255, 255, .6)

}
.bottom-ads{
    text-align: center;
    background-color: #f1f1f1;
    padding-bottom: 2%;
}


.search-task{
    padding: 1%;
    margin: 0px;
}

.search-task textarea{
    resize: none;
}
/* feature*/
/*.feature-row{
    background:#fff;
    padding: 2% 0%;
}*/
.recently-task{
    box-shadow: 0px 0px 5px;
    min-height: 520px;
    background-image: url(../img/t-back1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.featured-task{
    box-shadow: 0px 0px 5px;
    min-height: 730px;
    background-image: url(../img/t-back1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
h2.feature-heading1{
    color: #fff;
    text-align: center;
    font-size: 28px;
    margin: 0px;
    padding: 1.5%;
    margin-bottom: 2%;
    background: #10a2ef;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
}
h2.feature-heading2{
    color: #fff;
    text-align: center;
    font-size: 28px;
    margin: 0px;
    padding: 1.5%;
    margin-bottom: 2%;
    background: #10a2ef;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
}
.feature-block{
    margin-bottom: 5%;
    overflow: hidden;

    border-radius: 5px;
}

.feature-block img{
    -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
          overflow: hidden;
}
.feature-block:hover img{
          transform: scale3d(1.2, 1.2, 1);
}


.feature-block h4{
    color: #172758;
    font-size: 18px;
}
.feature-block p{
    color: #333;
    font-size: 13px;
    text-align: justify;
    margin-top: 5%;
    word-wrap: break-word;
}
.feature-block p::first-letter{
    text-transform: uppercase;
}
.sold-item-text p{
    text-align: center;
}
/*.view-more{
    text-align: center;
    margin-left: 34%;
}*/
.view-more a{
    text-decoration: none;
    width: 160px;
    height: 40px;
    display: block;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
    line-height: 40px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px #444;
}
.view-more a:hover{
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
    border-color: #10a2ef;
}

/*insurance*/
.insu-row{
    background-color: #AEF1F1;
    padding:5% 0%;
}
.insu-row p{
    color: #222;
    margin-bottom: 5%;
    font-size: 16PX;
}
.insu-img1{
    padding: 0px;
}
.insu-heading{
    text-align: center;
}
.insu-heading h2{
        color: #333;
    font-size: 46px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 2%;
}

.insu-block1 h3{
    margin: 0px;
    padding: 2% 0%;
    color: #333;
    font-weight: 600;
    font-size: 22px;
}
.insu-block1{
    margin-bottom: 2%;
}
.insu-icon1{
    background-image: url(../img/icon/insu-icon1.png);
    height: 100px;
    width: 100px;
    background-size: 100%;
}
.insu-icon2{
    background-image: url(../img/icon/insu-icon2.png);
    height: 100px;
    width: 100px;
    background-size: 100%;
}
.insu-icon3{
    background-image: url(../img/icon/insu-icon3.png);
    height: 100px;
    width: 100px;
    background-size: 100%;
}
.insu-icon4{
    background-image: url(../img/icon/insu-icon4.png);
    height: 100px;
    width: 100px;
    background-size: 100%;
}
/*how it work*/
.howit-work{
    background-image: url(../img/how-it.jpg);
    padding: 2%;
}

.howit-work h2{
    text-align: center;
    font-weight: bold;
    font-size: 38px;
    color: #3672b8;
    padding: 2% 0%;
}
.howit-work p img{
    text-align: center;
    width: 40%;
}
.howit-work p {
    font-size: 20px;
    text-align: center;
    color: #172758;
    font-weight: bold;
    padding: 2%;
}


/*completed Task*/
.complete-task-row{
    padding: 2% 0%;
}
.complete-task-row h2{
    text-align: center;
    font-size: 38px;
    color: #172758;
    font-weight: 600;
}
.compl-task1{
    box-shadow: 0px 0px 7px #839094;
    padding: 2%;
    color: #839094;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
}
.compl-heading p {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    text-align: left;
    min-height: 42px;
}
.compl-profile1{
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
        height: 50px;
    width: 50px;
    line-height: 50px;

}
.compl-profile1 img{
    height: 50px;
    width: 50px;
}
.compl-profile2{
        padding: 5px;
}
.compl-date{
    font-size: 18px;
    text-align: right !important;
    color: #10a2ef !important;
    margin-top: 0px !important;
    margin-bottom: 5px;
}
/*recently sold item*/
.sold-item{
    background-color: #f1f1f1;
    padding: 2% 0%;
}
.sold-item h2{
    text-align: center;
    font-size: 38px;
    color: #172758;
    font-weight: 600;
}
.sold-item1{
    position:relative;
    line-height: 100px;
        margin-bottom: 30px;
}
/*.sold-item1 .sold-item-text{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    transform: scale(0);
    border-radius:5px;
    background-color: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
    box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
}*/
/*.sold-item1:hover .sold-item-text {
    transform: scale(1);
}*/
.sold-item-text {
    transition: all 0.5s ease;
    text-align: center;
}
.sold-item-text h3{
    color: #3672b8;
    font-size: 26px;
    margin: 10px 0px;
    padding: 5px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 3px;
}
.sold-item-text a{
    padding: 2% 6%;
    border: 1px solid;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
}
.more-item-btn {
    text-align: center;
    padding-top: 5%;
}
.more-item-btn a{
    padding: 1% 3%;
    text-decoration: none;
    color: #172758;
    border: 1px solid;
}

/*footer*/

.footer-row{
    padding: 2% 0%;
    background-image: url(../img/ft-back.jpg);
}
.footer-link h4{
    color: #fff;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}
.footer-link li{
    list-style: none;
}
.footer-link li a{
    color: #fff;
    text-decoration: none;
}
.footer-link li a:hover{
    color: #cad7dc;
}
.social-row li{
    float: left;
}
li.social-ico{
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    border-radius: 50px;
    list-style: none;
    background-color: #fff;
    margin-left: 10px;
}
.copyright-text{
    text-align: center;
    background-color: #3672b8;
    padding: 10px;
    color: #fff;
}
.copyright-text h4{
    color: #ccc;
    font-size: 14px;
}

.top-search1{
    text-align: center;
    color: #fff;
    margin-top: 170px;
    border-radius: 10px;
    padding-bottom: 20px;
}

.top-search1 h1{
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.top-search1 h4{
    font-style: italic;
}
.top-search-form{
       background: #fff;
    border-radius: 45px;
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
    color: #2a394e;
    font-size: 21px;
    text-align: left;
    display: inline-table;
}
.top-search-form input[type=button]{
/*    background-color: #c4c947;
    color: #fff;
    background: linear-gradient(-180deg,#c4c947 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px #5f7900;
    border-radius: 50px;
    border: 0px;
    padding: 5px 20px;*/

    padding: 0px 35px;
    right: 9px;
    bottom: 8px;
    border: none;
    border-radius: 45px;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
    outline: none;
}
.top-search-form input[type=text]{
    border: 0px;
    outline: none;
    float: left;
    padding: 0px;
    width: 100%;
}

.top-search-form .no-padding{
    
}
.top-search-box1{
    line-height: 55px;
    text-align: right;
}


.top-search-option select{
    height: 55px;
    outline: none;
    border: 1px solid #10a2ef;
    border-radius: 50px;
    font-size: 15px;
    color: #10a2ef;
    overflow: hidden;
}

.top-search-option select option:first-child{
    display: none;
}
.top-search-option .top-search-option1{
    height: 40px;
    display: inline-block;
    line-height: 40px;
}

/*dashboard*/
li.profile-name{
    font-weight: 600;
    color: #000;
    margin-top: 6%;
    width: 100px;
}
li.profile-name:hover{
    background: transparent;
    box-shadow: none;
    text-shadow: none;
	color: #000;
}
li.profile-image{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden;
    text-align: center;
}
.dash-back1{
    position: relative;
    margin: 0px;
    margin-bottom: 4%;
}
.dash-heading{
    position: absolute;
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-weight: 600;
    top: 40%;
    left: 38%;
}

.usertab{
    display: none;
    min-height: 500px;
    padding-bottom: 2%;
}
.dash-box{
    min-height: 400px;
    background-color: #fff;
    float: left;
     
}
.user-nav li:nth-child(2){
    margin-left: 26%;
}
.user-nav li a{
    background-color: rgba(54, 114, 184, .7);
    width: 200px;
    border: 0px;
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-bottom: 5px solid #fff;
}
.user-nav li.active a:hover, .user-nav li.active a:focus, .user-nav li.active a, .user-nav li a:hover{
    background-color: rgba(54, 114, 184, 1);
    color: #fff ;
    border-bottom: 5px solid #3672b8;
}
.user-nav{
    margin-left: 22%;
    border: 0px;
}
.user-profile1{
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    height: 100px;
    width: 100px;
    margin: auto;
    margin-top: 10%;
    display: block;
    border: 2px solid #10a2ef;
}
.user-name1 h3{
    text-align: center;
}
.dash-sidebar{
    background-color: #fff;
    padding: 0px;
    border-right: 1px solid #ddd;
}
.dash-sidebar ul{
    margin: 0px;
    padding: 0px;
}
.dash-sidebar ul li{
    list-style: none;
    padding: 2% 0%;
    display: block;
    font-size: 14px;
    float: initial;
    color: #fff;
    background: rgba(16, 162, 239, 0.8);
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
}
.dash-sidebar h3{
    color: #3672b8;
    font-size: 16px;
    margin: 10px;
}
.side-bar-menu>li>a{
    padding: 10px 0px;
}

.side-bar-menu>li.active>a, .side-bar-menu>li.active>a:focus, .side-bar-menu>li.active>a:hover{
    cursor: default;
    background-color: #3672b8;
    width: 240px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-left: -15px;
    color: #fff;
    border: 0px;
    padding: 10px 0px 10px 12px;
}


#registrationform .modal-dialog{
    width: 420px !important;
}


  ul.autocomplete {
 position: absolute;
 top: 100%;
 width: 90%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 213px;
    _width: 160px;
    padding: 6px 7px;
    margin: 1px 0px 0px 15px;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;

}
  ul.autocomplete > li{
    margin: 1% 0%;
    border-bottom: 1px solid #839094;
}
  ul.autocomplete > li > a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    white-space: nowrap;
    color: #333;
  }
    ul.autocomplete > li > a:hover, ul.autocomplete > li > a:active {
      color: #ffffff;
      text-decoration: none;
      background-color: #b1afaf;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;

}
/* main category*/

.product-img{
    height: 90px;
    width: 150px;
    background-image: url(../img/icon/main.png);
}
.product-mobile{
    background-position: 0px -10px;
}
.product-electric{
    background-position: -134px -10px;
}
.product-cars{
    background-position: 134px -10px;
}
.product-bikes{
    background-position: 0px -120px;
}


.details1{
    font-weight: 600;
    font-size: 18px;
}
.details3 a{
    text-decoration: none;
}
.product-block1{
    padding: 2%;
    border-bottom: 2px solid #f1f1f1;
}
.product-block2{
    padding: 2%;
}
.product1{
    border: 2px solid transparent;
    padding: 0px;
    min-height: 140px;
    cursor: pointer;
}
.product1:hover{
    border: 2px solid #3672b8;
    border-radius: 5px;
}
.product1 h5{
    color: #3672b8;
    text-align: center;
}


/* sub category eletric*/

.electric-images{
    height: 80px;
    width: 100px;
    margin: auto;
    background-image: url(../img/icon/main5.png);
}
.electric-img1{
    background-position: 5px 15px;
}
.electric-img2{
    background-position: 10px -120px;
}
.electric-img3{
    background-position: 10px 76px;
}
.electric-img4{
    background-position: -74px 140px;
}
.electric-img5{
    background-position: 85px -120px;
}
.electric-img6{
    background-position: -74px -54px;
}
.electric-img7{
    background-position: -74px 16px;
}
.electric-img8{
    background-position: 84px -50px;
}

/* sub category cars*/



/* sub category cars*/

.product-details-form{
    display: none;
}
.dash-submit-btn{
    padding: 1% 4%;
    background: #3672b8;
    border: 0px;
    color: #fff;
    border-radius: 3px;
    margin-top: 34px;
    float: right;
    font-size: 16px;
}

/* sidebar nav*/
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #fff;
  height: auto;
  color: #000;
  box-shadow: 0px 0px 15px #ddd;
  padding-bottom: 80px;
  margin-top: 10px;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #fff;
  background: #3672b8;
  padding-left: 15px;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #fff;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    border: none;
    line-height: 28px;
    border-bottom: 1px solid #aaa;
    margin-left: 0px;
    padding-left: 18px;
    background: #fff;
}
.nav-side-menu ul .sub-menu li.current{
    background-color: rgba(54, 114, 184, 0.7);
  color: #fff;
}
.nav-side-menu ul .sub-menu li.current a{
  color: #fff;
}
.nav-side-menu ul .sub-menu li:hover i{
    color: #fff;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: rgb(54, 114, 184);
  color: #fff;
}
.nav-side-menu ul .sub-menu li:hover .sub-menu li:hover{
    color: #fff;
}

.nav-side-menu ul .sub-menu li:hover a,
.nav-side-menu li .sub-menu li:hover a {
  color: #fff;
}
.nav-side-menu ul #filter3.sub-menu li:hover:before,
.nav-side-menu li #filter3.sub-menu li:hover:before {
    color: #fff
}
.nav-side-menu ul #filter3.sub-menu li:before,
.nav-side-menu li #filter3.sub-menu li:before {
  font-family: FontAwesome;
  content: "\f101";
  display: inline-block;
  padding-left: 10px;
  font-size: 16px;
  padding-right: 10px;
  vertical-align: middle;
      color: #3672b8;
    font-weight: 600;
}
.nav-side-menu li {
  padding-left: 0px;
      border-bottom: 1px solid #fff;
    background: rgba(54, 114, 184, 0.5)
}
.nav-side-menu li a {
  text-decoration: none;
    color: #fff;
}
.nav-side-menu li.active a {
  color: #3672b8;
}

.nav-side-menu ul ul li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
  color: #3672b8;;
}
.nav-side-menu ul ul li a{
    color: #555;
    font-size: 14px;
}
.nav-side-menu li i {
  padding-left: 10px;
}
.nav-side-menu li:hover {
      background-color: rgba(54, 114, 184, 0.9)
    color: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {

  color: #3672b8;
}




/*service*/
.service-form-heading{
    text-align: center;
    color: #3672b8;
    font-weight: 600;
    padding: 1% 0%;
}




/*task popup*/
.task-top-link1, .task-top-link2{
    text-align: center;
    line-height: 40px;
    font-size: 14px;
}

a.task-link1{
    color: #3672b8;
    text-decoration: none;
    line-height: 20px;
    display: block;
    height: 54px;
    font-weight: 600;
    width: 80px;
    border-radius: 100px;
    border: 2px solid #ACCC1A;
}
a.task-link1::after{
    content: "";
    position: absolute;
    left: 77%;
    border-width: 10px;
    border-style: solid;
    top: 16px;
    border-color: transparent transparent transparent #ACCC1A;
}
.task-top-link2 span{

    color: #ddd;
    line-height: 20px;
    display: block;
    height: 54px;
    font-weight: 600;
    width: 80px;
    border-radius: 100px;
    border: 2px solid #ddd;
    text-align: center;
}
.task-top-link2 span::after{
    content: "";
    position: absolute;
    left: 77%;
    border-width: 10px;
    border-style: solid;
    top: 16px;
    border-color: transparent transparent transparent #ddd;
}
.task-top-link3 span{
    color: #ddd;
    line-height: 20px;
    display: block;
    height: 54px;
    font-weight: 600;
    width: 80px;
    border-radius: 100px;
    border: 2px solid #ddd;
    text-align: center;
}
.task-top-link3 span::after{
    content: "";
    position: absolute;
    left: 77%;
    border-width: 10px;
    border-style: solid;
    top: 16px;
    border-color: transparent transparent transparent #ddd;
}
.gap-20{
    height: 20px;
}
.gap-10{
    height: 10px;
}
.post-heading{
    color: #839094;
    font-size: 18px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 15px;
}
.search-task-btn a{
    text-decoration: none;
}
.postcommentbtn input[type=button] {
    width: 200px !important;
}
.search-task input.form-control{
    height: 40px !important;
}
.co-upload-photo.commentattach
{
    padding: 4% 0% !important;
    height: 34px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 #9dd801;
}
.search-task label{
    color: #000;
    font-size: 14px;
}
.search-task input[type='radio'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px gray inset;
    margin-bottom: -5px;
}
.search-task input[type='radio']:hover {
    box-shadow:0 0 5px 0px #3672b8;
}
.search-task input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
.search-task input[type='radio']:checked:before {
    background:#c4c947;
}
/*browse work*/
.no-padding{
    padding: 0px !important;
}
.no-margin{
    margin: 0px !important;
}
.nogap{
    margin: 0px;
    padding: 0px;
}
.border-line{
    height: 1px;
    width: 100%;
    background: #ddd;
    margin: 1% 0%;
    display: inline-block;
    clear: both;
}
.border-line2{
    height: 1px;
    width: 100%;
    background: #aaa;
    margin: 1% 0%;
    display: inline-block;
    clear: both;
}
.padding-10{
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 10px;
}
.task-filter{
    background: #f1f1f1;
    padding: 1%;
    border-bottom: 2px solid #cad7dc;
    margin-bottom: .7%;
}
.task-filter li{
    float: left;
    list-style: none;
    margin-right: 1%;
    color: #3672b8;
    font-weight: 600;
    cursor: pointer;
}
.task-filter i{
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50px;
    color: #fff;
    background: #3672b8;
    font-size: 16px;
}
.bs-browse-btn {
    padding: 0px 5px;
}
.task-filter li:hover .task-filter i.fa{
    color: #fff; 
    background: #3672b8;
}
li.bt-filter-ico{
    color: #000;
    font-weight: 600;
    cursor: default;
}
.bt-filter-ico i{
    color: #000;
    border: 0px;
}
.task-search-form{
    background: #3672b8;
    padding: .7% 4%;
    color: #444;
    margin: auto;
    width: 86%;
    margin-left: 7%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 3px;
}
.bt-search-btn{
    padding: 2.1% 10%;
    border: 0px;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-weight: 600;
}
.search-task-nav{
    padding: 0px;
    margin: 0px;
    height: 40px;
    background: #3672b8;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
}
.search-task-nav li{
    list-style: none;
}
.search-task-nav1{
    padding: 0px;
    margin: 0px;
    height: 40px;
    background: #3672b8;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
}
.search-task-nav1 li{
    list-style: none;
}
.search-task-nav2{
    padding: 0px;
    margin: 0px;
    height: 40px;
    background: #3672b8;
    text-align: center;
    line-height: 40px;
    color: #fff;
    display: none;
}
.search-task-nav2 li{
    list-style: none;
    float: left;
    width: 50%;
    border-right: 1px solid #fff;
    float: left;
}
.search-task-nav2 li:nth-child(2){
    border-right: 0px;
}
.bt-profile{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 55px;
    margin: auto;
    border: 2px solid #10a2ef;
}
.bt-profile img{
    display: initial;
    height: 60px;
    width: 60px;
}
/*.bt-task-block{
    margin: 0px;
    padding: 1% 0%;
    background: #eee;
    border-bottom: 2px solid #839094;
}*/
.bt-show-list i.fa{
    line-height: 60px;
}
.bt-show-list i.fa.fa-tasks{
    line-height: 44px;
}

.bt-task-name{
    min-height: 80px;
}
.bt-task-name::first-letter{
    text-transform: uppercase;
}
.bt-browse{
    text-align: center;
    padding: 4% 0%;
    border-radius: 3px;
    background: #10a2ef;
    color: #fff;
    margin: 0px;
}
.bt-price{
    text-align: center;
    font-size: 26px;
    height: 26px;
    color: #333;

}
.bt-task-title{
    color: #111;
    font-weight: 700;
}
.bt-task-column{
    height: 1em;
    overflow-y: scroll;
    padding-right: 0px;
    position: relative;
    overflow-x: hidden;
}
.custom-search{
position: absolute;
z-index: 9;
background: rgb(255, 255, 255);
width: 99.6%;
overflow-y: scroll;
}

p.indextaskcontent {    height: 62px;}
.bt-show-list{
    float: left;
}
.bt-show-list h4{
    color: #3672b8;
    font-weight: 600;
}
.bt-track li{
    float: left;
    list-style: none;
    margin-right: 20px;
    border-radius: 3px;
    padding: 1% 2%;
    color: #c94c47;
}
.bt-track1{
    border-top: 5px solid rgba(54, 114, 184, 1);
}
.bt-track2{
    border-top: 5px solid rgba(54, 114, 184, .5);
}
.bt-track3{
    border-top: 5px solid rgba(54, 114, 184, .2);
}
.bt-task-details{
    text-align: center;
    background: #3672b8;
    color: #fff;
    font-size: 18px;
    padding: 1% 0%;
    margin: 0px;
}
.bt-tasker-name {
    color: #3672b8;
    font-weight: 600;
    font-size: 16px;
    margin: 0px 0px 5px 0px;
}
i.bt-location{
    font-size: 28px;
    text-align: center;
    display: block;
}
.bt-map-onclick{
    cursor: pointer;
}
.bt-map{
}
p.complete_desc{
    min-height: 40px;
    border-bottom: 1px solid #eee;
    margin-top: 3%;
}
.bt-task-location{
    margin: 0px;
}

/*bt-slider*/

.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}
.col-item .photo{
    height: 180px;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
.bt-product-box{
    background: #f1f1f1;
    padding: 0% 0% 3% 0%;
    border-top: 6px solid #c4c947;
}
.bt-product-slider{
    padding: 0px;
}
.price-text-color{
    display: none;
}
.bt-task-column2{
  }  
.bt-show-task{
   height: 1em;
    overflow-y: scroll;
    display: none;
}
.bt-task-budget {
    padding: 2% 0%;
    border-radius: 3px;
    color: #f1f1f1;
    text-align: center;
    font-size: 16px;
    background: linear-gradient(-180deg,#a4be01 0%,#ACCC1A 100%);
}
.social-profile{
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 50px;
    overflow: hidden;
    line-height: 50px;
}
.comment-bx{
    display: inline-block;
    margin: 0 8px 10px 8px;
    padding: 5px !important;
    width: 84%;
    background: #f1f1f1;
    border: 1px solid #cad7dc;
    border-radius: 5px;
}
.commenter-name{
    color: #444;
    font-weight: 600;
    margin: 0px;
}
.social-profile img{
    height: 50px;
    width: 50px;
}
.bt-social li{
    float: left;
    list-style: none;
    margin-right: 20px;
}
.bt-social li i{
    color: #ddd;
    font-size: 18px;
    cursor: pointer;
}
.social-fb:hover i{
    color: #3B5998;
}
.social-tt:hover i{
    color: #1DA1F2;
}
.social-gp:hover i{
    color: #DC4A38;
}
.social-li:hover i{
    color: #0274B3;
}
.make-offer-btn {
    padding: 3% 8%;
    background: #fff;
    color: #84ad02;
    margin-top: 4px;
    display: inline-flex;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: 600;
    box-shadow: 0px 0px 5px #999;
}
.bodyhide
    {
    opacity: 0.1;
    pointer-events: none;
    }
    /* Center the loader */
    .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99999;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #cacaca;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}
#allcomments p{
    margin: 0px;
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}


/*dashboard*/
/*.dsb-dsb{
    max-height: 598px;
    overflow-y: scroll;
    overflow-x: hidden;
}*/
/*#dsb-dsb2::scrollbar-track
{
    border: 1px solid black;
    background-color: #F5F5F5;
}*/
#dsb-dsb2::-webkit-scrollbar-track
{
  border: 1px solid #ACCC1A;
  background-color: #fff;
}

#dsb-dsb2::-webkit-scrollbar
{
  background-color: #fff;
  width:8px;

}

#dsb-dsb2::-webkit-scrollbar-thumb
{
  background-color: #ACCC1A;
}

/*dashboard slider*/
.carousel {
    margin-bottom: 20px;
    float: left;
}
/* The controlsy */
.carousel-control {
    left: -12px;
    height: 40px;
    width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 50px;
}
.carousel-control.right {
    right: -12px;
}
/* The indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
    background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}

.dash-title{
    border-bottom: 1px solid #eee;
    position: relative;
    background: #3672b8;
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    text-align: center;
    padding: 10px 0px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.slider-title{
    text-align: center;
}
.announce-block1{
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 310px;
}
.dsb-new{
    background: #3672b8;
    color: #f1f1f1;
    text-align: center;
    padding: 10%;
    border-radius: 3px;
    font-size: 10px;
}
.announce-row1{
    border-bottom: 1px solid #ddd;
    padding-bottom: 3%;
    padding-top: 3%;
}
.announce-row1:nth-child(5){
    border-bottom: 0px;

}
.dsb-para{
    padding-left: 5%;
}
.announce-title{
    font-size: 16px;
    text-align: center;
    padding: 0% 5%;
}
.dsb-friend{
    border-radius: 5px;
    overflow: hidden;
}
.padding-1{
    padding: 1%;
}
.dsb-frlink {
    text-align: center;
    padding: 8% 0%;
}
.dsb-frlink a{
    padding: 3% 5%;
    background: #c4c947;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
.dsb-tshirt div{
    padding: 1%;
    background: #f26e69;
    color: #f1f1f1;
    border-radius: 50px;
    width: 70px;
    height: 70px;
    margin: auto;
    text-align: center;
    line-height: 19px;
}
.dsb-summey1{
    margin-top: 10%;
    text-align: center;
    font-size: 24px;
}
.dsb-tab li{
    float: left;
    width: 100px;
    height: 30px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 30px;
    list-style: none;
    cursor: pointer;
}
.dsb-tab li:nth-child(1){
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #839094;
    color: #fff;
}
.dsb-tab li:nth-child(2){
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.noti-profile{
    height: 22px;
    width: 22px;
    float: left;
    margin-right: 3px;
}
.dsb-notification{
    padding: 3% 0%;
}
.noti-block1{
    border: 1px solid #ddd;
    border-radius: 5px;

}
.noti-block2{
    max-height: 400px; 
    overflow: auto;
    overflow-x: hidden;
}
/*tab panel style*/
.panel-tabs {
    position: relative;
    bottom: 30px;
    clear: both;
    border-bottom: 1px solid transparent;
    margin-left: 22.5%;
}

.panel-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.panel-tabs > li > a {
    margin-right: 2px;
    margin-top: 4px;
    line-height: .85;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #839094;
    border: 1px solid;
}

.panel-tabs > li > a:hover {
    border-color: #ddd;
    color: #839094;
    background-color: #ddd;
}

.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #839094;
    border-bottom-color: transparent;
}
.panel-body{
    padding: 15px 0px;
}
.dsb-probar{
    height: 120px;
    width: 100%;
}
.dsb-probar1{
    background: #3672b8;
    width: 100%;
    padding-top: 150px;
    border-radius: 5px;
}
.dsb-probar2{
    background: #c4c947;
    width: 100%;
    padding-top: 5px;
    border-radius: 5px;

}
.dsb-probar3{
    background: #3672b8;
    width: 100%;
    padding-top: 5px;
    border-radius: 5px;

}
.dsb-probar4{
    background: #c94c47;
    width: 100%;
    padding-top: 5px;
    border-radius: 5px;

}
.dsb-pronumber1,.dsb-pronumber2,.dsb-pronumber3,.dsb-pronumber4{
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding: 5% 0%;
}
.dsb-pronumber1{
    color: #3672b8;
}
.dsb-pronumber2{
    color: #c4c947;
}
.dsb-pronumber3{
    color: #3672b8;
}
.dsb-pronumber4{
    color: #c94c47;
}
.dsb-protext{
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
.dsb-procomplete{
    border-radius: 10px;
    border: 2px solid #839094;
    padding: 16%;
    text-align: center;
    background: #f1f1f1;
}
.dsb-procomplete p:nth-child(odd){
    font-size: 22px;
}
.dsb-probar21{
    background: #839094;
    width: 100%;
    padding-top: 5px;
    border-radius: 5px;
    margin-top: 145px;
}
.dsb-pronumber21{
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding: 5% 0%;
    color: #839094;
}
.modal{
    z-index: 99999;
}


/*pop up*/
#cboxContent{
    width: 420px !important;
    border-radius: 5px !important; 
    max-height: 500px;
}
#cboxLoadedContent {
    width: 420px !important;
    border-radius: 5px !important;
   background: #fff;
   max-height: 500px;

}
#ads_popup_option{
    background: transparent !important; 
}
{
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
#cboxClose {
    right: 15px;
}

.search-task h5{
    text-align: center;
    margin: 20px 0px;
    font-weight: 300;
    margin-top: 0px;
    color: #737373;
    font-size: 20px;
}
.search-task p{
    text-align: center;
}
.login-fb a{
    color: #fff;
    cursor: pointer;
    line-height: 1.4;
    border-radius: 50px;
    display: inline-block;
    box-sizing: border-box;
    letter-spacing: .05em;
    -webkit-transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    margin-right: 4px;
    text-align: center;
    white-space: nowrap;
    display: block;
    background: -webkit-linear-gradient(top,#5070b2 0%,#3e5d9d 100%);
    background: linear-gradient(-180deg,#5070b2 0%,#3e5d9d 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 #96b1ea;
    margin: auto;
    width: 300px;
    padding: 2% 0%;
    text-decoration: none;
}


#para-popup-heading{
    font-family: cursive;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.search-task-btn a input[type=button], .search-task-btn input[type=button], .search-task-btn input[type=submit]{
    color: #fff;
    cursor: pointer;
    border-radius: 50px;
    display: inline-block;
    box-sizing: border-box;
    letter-spacing: .05em;
    -webkit-transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    margin-right: 4px;
    text-align: center;
    white-space: nowrap;
    background: #a4be01;
    background: -webkit-linear-gradient(top,#a4be01 0%,#ACCC1A 100%);
    background: linear-gradient(-180deg,#a4be01 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 #9dd801;
    text-shadow: 0 1px 1px #5f7900;
    margin: auto;
    width: 200px;
    height: 40px;
    border: 0px;
    text-decoration: none;
}

.search-task-btn{
    text-align: center; 
        margin-bottom: 10px;
}
.login-forgot-link{
    text-align: center;
     margin-top: 10px;

}
.login-or{
    text-align: center;
    height: 1px;
    background: #ddd;
    line-height: 1px;
    margin: 20px 0px;
}
.login-or span{
    background: #fff;
    padding: 4px;
}
#colorbox{
    left: 34% !important;
    width: 420px !important;
    max-height: 500px !important;
}
.login-forgot-link2{
    font-size: 12px;
    text-align: center;
}
.advert-ico{
    margin: auto;
    width: 120px;
    height: 120px;
    border: 8px solid #fff;
    border-radius: 100px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 10px #ccc;
    transition: .5s ease;
}




.advert-ico a{
    text-decoration: none;
    display: block;
    padding: 15%;
    height: 100%;
    border-radius: 50px;
  box-shadow: inset 0px 0px 50px #ddd
}
.advert-ico:hover {
    box-shadow: 0px 0px 15px 0px #ACCC1A;
    margin-top: 0px;
    margin-bottom: 20px;
}
.padding5{
    padding: 5px;
}
a.thumbnail h5{
    text-align: center;
    margin: 0px;
    padding: 8px 0px;
}
a.thumbnail{
    text-decoration: none;
}
a.thumbnail:hover > h5{
    background: #f26e69;
    color: #fff;
}
.upload-profile1 >input{
    display: none;
}
.upload-profile1 i{
    cursor: pointer;
}
.upload-profile1{
    position: absolute;
    text-align: center;
    z-index: 5;
    width: 90px;
    height: 90px;
    overflow: hidden;
    display: none;
}
.user-profile1:hover >.upload-profile1{
    display: block;
}
.panel-primary{
    border: 0px transparent;
}
.panel-primary>.panel-heading{
    background: transparent;
    border: transparent;
}
.profile-progress1{
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 2px;
    text-align: center;
}
.profile-progress1:hover{
    border: 1px solid #666;
}
i.fa-check{
    font-size: 36px;
    padding: 6%;
    color: #c4c947;
    margin-top: 5px;
}
i.fa-exclamation{
    font-size: 36px;
    padding: 6%;
    color: #839094;
    margin-top: 5px;
}
.no-margin{
    margin: 0px !important;
}
.footer-link ul{
    padding: 0px;
}
h5.login-or{
    margin-top: 20px;
}
#cboxWrapper{
    width: auto !important;
    max-height: 500px !important;
    overflow-y: scroll !important;

}
#login_div5{
    margin-top: 10px;
}
 #popup_error{
    color: #dd4b39;
    font-weight: bold;
    font-size: 13px;
 }
#error{
    color: #dd4b39;
    font-weight: bold;
    font-size: 13px;
}

.error-tip {
    font-size: 12px;
    padding: 5px;
    background: #ffd8a6;
    border: 1px solid rgba(85,92,95,0.23);
    font-size: 11px;
    color: #b28216;
    letter-spacing: 0;
    line-height: 13px;
    position: absolute;
    display: block;
    line-height: 16px;
    border-radius: 4px;
    white-space: nowrap;

}
.error-tip .dagger {
    position: absolute;
    right: 12px;
    height: 10px;
    width: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #ffd8a6;
    border-bottom: 1px solid rgba(85,92,95,0.23);
    border-right: 1px solid rgba(85,92,95,0.23);
    bottom: 0;

}


i.offer-fa-right{
    float: right;
    margin-top: 4px;
}
i.offer-fa-check{
    padding: 3px !important;
    background: #ddd;
    color: #fff !important;
    font-size: 12px !important;
    margin: 0px !important;
    border-radius: 50px;
}
i.offer-fa-greens{
    background: #c4c947;
    padding: 3px !important;
    color: #fff !important;
    font-size: 12px !important;
    margin: 0px !important;
    border-radius: 50px;
}
.offer-popup-btn{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px !important;
    transition: 1s;
    color: #839094;
    margin-bottom: 3%;
}
.offer-popup-btn:hover{
    border: 1px solid #839094;
}
.co-profile-show{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    padding: 0px;
    overflow: hidden;
}
.offer-back a{
    text-align: center;
    padding: 3% 24%;
    border: 1px solid #3672b8;
    border-radius: 25px;
}
.offer-back a:hover{
    border: 1px solid #3672b8;
}
.offer-fa-left{
    color: #839094;
    font-size: 20px !important;
}

input.photo {
    display: none !important;
}
.co-upload-photo{
    color: #fff !important;
    cursor: pointer;
    line-height: 1.4;
    border-radius: 50px;
    display: inline-block;
    box-sizing: border-box;
    letter-spacing: .05em;
    transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    margin-right: 4px;
    text-align: center;
    background: #a4be01;
    background: linear-gradient(-180deg,#a4be01 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 #9dd801;
    text-shadow: 0 1px 1px #5f7900;
    margin: auto;
    width: 200px;
    padding: 3% 0%;
    border: 0px;
    text-decoration: none;
}
.inputdob{
    width: 75px !important;
    float: left;
    margin-left: 5px;

}




/*browse product*/

.product-list-img{
    height: 200px;
    text-align: center;
    line-height: 200px;
}
.product-list-img img{
    max-width: 100%;
    max-height: 100%;
    padding: 5%;
}
.product-list-title{
    color: #ACCC1A;
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: 600;
}
.product-list-price{
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.product-list-info{
    padding-left: 10px;
}
.product-listing1{
    margin-top: 30px;
    position: relative;
}
.product-list-box{
    box-shadow: 0px 0px 15px #ddd;
    cursor: pointer;
    border-top: 2px solid transparent;

}
.product-list-box:hover{
    border-top: 0px;
    box-shadow: inset 0 0 10px 1px #ddd;
    border-bottom: 2px solid transparent;
}
.product-listing{
    padding-bottom: 30px;
}
/*
div#map-canvas {
    width: 616px !important;
    height: 409px !important;
}
*/

/*custom search*/

.bw-search-input{
    width: 90%;
    float: left;
    border: 0px;
    background: #9bb9dc;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.bw-search-input::placeholder{
    color: #fff;
}
.bw-search-btn{
    float: left;
    background: #3672b8;
    border: 0px;
    color: #fff;
    width: 10%;
    border-radius: initial;
}
.bw-radio-btn input{
    display: none;

}
label.bs-status1, label.bs-type1{
    padding: 1% 3%;
    border: 1px solid #839094;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
}

input:checked + label.bs-status1, input:checked + label.bs-type1 {
    background: #839094;
    color: #fff;
}
.bs-submit-btn input:nth-child(odd){
    background-color: #c4c947;
    color: #fff;
    background: linear-gradient(-180deg,#c4c947 0%,#ACCC1A 100%);
    text-shadow: 0 1px 1px #5f7900;
    border-radius: 50px;
    width: 45%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border:0px;
    outline: none;
}
.bs-submit-btn input:nth-child(even){
    background-color: #839094;
    color: #fff;
    border-radius: 50px;
    opacity: .5;
    width: 45%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border:0px;
    outline: none;
}
.bs-submit-btn input:nth-child(even):hover{
    opacity: 1;
}
.bs-submit-btn{
    text-align: center;
}

.bs-customsearch label{
    font-weight: normal;
}
.bt-onmap{
    overflow: hidden;
}
/* Indicators list style */
.article-slide .carousel-indicators {
        left: 0;
    margin-left: 5%;
    width: 90%;
    position: relative;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
    border-radius: 0;
    height: 50px;
    width: 50px;
    background: #fff;
    border: 1px solid #ddd;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    background: #fff;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}
.product-item{
    width: 400px;
    height: 400px;
    text-align: center;
    line-height: 400px;
    padding: 2%;
}
.product-item img{
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 5%;
}
.bt-task-list{
    float: left;
    margin: 0px;
    background: #fff;
    border-bottom: 1px solid #839094;
    cursor: pointer;
    padding: 8px 0px;
}
.bt-task-list:nth-child(odd){
    background: rgba(54, 114, 184, 0.07);
}
.bt-task-list:hover{
    background: rgba(54, 114, 184, .15);
    border-bottom: 1px solid #222; 
}


.item-photo{display:flex;justify-content:center;align-items:center;border-right:1px solid #f6f6f6; }
.menu-items{list-style-type:none;font-size:11px;display:inline-flex;margin-bottom:0px;margin-top:20px}
.btn-success{border-radius:0px;}
.section{    width: 100%;
    padding: 2px;
    background: #f8f9f9;}
.title-price{margin-top:30px;margin-bottom:0px;color:black}
.title-attr{margin-top:0px;margin-bottom:0px;color:black;}
.btn-minus{cursor:pointer;font-size:7px;display:flex;align-items:center;padding:5px;padding-left:10px;padding-right:10px;border:1px solid gray;border-radius:2px;border-right:0px;}
.btn-plus{cursor:pointer;font-size:7px;display:flex;align-items:center;padding:5px;padding-left:10px;padding-right:10px;border:1px solid gray;border-radius:2px;border-left:0px;}
div.section > div {width:100%;display:inline-flex;}
div.section > div > input {margin:0px;padding-left:5px;font-size:10px;padding-right:5px;max-width:18%;text-align:center;}
.attr,.attr2{cursor:pointer;margin-right:5px;height:20px;font-size:10px;padding:2px;border:1px solid gray;border-radius:2px;}
.attr.active,.attr2.active{ border:1px solid orange;}



/*filter */
.more-less{
    color: #333;
}
.menu-content li.active a {
    color: #ffffff;
    font-weight: 600;
}
.product-list-price{
    position: absolute;
    bottom: 0px;
    left: -10px;
    padding: 8px 15px;
    background: rgba(0,0,0,.7);
    color: #f1f1f1;
    font-size: 18px;
}
.page-nation{
    text-align: center;
}
.result-count{
    box-shadow: 0px 0px 15px #ddd;
}
.result-count h2{
    font-size: 20px;
    color: #ACCC1A;
    padding-left: 10px;
    margin: 20px 0px;
}
.product-row{
    margin-left: 0px;
}

.filter-side-menu li.filter-list a{
    color: #333; 
    font-weight: 600; 
}
.filter-side-menu li.filter-list.collapsed a{
    color: #000;
    font-weight: 600;
}
.paddingleft{
    padding-left: 0px !important;
}
.paddingright{
    padding-right: 0px !important;
}
.marginleft{
    margin-left: 0px !important;
}
.marginright{
    margin-right: 0px !important;
} 
.adc-btn1{
    float: left;
    width: 40%;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    list-style: none;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
    margin-top: 10px;
}
.adc-btn2{
    float: left;
    width: 40%;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    list-style: none;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
    margin-top: 10px;
}
.adc-btn2 i{
    color: red;
}
.adc-btn1 a{
    display: block;
    color: #fff;
    text-decoration: none;
}

.adc-btn2 a{
    color: #fff;
    display: block;
    text-decoration: none;
}
.adc-btn{
    float: left;
    width: 45%;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    list-style: none;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
    margin-top: 10px;

}
.adc-btn:nth-child(even){
    margin-left: 10%;
}
.adc-btn a{
    display: block;
    color: #fff;
    text-decoration: none;
}
.cont-slider{
    border:1px solid #f1f1f1;
}
.sp-description3 li{
    list-style: none;
}
.sp-description3 dd{
    margin-top: -20px;
    margin-left: 30%;
}
.sp-description3 dt{
    width: 30%;
    height: 30px;
    line-height: 40px;
}
.similar-product{
    background: #c4c947;
    height: 4px;
    margin-bottom: 8px;
}
.sp-slider-heading{
    margin-top: 0px;
}
.sp-descri-heading {
    margin: 0px;
    padding: 1% 0%;
    margin-top: 5%;
    margin-bottom: 2%;
    color: #333;
    border-top: 1px solid #ddd;
}
.sp-price{
    color: #333;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}
.sp-price span:nth-child(1){
    font-weight: 600;
    width: 120px;
    font-size: 18px;
    display: inline-block;
    color: #444;
}
.sp-price span:nth-child(2){
    font-weight: 600;
    font-size: 18px;
    width: 20px;
    display: inline-block;
    color: #000;
}
.sp-descri-details{
    font-size: 16px;
     white-space: pre-wrap;
}















/*checkout*/
tr.ck-product-list{
    height: 70px;
    border-bottom: 1px solid;
    background: rgba(54, 114, 184, .1);
}
.ck-summary{
    border: 1px solid #ddd;
    padding-bottom: 20px !important;
    font-size: 16px;
    background: rgba(54, 114, 184, .1);
    border-radius: 10px;
}
.ck-summary table tr td:nth-child(even){
    text-align: right;
    font-weight: bold;
    color: #333;
}
.ck-product-row table.table-condensed thead{
    background: #3672b8;
    color: #fff;
}
.ck-summary h3{
    background: #3672b8;
    color: #fff;
    text-align: center;
    margin: 0px;
    padding: 10px 0px;
}
.ck-btn1{
    background-color: #c4c947;
    color: #fff;
    background: linear-gradient(-180deg,#c4c947 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px #5f7900;
    border-radius: 50px;
    border: 0px;
}
.ck-btn2{
    background: #3672b8;
    color: #fff;
    border-radius: 50px;
    border: 0px;
}
.ck-title{
    color: #85AD05;
    font-size: 20px;
    padding: 10px 0px;
    font-weight: 600;
    border-bottom: 2px solid;
}
.ck-shipping-form  label{
    color: #000;
}
.ck-shipping-form h4{
    color: #3672b8;
    font-size: 20px;
    padding: 10px 0px;
    font-weight: 600;
    border-bottom: 2px solid;
    box-shadow: 0px 5px 5px #ccc;
    margin: 50px 0px 15px 0px;
}
h4.nomargin{
    color: #444;
}
.ph-navbar{
    float: left;
    margin: 0px;
    bottom: 0px;
}
.ph-navbar li a{
    float: left;
    border: 0px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
    width: 100px;
}
.ph-navbar li.active a, .ph-navbar li.active a:focus{
    color: #3672B8;
    border-bottom: 2px solid #3672B8;
    background-color: #fff;
}
.ph-main-row{
    background: #f5f9fb;
    margin: 10px 0px;
    padding: 20px;
}
.mca-navbar{
    position: relative;
    bottom: 30px;
    clear: both;
    border-bottom: 1px solid transparent;
    margin: auto;
    width: 100%;
    text-align: center;
}
.mca-navbar li {
    float: inherit;
    display: inline-block;
}
.ph-earned h5{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
}
.ph-earned{
    text-align: right;
    margin: 0px;
}
.ph-earned h3, .mca-price{
    color: #3672B8;
}
.mca-btn1, .mca-btn2{
    background-color: #c4c947;
    color: #fff;
    background: linear-gradient(-180deg,#c4c947 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px #5f7900;
    border-radius: 50px;
    width: 200px;
    height: 40px;
    text-align: center;
    border: 0px;
}

.credit-expiry input {
    display: inline;
    width: 40%;
}
.flter-heading{
    text-align: center;
    background: #3672b8;
    margin: 0;
    padding: 10px;
    color: #fff;
    font-size: 22px;
}

.footer-new-row{
    background-image: url(../img/icon/subscribe-bg.jpg);
    height: 145px;
    overflow: hidden;
    margin-top: 1%;
}
.footer-new-row2{
    background-image: url(../img/icon/subscribe-arrow.png);
    height: 150px;
    background-repeat: no-repeat;
    background-size: 37%;
    padding-top: 20px !important;
}
.footer-talk p:nth-child(odd){
    font-weight: bold;
    font-size: 43px;
    color: #fff;
    font-style: italic;
    color: #fff;
}
.footer-talk p:nth-child(even){
    color: #fff;
    font-style: italic;
    color: #fff;
}
.footer-talk2 p:nth-child(odd){
    font-weight: bold;
    font-size: 32px;
    color: #fff;
}
.footer-talk2 p:nth-child(even){
    color: #fff;
}




.ck-summary input[type='radio'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px gray inset;
    margin-bottom: -5px;
}
.ck-summary  input[type='radio']:hover {
    box-shadow:0 0 5px 0px #3672b8;
}
.ck-summary  input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
.ck-summary  input[type='radio']:checked:before {
    background:#c4c947;
}

#advert.affix {
    position: fixed;
    top: 52px;
    width: 113px;
}
#tpNav.affix{
    background: rgba(255,255,255, .95);
    width: 100%;
    z-index: 9999;
    padding: 0px;
    transition: .5s ease;
    box-shadow: 0px 0px 5px #000;
    border-top: 2px solid #c4c947;
}
.task-img-block{
       border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    padding-bottom: 2%;

}
.compl-heading{
    padding: 0px;
}


.article-slide.affix{
    top: 60px;
}

.sp-slider-btn{
    background: #10a2ef;
    color: #fff;
    border: 0;
    border-radius: 3px;
}
.sp-slider-btn:hover{
    background-color: #c4c947;
}





.pro-block{
    padding: 0px;
    padding-bottom: 5%;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 1px 5px #bbb;
    border-radius: 5px;
    transition: .5s ease;
}

.pro-block img{
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
}
.pro-block:hover img{
          transform: scale3d(1.2, 1.2, 1);
}
.pro-block:hover{
          box-shadow: 0px 1px 10px #ddd;
}

.pro-task-img{
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 170px;
    text-align: center;
    line-height: 170px;
    margin: 2%;
    width: 96%;
}
.pro-task-name{
    height: 30px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    font-weight: 600;
    border-top: 1px solid #eee;

}
.pro-task{
    margin-bottom: 5%;
}
.pro-task-tasker{
    border-bottom: 1px solid #eee;
    height: 45px;
        color: #555;
    font-size: 13px;
}
.pro-task-value{
    height: 30px;
    color: #10a2ef;
    line-height: 30px;
    border-top:1px solid rgba(0, 0, 0, 0.4);
}
.pro-task-price{
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}
.pro-task-date{
    text-align: right;
}
.bw-top-filter{
    display: none;
    position: absolute;
    z-index: 9;
    background: #ddd;
    top: 100%;
    padding: 0px;
}

.filter-show-btn{
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    background: #fff;
}
.filter-show-btn i.fa-filter{
    color: #ACCC1A;
    font-size: 16px;
    padding-right: 10px;
}
.top-filter-btn{
    width: 100%;
    border: none;
/*    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);*/
        background: #fff;
    color: #3672B8;
    font-size: 28px;
    height: 46px;
    border-radius: 3px;
}
#browse-product .form-control{
    height: 46px !important;
    border: 0px;
    border-left: 1px solid #ddd;
    border-radius: 3px;
        color: #444;
    font-size: 18px;
}
.bw-top-filter i.fa{
    margin-right: 10px;
    color: #ACCC1A;
}
.panel-group .filter-panel+.panel{
    margin: 0px;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
}
.panel-group .filter-panel .panel{
    margin: 0px;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
}
h4.panel-title a{
    color: #222;
    text-decoration: none;
    outline: none;
}
.panel-body li{
    list-style: none;
    padding-left: 5%;
    line-height: 35px;
    border-bottom: 1px solid #3672b8;
}
.panel-body li:last-child{
    border:0px;
}
.filter-panel> .panel-heading{
    background: transparent;
}

.filter-panel.panel-default{
    border-color: transparent;
}

.filter-panel .panel-body{
    padding: 0px 0px 0px 36px !important; 

}
.bw-top-filter .panel-group{
    margin: 0px;
    border:1px solid #ddd;
}
.filter-panel .panel-default{
    border-color: transparent;
}

/*about us*/

.about-header{
    position: relative;
}
.about-header div{
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    text-align: center;
    margin: auto;
}
.about-header h1{
    text-align: center;
    font-size: 48px;
    color: #fff;
    text-shadow: 0px 0px 5px #666;
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    padding: 0px 10px;
    border-radius: 5px;
}
.about-text{
    margin-bottom: 20px;
    text-align: justify;
}
.about-text1 h1{
    font-size: 40px;
    font-style: italic;
    color: #3672B8;
    text-align: center;
    margin-top: 15%;
    line-height: 50px;
}
.about-team h2{
    text-align: center;
    color: #fff;
    font-weight: 600;
    background: rgba(51, 122, 183, 0.76);
    border-radius: 5px;
    padding: .5%;
    width: 96.5%;
    margin: auto;
    margin-bottom: 2%;
}
.about-team h4{
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    width: 100%;
    background: #3672b8;
    border-radius: 3px;
    font-style: italic;
}
.contact-form1{
    padding-top: 20px;
}
.contact-form1 h3{
    background: rgba(51, 122, 183, 0.76);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
}
.contact-map{
    margin: 40px 0px;
}
.user-profile{
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    overflow: hidden;
    border-radius: 100px;
    border: 4px solid #accc1a;
}
.user-profile img{
    width: 152px;
    height: 152px;
}
.user-banner{
    height: 200px;
    margin-top: -22px;
    background-image: url(../img/user-banner.jpg);
    background-size: 100%;
}
.user-request{
    border: none;
    border-radius: 50px;
    background: #10a2ef;
    color: #fff !important;
    font-size: 18px;
    padding: 10px 20px;
    text-decoration: none !important;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 20px;
}
.user-as{
    text-align: right;
}
.review-profile{
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 100px;
    overflow: hidden;
    border: 2px solid #10a2ef;
}
.user-star{
    color: #10a2ef;
}
.user-section1{
    margin-top: -100px; 
}
.user-details{
    margin-top: 20px;
}
.user-details p span{
    font-weight: 600;
    width: 130px;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
}
.user-main h2 {
    font-size: 28px;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.user-main h3{
    font-size: 18px;
}
.reviews-block p{
    margin-bottom: 5px;
}
.reviews-block p span{
    color: #3672b8;
    font-weight: 600;
}
.reviews-block{
    margin-top: 20px;
    min-height: 180px;
}
.user-profile1 img{
    height: 102px;
    width: 102px;
}
.user-as-p{
    text-align: center;
    margin-top: 50px;
}
.user-verific p i{
    background: #ddd;
    color: #3672b8;
    border-radius: 100px;
    padding: 5px;
    margin-right: 10px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
.user-lang p span{
    display: inline-block;
    padding: 7px 15px;
    color: #333;
    background: #eee;
    margin-right: 10px;
    border-radius: 20px;
}


.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #3672b8;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-size: 16px;
    top: 110%;
    left: 50%;
    margin-left: -20px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #3672b8 transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
#tav1.user-as-tab, .user-rate{
    text-align: right;
}
#tav1.user-as-tab p, .user-rate p{
    margin-bottom: 10px;
}
#tav1.user-as-tab p:nth-child(4), .user-rate p:nth-child(4){
    font-size: 12px;
}
#tav2.user-as-tab{
    text-align: center;
}
.user-rate{
    margin-top: -60px;
}
.user-as-tab{
    margin-top: 30px;
}
.dash-title2{
    margin-left: 40px;
}
.dash-title2:hover{
    background: transparent !important;
    box-shadow: 0px 0px 0px #fff !important;

}
.dash-title2 i.fa-bell{
    float: right;
    color: #10a2ef;
    height: 40px;
    border-radius: 100px;
    cursor: pointer;
    width: 40px;
    margin-right: 10px;
    border: 1px solid #10a2ef;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}
.noti-popup{
	display:none;
	position: absolute;
    z-index: 99;
    background: #fff;
    width: 300px;
    right: 0;
    padding: 10px;
    border: 1px solid #ACCC1A;
    box-shadow: 0px 2px 5px #666;
    top: 47px;  
}
.noti-popup ul{
    margin:0px;
    padding: 0px;
}
.noti-popup::after {
    content: "";
    position: absolute;
    top: -16px;
    right: 6.5%;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #ACCC1A transparent;
}
.noti-popup li{
	list-style: none;
    border-bottom: 1px solid #aaa;
    padding: 5px 0px;
	font-size: 14px;
}
.noti-popup li a{
	text-decoration:none;
}



.send-req-profile{
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 100px;
    overflow: hidden;
    border: 2px solid #10a2ef;
}
.send-req-profile img{
    width: 100%;
    min-height: 76px;
}

.advert-ico2{
    margin: auto;
    width: 120px;
    height: 120px;
    border: 8px solid #fff;
    border-radius: 100%;
    text-align: center;
    transition: .4s ease;
    margin-bottom: 25px;
    box-shadow: 0px 0px 10px #ccc;
    animation-name: examplebtn;
    animation-duration: .5s;    
}
@keyframes examplebtn {
    0%   {width: 120px;height: 120px;margin-top:0px;}
    25%  {width: 110px;height: 130px;margin-top:-5px;}
    50%  {width: 130px;height: 110px;margin-top:5px;}
    100% {width: 120px;height: 120px;margin-top:0px;}
}


.descri-details span:nth-child(1){
    width: 120px;
    font-weight: 600;
    display: inline-block;
}
.descri-details span:nth-child(2){
    width: 30px;
    display: inline-block;
}
.sp-user{
        border: 1px solid rgb(16, 162, 239);
    padding: 20px 0px !important;
    background: rgba(16, 162, 239, 0.11);
    width: 90%;
    margin: 5%;
    display: inline-block;
}
.sp-user p{
    margin: 0px;
}
.sp-user p:nth-child(1){
    color: #ACCC1A;
    font-weight: 600;
}
tr.my-product td{
    border: 0px !important;
}
tr.my-product ul{
    margin: 0px;
    padding: 0px;
}
tr.my-product:hover{
   background: #9EBB01;
}
.table-hover>tbody>tr.my-product{
    border-bottom: 1px solid #839094 !important;
    transition: .5s ease;
}
.table-hover>tbody>tr.my-product:hover {
    background-color: rgba(131, 144, 148, 0.19) !important;
}
tr.my-product li{
    list-style: none;
}
tr.my-product li span:nth-child(1){
    width: 75px;
    display: inline-block;
    color: #333;
    font-weight: 600;
}
tr.my-product li span:nth-child(2){
    width: 15px;
    display: inline-block;
    color: #333;
    font-weight: 600;
}
.my-product-btn li a{
    color: #fff;
    text-decoration: none;
}
.my-product-btn li{
    width: 80px;
    background: #10a2ef;
    padding: 3px;
    border-radius: 3px;
    margin-bottom: 7px;
    transition: .5s ease;
    opacity: 0.75;
}
.my-product-btn li:hover{
    opacity: 1;
}
.my-product-btn li:nth-child(2){
    background: #839094;
}
.my-product-btn li:nth-child(3){
    background: #ac2925;
}
.product-listing1:hover .pro-wishlist{
    animation-name: wishlist;
    animation-duration: 1s;
}
.btn-default {
    color: #fff;
    background-color: #accc1a;
    border-color: #accc1a;
    text-shadow: 0px 0px 5px #666;
}
@keyframes wishlist {
    0%   {font-size: 20px;}
    50%  {font-size: 26px;color: red !important;}
    100% {font-size: 20px;}
}
.pro-wishlist{
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 20px;
    z-index: 99;
    transition: 1s ease;
    color: rgba(130, 172, 2, 0.34);
}
.pro-wishlist i{
    color: rgba(255, 100, 84, 0.2)
}
.pro-wishlist i.heart1{
    color: red;
}
.result-count{
    position: relative;
}
.wishlist-alert2{
    position: absolute;
    top: 16%;
    right: 5%;
}
#updateproduct .row{
    margin-bottom: 10px;
}
.pro-edit-heading{
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.edit-product-img img{
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 20px;
}
.edit-mytask-dash {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 20%;
    height: 130px;
    float: left;
    margin-left: 5px;
    position: relative;
}
.edit-mytask-dash a{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    left: 0;
    background: #3672b8;
    color: #fff;
    height: 24px;
    line-height: 24px;
}
.edit-pro-section5{
    display: inline-block;
}
.edit-pro-btn{
    background: #3672b8;
    border: 0px;
    height: 30px;
    color: #fff;
    border-radius: 3px;
    margin-top: 10px;
}
.dash-top-title, .box-title{
    font-weight: bold;
    text-align: center;
    width: 40%;
    margin: auto;
    margin-bottom: 20px;
    color: #3672b8;
    padding: 7px;
    border-bottom: 2px solid #accc1a;
    border-radius: 50px;
}
#update_product{
    width: 100px;
    margin-bottom: 40px
}
#TextBoxContainer{
    margin-top: 15px;
}
.taskbyajax > .row{
    margin-bottom: 25px;
}
.taskbyajax label{
    color: #333;
}
.taskbyajax input[type=radio]{
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 5px 0px grey inset;
    margin-bottom: -5px;
}
.taskbyajax input[type=radio]{}


.taskbyajax  input[type=radio]{
    box-shadow: 0 0 5px 0px #3672b8;
}

.taskbyajax input[type=radio]:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}
.taskbyajax input[type=radio]:checked:before {
    background: #c4c947;
}
.taskbyajax_btn{
    color: #fff;
    cursor: pointer;
    border-radius: 50px;
    display: inline-block;
    box-sizing: border-box;
    letter-spacing: .05em;
    transition: background .5s linear,color .5s linear,box-shadow .5s linear;
    margin-right: 4px;
    text-align: center;
    white-space: nowrap;
    background: #a4be01;
    background: -webkit-linear-gradient(top,#a4be01 0%,#ACCC1A 100%);
    background: linear-gradient(-180deg,#a4be01 0%,#ACCC1A 100%);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 #9dd801;
    text-shadow: 0 1px 1px #5f7900;
    margin: auto;
    width: 250px;
    padding: 1.5% 0%;
    border: 0px;
    text-decoration: none;
    margin-bottom: 40px;
}
.taskbyajax h4{
    color: #3672b8;
    font-weight: 600;
}
.edit-task-down{
    background: #92b502;
    color: #fff;
    height: 30px;
    width: 100px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    margin-top: 20px;
    text-decoration: none !important;
}
.bt-task-budget p:nth-child(1){
    font-size: 20px;
    margin: 0px;
    font-weight: 600;
    text-shadow: 0px 0px 1px #666;;
}

#example1 thead tr{
    background: #3672b8;
    color: #fff;
}
#example1 tbody tr td:nth-child(1){
    color: #333;
    font-weight: 600;
}
#example1 tbody tr td:nth-child(2){
    color: #3672b8;
    font-weight: 600;
}
#example1 tbody tr td:nth-child(3){
    color: #333;
}
.insu-icon1 .col-md-8{
    padding: 0px !important;
}
.card-header h5 a{
	display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(54, 114, 184, 0.33);
    text-decoration: none;
    font-size: 18px;
}
.card-block{
	 font-size: 16px;
    color: #000;
    border: 1px solid rgba(54, 114, 184, 0.33);
    padding: 10px;
    border-top: transparent;
}
.card-block p{
/*	    font-size: 17px;
    text-align: justify;
    color: #839094;*/
}
.card-block p.faq-img1{
	text-align: center;
    margin: 40px 0px;
}
.card-block p.faq-img1 img{
	max-width: 95%;
}
.card-block p.faq-number{
	color: #333;
    font-size: 14px;
    font-weight: 600;
        text-decoration: underline;
}
.faq-section{
	padding: 40px 15px;
}
.noti-popup li i.fa{
	color: #3672b8;
}
.copyright-text a{
    color: #fff;
}
tr.selectedrow{
    background: rgba(51, 122, 183, 0.38) !important;
}
.similar-block1{
    height: 160px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px !important;
}
.similar-block1 img{
    max-width: 100%;
    max-height: 100%;

}
.similar-section{
        border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
}
.similar-section:hover{
    border: 1px solid #3672b8;
}
.similar-block2 h3{
    display: inline-block;
    margin: 5px 0px;
    font-size: 18px;
    color: #ACCC1A ;
}
.similar-block2 p{
    color: #222 ;
}
.lSAction{
    display: none !important;
}

.similar-heading1{
        margin-top: 0px;
    padding-bottom: 10px;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    border-bottom: 2px solid #c4c947;
}

.dollor-sign-row{
    position: relative;
}
.dollor-sign-row input{
    padding-left: 30px;
}
.dollor-sign{
        position: absolute;
    bottom: 0;
    font-size: 27px;
    left: 25px;
    color: #9cb901;
}
.request-area{
    width: 100%;
    height: 150px;
    overflow-y: scroll;
}
.img-responsive1{
    width: 100%;
}
/*img.task-attached-img {
    width: 20%;
}*/
.review-post{
            border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    padding: 20px 15px !important;
    background: rgba(54, 114, 184, 0.1);
}
.review-title1{
    width: 20%;
    margin: 30px 0px;
    padding: 8px;
    color: #3672b8;
    text-align: center;
    font-size: 24px;
    border-radius: 15px;
    border-bottom: 2px solid #accc1a;
}
.product-list-descri{
    color: #000;
    min-height: 42px;
}
.review-profile1{
        
    color: #333;
    font-weight: 600;
}
.review-profile2{
    color: #3672b8;
    font-weight: 600;
}
.review-profile3{
    color: #555;
}
.review-profile4{
    text-align: right;
}
.review-span{
    color: #3672b8;
    font-weight: 600;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #accc1a;
    border-color: #accc1a;
}
.btn-default:active:hover{
    color: #fff;
    background-color: #3672b8;
    border-color: #3672b8;
}
.edit_task_down{
    height: 30px;
    width: 100px;
    display: block;
    background: #839094;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
}
.edit_task_down i.fa {
    line-height: 0px;
}
.btn-default:hover {
    color: #fff;
    background-color: #3672b8;
    border-color: #3672b8;
}
.review-login-first a{
    background: #3672b8;
    color: #fff;
    padding: 5px 10px;
    border-radius: 50px;
}
.review-login-first{
    font-size: 16px;
}
.pagination>.disabled>a, .pagination>.disabled>a:hover{
    color: #fff;
    cursor: not-allowed;
    background-color: #3672b8;
    border-color: #fff;
}
.pagination>.active>a, .pagination>.active>a:hover{
        color: #3672b8;
    cursor: default;
    background-color: #ffffff;
    border-color: #3672b8;
}
.my-product1{
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 90px;

}
.my-product1 img{
    max-height: 100%;
    max-width: 100%;
}
.show_pro_name{
    color: #000;
    font-size: 26px;
}
.more-options1{
    width: 100%;
    text-align: left;
    margin-top: 20px;
    border-radius: 3px;
    display: inline-block;
}
.more-options1 .caret{
    float: right;
    margin-top: 7px;
}
.more-options1 button{
    width: 100%;
    background: #fff;
    color: #3672b8;
    font-size: 16px;
    text-align: center;
}
.more-options1 button:hover{
    color: #fff;
    background-color: #3672b8;
    border-color: #3672b8;
}

.more-options1 ul.dropdown-menu {
    padding: 0px;
    border: 0px;
    width: 100%; 
}
..more-options1 .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3672b8;
    border-color: #3672b8;
}
.more-options1 .dropdown-menu>li>a{
    font-size: 16px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #3672b8;
    color: #3672b8;  
}
.more-options1 .dropdown-menu>li>a:hover{
    text-decoration: none;
    background: #3672b8;
    border: 1px solid #fff;
    color: #fff;
}
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #3672b8;
    border-color: #3672b8;
}
.looking-for{
    display: none;
}
.looking-for1{
    display: block;
}
.starrr{
    color: #10a2ef;
    display: inline-block;
}
span#count{
    display: none;
}
.review-profile img{
        height: 62px;
    width: 62px;
}
.starr2{
    pointer-events:none;
}
a li.ico-fb{
    background: #3b5998;
    color: #fff;
}
a li.ico-tt{
    background: #0084b4;
    color: #fff;
}
a li.ico-li{
    background: #007bb6;
    color: #fff;
}
a li.ico-pi{
    background: #C92228;
    color: #fff;
}
a li.ico-yo{
    background: #bb0000;
    color: #fff;
}
a li.ico-in{
    background: #517fa4;
    color: #fff;
}
.mytsak-img{
    width: 120px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border: 1px solid #3672b8;
    margin: 10px 0px auto;
}
.mytsak-img img{
    max-width: 100%;
    max-height: 100%;
    padding: 4%;
}
.mytsak-img a{
}
.texthidden{
    display: none;
}
.edit-mytask1 #gallist{
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    position: relative;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border: 1px solid #3672b8;
    margin: 10px 0px auto;
}
.edit-mytask1 #gallist img{
    max-width: 100%;
    max-height: 100%;
    padding: 4%;
}
.edit-mytask1 #gallist a:nth-child(1){
        text-align: center;
    position: relative;
    left: 0px;
    display: inline-block;
}
.edit-mytask1 #gallist a:nth-child(2){
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    text-align: center;
    height: 22px;
    line-height: 22px;
    background: #3672b8;
    color: #fff;
}
input.date-text {
    width: 50%;
}
.task-block{
    display: flex;
}
.footer-social-ico{
    width: 310px;
    margin: auto;
    position: relative;
    height: 60px;
    padding-top: 20px;
}
.task-show-section1{
	display: -webkit-box;
}
.mobile-view-height{
	height: 100%;
	min-height: 100%;
}
.contact-submit-btn{
	display: inline-block;
}

.bt-task-column12{
    display: none !important;
}

.bt-task-mobile{
	min-height: 1000px !important;
    overflow: auto;
    height: 100%;
}
.blog-secton-main{
    padding: 30px 15px;
}

.blog-secton-main h3{
    font-size: 22px;
    color: #3973b9;
    font-weight: 600; 
}
.blog-secton-main p{
    font-size: 16px;
}
.task-filter li.active{
    color: #10a2ef !important;
}
.task-filter li.tasknav:hover{
    color: #10a2ef !important;
}
.bw-radio-btn > .form-group{
    margin-bottom: 10px;
}
.how-it-section{
	background: #3672b8;
	color: #fff;
	text-align: center;
}
.how-it-section h2{
	border-bottom: 3px solid #fff;
    border-radius: 8px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.how-it-section h3{
	font-size: 20px;
    color: #222;
    font-weight: 600;
}
.how-it-section > .col-sm-4{
	margin-bottom: 30px;
}
.news-section{
	border: 2px solid #3672b8;
	overflow: hidden;
}
.news-section h2{
	border-bottom: 3px solid #3672b8;
    border-radius: 8px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    color: #3672b8;
    text-align: center;
}
.news-section marquee > p{
    margin-bottom: 20px;
    display: inline-block;
}
.news-section marquee > p a{
	color: #000;
	display: inline-block;
	font-size: 18px;
}
.news-section marquee > p img{
	width: 150px;
	height: 100px;
	float: left;
	margin-right: 25px;
}
.view-news img{
	float: right;
	width: 55%;
	height: auto;
	margin: 20px 0px 20px 20px;
}
.view-news h3{
	color: #3672b8;
}

.card-header i.fa{
    float: right;
    margin-right: 20px;
    line-height: 38px;
}
.card-header h5 a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    padding-left: 15px;
    line-height: 38px;
    background: #10a2ef;
    color: #fff;
    box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
}
.card-block {
    font-size: 14px;
    color: #000;
    border: 1px solid rgba(54, 114, 184, 0.33);
    padding: 10px;
    border-top: transparent;
    background: rgba(16, 162, 239, 0.2);
}
.card-header h5{
    margin-bottom: 0px;
}
.contact-us-btn{
	display: inline-block;
	width: 100%;
}








.slider-script1{
	display: block;
}
.slider-script2{
	display: none;
}
.task-locater{
	background: rgba(54, 114, 184, 0.3);
    margin: 0px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}



.showproduct-block1{
        border: 1px solid #10a2ef;
    }
    .showproduct-block1 a{
        display: none;
    }
    .showproduct-block1 a:nth-child(1){
        display: block;
    }
.boot-modal .modal-dialog{
    width: 420px !important;
}


.Editor-container{
    border: 1px solid #bbb;
    border-radius: 5px;
    overflow: hidden;
}
.Editor-container .btn-default{
    background: #fff;
    border-color: #03A9F4;
    color: #03A9F4;
    text-shadow: none;
}
.Editor-editor{
    min-height: 100px !important;
    outline: none;
}
#menuBarDiv{
    background: #eee;
    padding: 10px;
}







/*******************************************media queruy*******************************************/

@media screen and (max-width: 991px){
	.slider-script1{
		display: none !important;
	}
	.slider-script2{
		display: block !important;
	}
    .footer-talk2 p:nth-child(odd) {
        font-size: 20px;
    }
    .footer-talk p:nth-child(odd){
        font-size: 30px;
    }
    .footer-new-row {
        height: auto;
    }
    .footer-new-row2 {
        height: 100px;
    }
    p.view-more{
        margin-bottom: 50px;
        display: -webkit-box;
    }
    .view-more a{
        margin-bottom: 20px;
    }
    #colorbox {
	    left: 25% !important;
	    width: 420px !important;
	    max-height: 500px !important;
	}
	.task-search-form{
		margin: 15px 0px;
	    width: 100%;
	    padding: 15px 0px;
	    display: inline-block;
	}
	.filter-show-btn{
		font-size: 14px;
	}
	.showproduct-block1, .showproduct-block2{
		display: inline-block;
		width: 100%;
		
	}
	.task-filter-main{
		display: inline-block;
		width: 100%;
		clear: both;
	}
	.task-filter{
		display: inline-block;
        width: 100%;
	}
	.bt-task-block{
		display: inline-block;
	}
	.bt-task-list{
		display: inline-block;
		width: 100%;
	}
	.bt-task-column2{
		padding: 0px;
	}
	.bt-show-list{
		width: 100%;
	}
	.bt-track{
		display: inline-block;
        width: 100%;
	}
	.task1 span{
		font-size: 28px;
	}
	.home-task-btn p{
		font-size: 14px;
	}
	.bt-task-column{
		border-bottom: 5px solid #3672b8;
	}
}


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

    .navbar-brand{
        padding-top: 1%;
    }
    
    .top-search1{
        margin-top: 100px;
    }
    .footer-talk2{
        padding: 0px;
    }
    .footer-new-row2 {
        height: 80px;
    }
    .footer-new-row2 {
        padding-top: 10px !important; 
    }
    ul.nav.navbar-nav {
        margin-left: 0%;
        display: inline-block;
    }
    ul.nav.navbar-nav.navbar-right{
        float: right;
    }
    .nav>li {
        position: relative;
        display: inline-block;
    }
    .task-search-form{
        display: none;
    }
    .show-similar-parduct{
        display: none;
    }
    .showproduct-block1, .showproduct-block2{
        display: inline-block;
        width: 100%;
    }
    

    .sp-user-block1, .sp-user-block2{
        display: inline-block;
        width: 100%;
    }
    .bt-show-list {
        float: left;
        width: 100%;
    }
    .bt-onmap{
        display: none;
    }
    .bt-task-column2{
        padding: 0px;
    }
    .bt-track{
        display: inline-block;
        width: 100%;
    }
    .task-block{
    	padding: 0px;
    }
    .nav.navbar-nav.navbar-right.account-profile{
    	width: 100%;
    }
    .dash-title2{
    	float: right;
    }
    .dash-sidebar{
    	min-height: auto !important;
    }
    .dash-title{
    	font-size: 28px;
    }
    .slider-title{
    	padding: 0px;
    }
    .announce-section{
    	display: inline-block;
    }
    .carousel-control.left{
    	left: 20px;
    	top: 20%;
    }
    .carousel-control.right{
    	right: 20px;
    	top: 20%;
    }
    .dsb-dsb-section{
    	padding: 0px;
    }
    .announce-row1{
    	width: 100%;
    	display: inline-block;
    }
    .dsb-frlink{
    	width: 100%;
    	display: inline-block;
    }
    .panel-tabs{
    	margin: 0px;
    }
    .panel-heading{
    	padding: 0px;
    }
    .summary-panel{
    	padding: 0px;
    }
    .panel-tabs > li > a{
    	padding: 10px !important;
    }
    .main-container-section{
    	padding: 0px;
	    display: inline-block;
	    width: 100%;
    }
    .dash-box{
    	width: 100%;
    }
    .new-password1{
        width: 90% !important;
        padding: 10px !important;
    }

  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    right: 10px;
    padding: 5px;
    background-color: #ffffff;
    color: #3672b8;
    text-align: center;
    border: 1px solid;
    width: 11%;
    margin-left: 15px;
    margin-bottom: 10px;
    border-radius: 3px;
  }
  .user-profile1{
    margin-top: 20px;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }

  .sp-user-block1 > .col-xs-5, .sp-user-block1 > .col-xs-4 {
    padding: 0px;
  }
  .adc-btn2 {
    width: 55%;
  }
  .sold-item-text h3{
  	font-size: 16px;
  }

}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}







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

    .modal .modal-dialog {
        width: 340px !important;
    }

    .zsiq_floatmain{
        display: none !important;
    }
    ul.nav.navbar-nav{
        display: block;
    }
    ul.nav.navbar-nav.navbar-right{
        float: left;
        width: 100%;
        text-align: center;
    }
    .nav>li {
        position: relative;
        display: block;
    }
    .nav.navbar-nav.navbar-right >li{
        display: inline-block;
    }
    .top-search1 h1 {
        font-size: 32px;
    }
    .top-search1 {
        margin-top: 60px;
    }
    .top-search-box1{
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .feature-block{
        width: 100%;
        display: block;
    }
    .top-search-form input[type=button] {
        padding: 0px;
        width: 100%;
    }
    .footer-talk-block{
        width: 100%;
    }
    .footer-link > .col-xs-4{
        width: 100%;
    }
    .footer-new-row2 {
    height: 120px;
    background-size: 65%;
    }
    .footer-talk{
        margin-bottom: 30px;
    }
    .footer-new-row {
        padding-bottom: 20px;
    }
    .nav-side-menu{
        padding-bottom: 0px;
    }
    .product-listing1{
        display: inline-block;
        width: 100%;
    }
    .footer-talk2 p:nth-child(odd) {
        font-size: 30px;
    }
    .task-filter{
        display: flex;
    }
    .bt-task-list{
        width: 100%;
    }
    .bt-task-budget{
    	width: 70%;
    	margin: auto;
    }
    .top-search-form{
    	background: rgba(255, 255, 255, 0.50);
    }
    .top-search-form input[type=text] {
	    border: 1px solid #10a2ef;
	    padding-left: 10px;
	    border-radius: 50px;
	    font-size: 16px;
	}
	#colorbox {
	    width: 98% !important;
	}
	#colorbox {
	    left: 1% !important;
	}
	#cboxContent {
	    width: 100% !important;
	}
	#cboxLoadedContent {
    	width: 100% !important;
	}
	.bt-task-column{
		padding: 0px;
	}
	.bt-browse{
		font-size: 12px;
	}
	.bt-price {
	    font-size: 22px;
	}
	.bt-task-name {
	    font-size: 24px;
	}
	.comment-bx > .col-md-2.col-sm-2.col-xs-2{
		padding: 0px;
	}
	.comment-main-title{
		font-size: 	18px;
	}
	#comment > .col-xs-2{
		padding: 0px;
	}
	.task-filter li {
    	font-size: 11px !important;
    }
    .bt-task-title{
    	font-size: 12px;
    }
    .bt-task-location{
    	font-size: 12px;
    }
    .about-header > div{
    	top: 0px;
    }
    .about-header h1 {
    	font-size: 30px;
    }
    .card-header h5 a{
    	font-size: 14px;
    }
    .card-block {
	    font-size: 13px;
	}
	.product-item {
	    width: 320px !important;
	    height: 320px !important;
	    text-align: center;
	    line-height: 320px !important;
	    padding: 4% !important;
	}
	.show_pro_name {
	    color: #000;
	    font-size: 20px;
	    font-weight: 600;
	}
	.sp-descri-details {
	    font-size: 14px;
	}
	.sp-user{
		width: 100%;
		margin: 0px;
	}
	.top-search1{
		padding: 0px;
	}
	#cboxWrapper{
		width: 100% !important;
	}
	.commenter-section{
		padding: 0px;
	}

}




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

    #colorbox{
        left: 1% !important;
    }
	.task1 span{
		font-size: 32px !important;
	}
	.send-req-profile {
	    width: 60px !important;
	    height: 60px !important;
	    line-height: 60px !important;
	}
	.adc-btn:nth-child(even) {
	    margin-left: 4% !important;
	}
	.adc-btn{
		width: 48% !important;
	}
    .top-search1 h1 {
    font-size: 26px;
}
.top-search1 {
    margin-top: 20px;
}
.top-search1 h4 {
    font-style: italic;
    line-height: 26px;
    margin-bottom: 30px;
}
}