@import "https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800|Poppins:300,400,400i,500,600,700,800";

#wrapper {
    position: relative;
    margin: 0;
    background-color: #F7F7EF
}

.container.main {
    height: 100%
}

.home .grid_2 {
    float: right
}

.home .logo_b,
.inner .logo_a {
    display: none
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

.index .container {
    max-width: 1020px
}

.container {
    max-width: 1230px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative
}

.container:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.block .pic img {
    border-radius: 3px;
    display: block
}

.searchwrap {
    background: #fff;
    border-radius: 3px;
    float: right;
    height: 34px;
    padding: 5px;
    width: 169px
}

.searchwrap input[type="text"] {
    margin: 0;
    width: 135px;
    float: left;
    background: none;
    border: none;
    height: 24px;
    line-height: 100%;
    vertical-align: middle;
    font-size: 15px;
    color: #969595;
    padding: 0 5px
}

.searchwrap input[type="submit"] {
    margin: 2px 4px 0 0;
    background: url(images/magnifier.png) no-repeat;
    width: 19px;
    height: 19px;
    float: right;
    cursor: pointer;
    border: none;
    opacity: .3;
    -webkit-transition: all .3s;
    transition: all .3s
}

.searchwrap:hover input[type="submit"] {
    opacity: 1
}

.navigations {
    float: right;
    margin: 0 6px 0 0
}

.navigations li {
    float: left;
    margin: 0 0 0 2px
}

.navigations li a {
    height: 34px;
    line-height: 33px;
    display: block;
    padding: 0 9px;
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
    border-radius: 3px
}

.navigations li a:hover {
    background: #04bcde
}

.navigations li a.current {
    background: #04bcde
}

.toggleMenu {
    display: none
}

#banner {
    width: 100%;
    position: relative;
    display: inline-block
}

#banner .slide {
    width: 100%;
    height: 690px;
    background-position: center top;
    position: relative
}

#banner .slidetxt {
    width: 590px;
    display: inline-block;
    padding: 40px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0 0 15px rgba(50, 60, 69, 0.2);
    box-shadow: 0 0 15px rgba(50, 60, 69, 0.2)
}

#banner .slidetxt h2 {
    font-size: 48px;
    line-height: 48px;
    color: #111;
    padding: 0 0 15px;
    font-weight: 700
}

#banner .slidetxt .button {
    font-size: 20px;
    padding: 12px 30px;
    margin: 10px 10px 0 0
}

.button {
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    color: #FFF;
    border-radius: 3px
}

.HireMe {
    padding: 0 5px !important;
    min-width: 54px;
    height: 25px !important;
    line-height: 25px !important;
}

#homepage-slider .item .content {
    position: absolute;
    top: 30%;
    left: 33%;
    -webkit-transform: translate(-33%, -33%);
    transform: translate(-33%, -33%)
}

#homepage-slider .item {
    position: relative
}

.banner-image-slide img {
    display: block;
    max-width: 100%
}

.button.yellow {
    background: #04bcde
}

.button.yellow:hover {
    background: #04acce;
    color: #FFF
}

.button.grey {
    background: #d8d8cd;
    color: #111
}

.button.grey:hover {
    background: #c8c8bd;
    color: #222
}

.biding .button.green:hover {
    border: none !important
}

.button.deepblue {
    background: #024364
}

.button.deepblue:hover {
    background: #333;
    color: #FFF
}

.button.sblue {
    background: #6eb444;
    color: #fff
}

.button.sblue:hover {
    background: #5ea434;
    color: #FFF
}

#body.fixedmap {
    width: 100%
}

.section {
    padding: 30px 0;
    width: 100%;
    display: block
}

.section.bluesky {
    background: #f7f7ef;
    padding: 40px 0
}

.section.grey {
    background: #f1f1f0;
    border-bottom: 1px solid #e3e3e2;
    border-top: 1px solid #e3e3e2;
    padding: 20px 0 40px
}

.section.testimonials {
    background: #FFF
}

#homeBody.section.orange {
    padding: 60px 0 20px
}

.orange {
    background-color: #f4f5f9
}

.bg-gradient {
    background: #04bcde;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0YmNkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZWI0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, right top, from(#04bcde), to(#6eb444));
    background: linear-gradient(to right, #04bcde 0%, #6eb444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04bcde', endColorstr='#6eb444', GradientType=1)
}

.white {
    background: #fff
}

.section.paleorange {
    background: #e1fcf1;
    border-bottom: 1px solid #ece2c8;
    border-top: 1px solid #ece2c8;
    padding: 10px 0 20px
}

.section.black {
    background: #32363e
}

.iconInfo {
    display: table;
    margin: 0 auto -100px;
    text-align: center;
    position: relative;
    top: -100px
}

.iconInfo li {
    display: inline-block;
    text-align: center;
    padding: 0 35px;
    width: 33%
}

.iconInfo li .iconBox {
    position: relative;
    display: table;
    margin: 0 auto 20px
}

.iconInfo li .iconBox:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: #FFF;
    width: 130px;
    height: 130px;
    -webkit-box-shadow: 0 0 15px rgba(50, 66, 69, 0.2);
    box-shadow: 0 0 15px rgba(50, 66, 69, 0.2);
    border-radius: 40px;
    -webkit-transform: rotate(-136deg);
    transform: rotate(-136deg);
    -ms-transform: rotate(-136deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.iconInfo li .iconBox .box {
    position: relative;
    z-index: 2;
    width: 130px;
    height: 130px;
    vertical-align: middle;
    text-align: center;
    display: table-cell
}

.iconInfo li .iconBox .box img {
    display: table;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    max-width: 60px;
    max-height: 60px
}

.iconInfo li p {
    font-size: 15px;
    color: #024364;
    line-height: 20px;
    padding: 20px 0;
    height: 110px
}

.iconInfo li .button {
    display: inline-block;
    width: auto;
    text-align: center;
    font-size: 15px;
    padding: 6px 12px
}

.centerTitle {
    position: relative;
    margin: 0 0 30px;
    text-align: center;
    line-height: 1
}

.centerTitle span {
    line-height: 1;
    position: relative;
    z-index: 1;
    padding: 0 20px;
    font-size: 24px;
    color: #000
}

.blocksRow {
    margin: 0 0 0 -24px
}

.blocksRow:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.index .block {
    width: 232px
}

.index .block .pic {
    height: auto
}

.block .pic {
    width: 100%;
    height: 170px;
    position: relative;
    border-radius: 3px
}

.block .pic .txtprice {
    background: #6eb444;
    bottom: 0;
    color: #fff;
    float: left;
    font-weight: 700;
    left: 0;
    padding: 5px;
    position: absolute
}

.task_attributed .txtprice {
    bottom: 0 !important;
    position: relative !important
}

.block .pic .marked_done {
    background: #6eb444;
    bottom: 0;
    color: #fff;
    float: left;
    font-weight: 700;
    font-size: 11px;
    padding: 7px;
    position: relative;
    width: 30px;
    height: 30px;
    right: 0
}

.task_attributed {
    bottom: 0;
    position: absolute
}

.block .pic .pinned {
    background: #e85858;
    bottom: 0;
    color: #fff;
    float: left;
    font-weight: 700;
    width: 30px;
    height: 30px;
    padding: 7px;
    position: relative
}

.block .boxtitle {
    padding: 15px 15px 0;
    font-size: 14px;
    color: #000;
    line-height: 18px
}

.block .boxtitle a {
    color: #000;
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.block .boxtitle a:hover {
    color: #0ea158
}

.block .boxbottom {
    width: 100%;
    border-radius: 0 0 3px 3px;
    height: 50px;
    padding: 10px
}

.block .boxbottom .grid_1 {
    width: 53%
}

.block .boxbottom .photo {
    margin: 0 8px 0 0;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 30px;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none
}

.block .boxbottom .photo img {
    width: 100%;
    height: 100%;
    border-radius: 30px
}

.block .boxbottom .nameuser {
    line-height: 1;
    padding: 0 0 2px;
    display: block;
    font-size: 12px;
    color: #010101;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.block .boxbottom .place {
    line-height: 1;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    color: #6a6969;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.block .boxbottom .ratingWrap {
    float: right;
    margin: 6px 0 0
}

.iconplay {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50px
}

.iconplay:before {
    position: absolute;
    left: 12px;
    top: 8px;
    content: "";
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 9px solid #000
}

.iconplay:after {
    position: absolute;
    left: -4px;
    top: -4px;
    bottom: -4px;
    right: -4px;
    border: 2px solid #fff;
    border-radius: 50px;
    content: ""
}

.ratingWrap {
    display: inline-block
}

.loadmore {
    width: 100%;
    display: inline-block;
    padding: 20px 0;
    text-align: center
}

.loadmore .morearrow {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    bottom: -15px;
    margin: 0 2px 0 0
}

.loadmore .button.sblue {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px
}

.loadmore .button.sblue:hover {
    color: #FFF
}

.selectwrap {
    display: table;
    margin: 0 auto 20px;
    text-align: center
}

.selectwrap p {
    font-size: 18px;
    color: #090909;
    padding: 0 0 10px
}

.selectwrap select {
    width: 250px;
    padding: 8px;
    border: none;
    background: #fff;
    border-radius: 3px;
    font-size: 17px;
    color: #024364;
    font-weight: 600;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    line-height: 36px;
    border: 1px solid #CCC
}

.listCities {
    display: table;
    margin: 0 auto;
    text-align: center
}

.listCities li {
    display: inline-block;
    width: 185px;
    margin: 30px 30px 0
}

.listCities li .citypic {
    width: 150px;
    height: 150px;
    display: table;
    margin: 0 auto;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px rgba(50, 66, 69, 0.2);
    box-shadow: 0 0 15px rgba(50, 66, 69, 0.2);
    border-radius: 150px;
    border: 7px solid #fff
}

.listCities li .citypic img {
    width: 100%;
    height: 100%;
    border-radius: 150px;
    display: block
}

.listCities li .cityname {
    margin: 0 0 -20px;
    position: relative;
    top: -20px;
    background: #d8d8cd;
    border-radius: 3px;
    height: 38px;
    padding: 0 10px;
    width: 100%;
    display: inline-block
}

.listCities li .cityname .city {
    text-align: left;
    margin: 7px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    float: left;
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.listCities li .count {
    float: right;
    margin: 5px 0 0;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background: #6eb444;
    font-size: 11px;
    color: #FFF;
    font-weight: 300;
    text-align: center;
    line-height: 24px
}

.listCities li:hover .cityname {
    background: #6eb444;
    color: #fff
}

.listCities li:hover .city {
    color: #fff
}

.listCities li:hover .count {
    background: #fff;
    color: #111
}

.section.testimonials .grid_1 {
    float: left;
    width: 48%
}

.section.testimonials .grid_2 {
    float: right;
    width: 48%
}

.testimonialsWrap {
    width: 100%;
    position: relative
}

.testimonialsWrap .upper {
    border-radius: 3px 3px 0 0;
    width: 100%;
    position: relative;
    padding: 25px 20px 20px 40px;
    height: 180px;
    position: relative;
    z-index: 1
}

.testimonialsWrap .upper:before {
    position: absolute;
    top: 100%;
    left: 50px;
    bottom: -8px;
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent
}

.section.testimonials .grid_1 .testimonialsWrap .upper {
    background: #06bcdb url(images/quote_left.png) no-repeat 20px 20px
}

.section.testimonials .grid_1 .testimonialsWrap .upper:before {
    border-top: 8px solid #06bcdb
}

.section.testimonials .grid_2 .testimonialsWrap .upper {
    background: #6eb444 url(images/quote_left.png) no-repeat 20px 20px
}

.section.testimonials .grid_2 .testimonialsWrap .upper:before {
    border-top: 8px solid #6eb444
}

.testimonialsWrap .upper p {
    font-size: 19px;
    color: #fff;
    line-height: 28px;
    font-weight: 300;
    text-transform: initial
}

.testimonialsWrap .bottom {
    padding: 30px 15px 15px;
    width: 100%;
    border: 1px solid #dedcdc;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    top: -5px
}

.testimonialsWrap .bottom .photo {
    float: left;
    margin: 0 10px 0 0;
    width: 70px;
    height: 70px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 70px;
    border: 3px solid #fff
}

.testimonialsWrap .bottom .photo img {
    display: block;
    border-radius: 70px;
    width: 100%;
    height: 100%
}

.testimonialsWrap .bottom .grid_3 {
    width: 70%;
    float: left
}

.testimonialsWrap .bottom .name_user {
    font-weight: 600;
    line-height: 1;
    padding: 10px 0 5px;
    display: block;
    font-size: 17px;
    color: #151515;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.testimonialsWrap .bottom .desig {
    line-height: 1;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    color: #6a6969;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.testimonialsWrap .bottom .button {
    float: right;
    margin: 10px 0 0;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 300
}

.rotatebox {
    display: table;
    margin: 0 auto;
    text-align: center;
    position: relative
}

.rotatebox li {
    display: inline-block;
    text-align: center;
    padding: 0 35px;
    width: 33%
}

.rotatebox li .iconBox {
    position: relative;
    display: table;
    margin: 0 auto 20px
}

.rotatebox li .iconBox:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: #fff;
    width: 180px;
    height: 180px;
    -webkit-box-shadow: 0 0 15px rgba(50, 66, 69, 0.2);
    box-shadow: 0 0 15px rgba(50, 66, 69, 0.2);
    border-radius: 48px;
    -webkit-transform: rotate(-136deg);
    -moz-transform: rotate(-136deg);
    -ms-transform: rotate(-136deg);
    -o-transform: rotate(-136deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.rotatebox li .iconBox .box {
    font-size: 72px;
    color: #6eb444;
    position: relative;
    z-index: 2;
    width: 180px;
    height: 180px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    letter-spacing: -3px
}

.rotatebox li .iconBox .box span {
    font-size: 30px
}

.rotatebox li p {
    font-size: 18px;
    width: 70%;
    margin: 0 auto;
    color: #fff;
    line-height: 20px;
    padding: 20px 0;
    height: 90px
}

.partners {
    margin: 0 auto;
    display: table;
    text-align: center
}

.partners li {
    text-align: center;
    display: inline-block;
    margin: 0 40px
}

.section.cta {
    text-align: center
}

.section.cta h2 {
    line-height: 48px;
    display: inline-block;
    vertical-align: middle;
    font-size: 48px;
    color: #111;
    font-weight: 300;
    padding: 0 20px 0 0
}

.section.cta h2 span {
    display: block;
    font-size: 18px;
    color: #111;
    font-weight: 300
}

.section.cta .button {
    font-size: 28px;
    padding: 10px 35px;
    vertical-align: middle
}

.section.cta .button.yellow:hover {
    background: #049cbe
}

.footerlinks li {
    display: block;
    padding: 0 0 10px
}

.footerlinks li a {
    font-weight: 300;
    font-size: 14px;
    color: #676666
}

.footerlinks li a:hover {
    color: #000
}

.socialList li {
    float: left;
    margin: 0 0 0 9px;
    line-height: 32px
}

.socialList li.first {
    margin: -4px 0 0
}

.facebook-roll {
    background-image: url(images/social_1.png)
}

.social-roll {
    height: 32px;
    width: 32px;
    float: left;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.social-roll:hover {
    background-position: 0 -32px
}

.google-roll {
    background-image: url(images/social_2.png)
}

.linkedin-roll {
    background-image: url(images/social_3.png)
}

.twitter-roll {
    background-image: url(images/social_4.png)
}

.toggle-content {
    width: 100%;
    display: block
}

.toggle-trigger {
    display: none
}

.linkwrap {
    display: inline-block;
    float: right;
    position: relative;
    vertical-align: middle
}

.vertical_List li a {
    border-radius: 3px;
    color: #666;
    display: block;
    font-size: 14px;
    padding: 6px 10px
}

.linkwrap .wrapOpen {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9
}

.wrapOpen.infouser {
    overflow: visible !important
}

.wrapcover {
    padding: 17px;
    position: relative;
    right: -17px;
    top: -17px
}

.vertical_List li a img {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 24px
}

.linkwrap .wrapList:before {
    background: #0ea158;
    border-radius: 5px 5px 0 0;
    content: "";
    height: 3px;
    left: 6px;
    position: absolute;
    right: 6px;
    top: -3px;
    z-index: 0
}

.linkwrap .wrapList:after {
    background: #0ea158;
    border-radius: 0 0 5px 5px;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 6px;
    position: absolute;
    right: 6px;
    z-index: 0
}

.linkwrap .wrapList .arrowgreen:before {
    border-bottom: 8px solid #0ea158;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    right: 70px !important
}

.linkwrap .wrapList {
    background: #fff;
    border: 1px solid #cdcfd2;
    border-radius: 3px;
    padding: 10px;
    position: relative;
    top: 14px;
    width: 200px;
    z-index: 2
}

.linkwrap .wrapList .arrowgreen {
    height: 12px;
    position: absolute;
    right: 18px;
    top: -10px;
    width: 12px
}

.linkwrap .link .flag {
    float: left;
    margin: 7px 0 0;
    width: 24px
}

.linkwrap .link {
    background: #fff;
    border: 1px solid #cdcfd2;
    border-radius: 3px;
    display: table;
    height: 32px;
    line-height: 28px;
    margin: 0 0 0 4px;
    padding: 0 4px;
    position: relative;
    vertical-align: top
}

.linkwrap .link .spantxt {
    color: #666;
    float: left;
    font-weight: 300;
    font-size: 13px;
    margin: 5px 5px 0
}

.languageLink {
    color: #ef2d24;
    font-weight: 600;
    font-size: 19px;
    position: relative;
    top: 3px
}

.taskBtns a {
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    padding: 5px 30px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0;
    text-decoration: none !important;
    color: #fff !important;
    margin-right: 10px
}

.taskBtns .add {
    background: #2899ca
}

.taskBtns .add:hover {
    background: #0ea158;
    color: #fff
}

.taskBtns .cancelTask {
    background: #4d4d49
}

.taskBtns .cancelTask:hover {
    background: #333330;
    color: #fff
}

.postTable .task_type {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px
}

.postTable .wages {
    background: #ac2e31;
    border-radius: 100px;
    color: #fff;
    float: right;
    padding: 2px 10px;
    position: absolute;
    right: 34px
}

.postTable .titleQ:after {
    background: url(images/accord.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 43px;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px
}

.postTable .titleQ {
    background-color: #2899ca;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: 600;
    font-size: 16px;
    height: 44px;
    line-height: 22px;
    margin: 0 0 15px;
    padding: 10px;
    position: relative
}

.postTable .wrapA.accordiancontent>p {
    padding-bottom: 10px
}

.greentxt {
    color: #069c43;
    font-size: 13px
}

.redtxt {
    color: #E85858;
    font-size: 13px
}

.chat_break {
    display: block
}

.file-row .fa-minus-circle,
.loc-row .fa-minus-circle {
    color: red
}

.fb_iframe_widget {
    vertical-align: top
}

.loginform_holder .div_error,
.loginform_holder .div_msg {
    margin: 0 5px
}

.variant_bg {
    background: #e1fcf1
}

#auto_complete_link {
    display: inline !important
}

.cities_popup {
    max-height: 500px;
    overflow: auto
}

.optionGroup {
    font-weight: 600;
    font-style: italic
}

.optionChild {
    padding-left: 15px;
    font-weight: 400
}

.location {
    margin: 10px 0 -20px
}

.siteForm .reset {
    background: #0ea158;
    padding: 5px 30px;
    margin-left: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    border-radius: 3px;
    border: 1px solid #0ea158;
    color: none;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.siteForm .reset:hover {
    background: #333;
    border: 1px solid #333;
    color: #fff
}

.flash {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999
}

.flash .div_error,
.flash .div_msg {
    background: none;
    border-width: 0;
    margin: 0;
    padding: 0
}

.flash .div_error {
    color: #E85858;
    visibility: hidden
}

.flash .div_error>ul {
    visibility: visible
}

.flash .div_error:before {
    display: none
}

.flash .div_error ul,
.flash .div_msg ul {
    display: block;
    max-width: 320px;
    margin: 0;
    padding: 0
}

.flash .div_error ul li,
.flash .div_msg ul li {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 15px 12px 45px;
    background-color: #e7efd9;
    border: 1px solid #77af15;
    color: #77af15;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border-radius: 4px;
    margin-top: 10px;
    opacity: 1;
    overflow: hidden
}

.flash .div_error ul li.removed,
.flash .div_msg ul li.removed {
    opacity: 0
}

.flash .div_error ul li {
    background-color: #f5d3d3;
    border: 1px solid #E85858;
    color: #E85858
}

.flash .div_error li:before,
.flash .div_msg li:before {
    background: #77af15;
    color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    font-family: "fontawesome";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    left: 15px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px
}

.flash .div_error li:before {
    content: "";
    background: #E85858;
    color: #fff
}

.auto-renew {
    padding-top: 7px;
    font-size: 17px;
    float: right;
}

.iconLinks li a:hover .grid_1 span {
    background-position: 0 -20px;
}

.dlinks.currents .icon_date {
    background-position: 0 -20px;
}

.auto-renew p {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.siteForm.form {
    padding: 15px 15px 0 15px;
}

.auto-renew .toggle-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}

.auto-renew .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

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

.auto-renew .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    border-radius: 50px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.auto-renew input:checked+.slider {
    background-color: #2196F3;
    border-radius: 50px;
}

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

.packages-box .box {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.packages-box .after-box {
    flex-direction: column;
    display: flex;
    flex: 1;
}

.packages-box .after-box ul {
    margin-bottom: auto !important;
}

.auto-renew input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    border-radius: 50px;
}

.after-box .btn.btn--secondary.ripplelink {
    width: 80%;
    margin: 0 auto;
}


.subs-pakages .packages-box .name span {
    font-size: 15px;
}

@media only screen and (max-width: 767px) {
    .auto-renew {
        float: none;
    }

    .packages-box .box {
        padding: 0 !important;
    }

    table.table.table--orders {
        overflow: scroll !important;
        display: inline-block;
    }
}

.siteForm.form td input {
    margin-top: 10px;
}

.siteForm.form td input[type=text] {
    width: 98%;
}

.packages-box .box {
    background: none;
    border: none;
}

.packages-box .box .box-inner {}

@media screen and (max-width:1300px) {
    .map_fields {
        width: 850px
    }
}

@media screen and (min-width:992px) {
    .toggle-content {
        display: block !important
    }
}

.bgcolorgrey {
    background: #f7f7ef
}

.wrapOpen.flagList,
.toggle-content {
    overflow: visible !important
}

@media screen and (min-width:768px) {
    .navigations {
        display: block !important
    }
}

.green {
    color: #6eb444
}

.red {
    color: red
}

.on_off_status {
    z-index: 999;
    left: 45px;
    position: absolute;
    top: 20px
}

.on_off_status i {
    font-size: 11px
}

.section.black h2 {
    color: #fff;
    display: inline-block;
    font-weight: 300;
    font-size: 48px;
    line-height: 48px;
    padding: 0 20px 0 0;
    vertical-align: middle
}

.section.black h2 span {
    color: #bfbdbd;
    display: block;
    font-weight: 300;
    font-size: 18px
}

.section.black .button {
    font-size: 28px;
    padding: 10px 35px;
    vertical-align: middle
}

.section.black .button.yellow {
    background: #e8ac0f
}

ul.post-info li .categorize-icon {
    background: url(images/uncategorized.png) no-repeat center center;
    height: 20px;
    width: 20px;
    display: inline-block
}

ul.post-info li {
    margin-left: 7px !important
}

.hand {
    cursor: pointer
}

.mobile-flag-size {
    width: 24px
}

.completion_steps .note {
    cursor: inherit
}

.error-page {
    max-width: 700px;
    margin: 0 auto
}

.error-page h1 {
    color: #000;
    font-size: 24px;
    line-height: 26px
}

.error-page p {
    color: #000;
    font-size: 18px
}

.error-page p a:hover {
    color: #04bcde
}

.innerpage {
    background-position: center top;
    min-height: 280px;
    border-bottom: 4px solid #6eb444
}

.sectionForms {
    width: 100%;
    background: #dfeef5;
    position: relative;
    border-bottom: 1px solid #bdd4df
}

.sectionForms .sectionleft {
    width: 65%;
    float: left;
    padding: 25px 30px 25px 0;
    position: relative
}

.hide_span {
    display: none
}

.sectionForms .sectionright {
    width: 32%;
    float: right;
    padding: 25px 0;
    position: relative
}

.completion_steps.clappi .processSteps:before {
    left: 35%;
    right: 35%
}

.task_opts.no_width_0 {
    margin-left: 0;
    width: 0
}

.task_opts.no_width_0 i {
    padding-right: 5px
}

.sectionForms:before {
    position: absolute;
    left: 59.6%;
    bottom: 0;
    top: 0;
    width: 1px;
    content: "";
    background: #bdd4df
}

.sectionForms h3 {
    font-size: 24px;
    color: #32363e;
    line-height: 1;
    padding: 0 0 15px
}

.sectionForms .formTable {
    margin-top: 10px
}

.sectionForms .formTable td {
    padding: 0 0 0 25px;
    font-size: 15px;
    color: #666
}

.formTable td:first-child {
    padding-left: 0
}

.fbButton {
    text-align: center;
    background-color: #3b5998;
    color: #FFF;
    display: block;
    font-size: 16px;
    border-radius: 3px;
    position: relative;
    padding: 10px 25px 10px 70px
}

.fbButton:before {
    background: #354f88 url(images/icon_fb.png) no-repeat center center;
    width: 50px;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    content: ""
}

.fbButton:hover {
    color: #fff
}

.sectionForms .sectionright .fbButton {
    margin: 0 0 10px
}

.gButton {
    text-align: center;
    display: block;
    background-color: #de4c34;
    color: #FFF;
    font-size: 16px;
    border-radius: 3px;
    position: relative;
    padding: 10px 25px 10px 70px
}

.gButton:before {
    background: #d34831 url(images/icon_g.png) no-repeat center center;
    width: 50px;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    content: ""
}

.gButton:hover {
    color: #fff
}

.formTable {
    width: 100%;
    border-spacing: 0 10px
}

.formTable td {
    padding: 0 5px;
    padding-bottom: 15px;
    font-size: 15px;
    color: #666;
    vertical-align: top
}

.firstTd {
    width: 49%
}

.odd_td>table {
    width: 100%
}

.formTable .multi_tabular td {
    padding: 0 0 15px 15px
}

.formTable td:first-child {
    padding-left: 0
}

.formTable td.firsttd {
    width: 48%
}

.formTable .captchaimg {
    display: inline-block;
    height: 42px;
    vertical-align: middle
}

.formTable .reloadimg {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px
}

.formTable .labeltxt {
    font-size: 14px;
    color: #666
}

.linkblue {
    font-size: 14px;
    color: #1b85b3 !important;
    text-decoration: underline
}

.linkblue:hover {
    color: #000
}

.formTable td .errorlist a {
    text-decoration: none
}

.formTable td a:hover {
    color: #000
}

.pageBar {
    width: 100%;
    background: #32363e;
    padding: 15px 0
}

.pageBar h2 {
    font-size: 30px;
    color: #fff;
    line-height: 1;
    position: relative;
    top: -2px;
    display: inline-block
}

.pageBar .breadcrumb {
    float: right
}

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

.breadcrumb li {
    float: left
}

.breadcrumb li span {
    float: left;
    background: #06bcdb;
    font-size: 13px;
    color: #FFF;
    height: 30px;
    line-height: 28px;
    padding: 0 15px 0 20px
}

.breadcrumb li a {
    display: block;
    background: #1c88b7;
    position: relative;
    font-size: 13px;
    color: #FFF;
    height: 30px;
    line-height: 28px;
    padding: 0 10px 0 20px
}

.breadcrumb li a img {
    display: inline-block;
    margin: 6px 0 0
}

.breadcrumb li a:before {
    position: absolute;
    right: -9px;
    top: 0;
    bottom: 0;
    content: "";
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 10px solid #0b455a
}

.breadcrumb li:first-child a {
    border-radius: 3px 0 0 3px
}

.breadcrumb li:last-child span {
    border-radius: 0 3px 3px 0
}

.breadcrumb li a.home {
    background: #1d88b6;
    position: relative;
    z-index: 1;
    padding-left: 10px
}

.breadcrumb li a.home:before {
    border-left: 10px solid #1d88b6
}

.inner .navigations li {
    float: left;
    margin: 0 0 0 10px
}

.consitent_right h2 {
    color: #32363e;
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 15px
}

.consitent_right h3 {
    color: #666;
    font-size: 15px;
    padding-bottom: 15px
}

.consitent_right:after {
    clear: both
}

.view_cntrls li {
    float: left;
    padding: 5px;
    z-index: 11
}

.tabac.gridv {
    background: #fff;
    border: 1px solid #d8d8cd;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    border-right: none;
    -webkit-box-shadow: 0 0 5px rgba(50, 66, 69, 0.1);
    box-shadow: 0 0 5px rgba(50, 66, 69, 0.1);
    padding: 6px;
    padding: 5px 10px;
    margin: 0 -4px 0 0;
    display: inline-block
}

.tabac:hover {
    background: #d8d8cd !important
}

.tabac.active {
    background: #d8d8cd !important
}

.tabac.listv {
    background: #fff;
    border: 1px solid #d8d8cd;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    display: inline-block;
    padding: 6px;
    padding: 5px 10px
}

.styled-select select {
    background: #fff;
    border: 0 none;
    border-radius: 3px;
    border: 1px solid #d8d8cd;
    -webkit-box-shadow: 0 0 3px rgba(50, 66, 69, 0.1);
    box-shadow: 0 0 3px rgba(50, 66, 69, 0.1);
    color: #04bcde;
    font-weight: 600;
    font-size: 13px;
    height: 34px;
    line-height: 26px;
    padding: 5px;
    width: 150px
}

.view_cntrls p {
    padding: 5px
}

.view_cntrls li .button.blue {
    background: #06bcdb
}

.consitent_right {
    margin-bottom: 20px;
    width: 100%;
    text-align: center
}

#thanksAnchor.view_cntrls {
    margin: 0 auto;
    text-align: center
}

.view_cntrls {
    width: 100%
}

.view_cntrls:before,
.view_cntrls:after {
    display: table;
    clear: both;
    content: ""
}

.view_cntrls ul {
    float: left;
    position: relative;
}

.view_cntrls.preview ul {
    float: right;
    position: relative;
    z-index: 12;
    margin-bottom: 30px
}

.view_cntrls li .button {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding: 6px 20px
}

.view_cntrls li .button.blue:hover {
    background: #333;
    color: #fff
}

.badge-custom {
    height: 58px;
    position: absolute;
    right: -5px;
    top: 0;
    width: 95px;
    z-index: 4
}

.badge-responsive {
    background: url(images/responsive-badge.png) no-repeat scroll left top rgba(0, 0, 0, 0)
}

.badge-private {
    background: url(images/responsive-badge-private.png) no-repeat scroll left top rgba(0, 0, 0, 0)
}

.badge-both {
    background: url(images/responsive-badge-both.png) no-repeat scroll left top rgba(0, 0, 0, 0)
}

.marked_done {
    background: #6eb444;
    display: inline-block;
    padding: 5px;
    line-height: 0;
    margin-right: -4px
}

.badge-custom {
    height: 58px;
    position: absolute;
    right: -5px;
    top: 0;
    width: 95px;
    z-index: 4
}

.badge-bestsellers {
    background: url(images/bestseller-badge.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    display: none
}

.block.struct_inner .private-block {
    position: absolute;
    right: -10px;
    top: 115px
}

.pic .private-block {
    bottom: 8px;
    position: absolute;
    right: -10px
}

.private-icon {
    padding-right: 5px
}

.template-private {
    background: #1c64a1;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    height: 27px;
    line-height: 18px;
    padding: 4px 10px 5px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    z-index: 2
}

.private-corner-right {
    border-color: transparent transparent transparent #3b3b3b;
    border-style: solid;
    border-width: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: " ";
    display: block;
    position: absolute;
    right: -9px;
    top: 18px;
    z-index: 1
}

.private-corner-left {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: -9px;
    position: absolute;
    top: 0;
    z-index: 2
}

svg:not(:root) {
    overflow: hidden
}

.photo {
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 6px #d4d4d4;
    box-shadow: 0 0 6px #d4d4d4;
    height: 130px;
    margin: 25px auto;
    overflow: hidden;
    position: relative;
    transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    width: 130px
}

.dim>img {
    width: 100%
}

.radius {
    border-radius: 50%
}

.dim {
    background: transparent;
    height: 130px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 300ms ease 0;
    -webkit-transition: all 300ms ease 0;
    width: 130px;
    border-radius: 50%
}

.profile {
    background: transparent;
    color: transparent;
    height: 23px;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    top: 45px;
    -webkit-transition: all 300ms ease 0;
    transition: all 300ms ease 0;
    width: 130px
}

.photo:hover .dim {
    background: rgba(0, 0, 0, 0.3);
    color: #fff
}

.photo:hover .profile {
    color: #fff
}

.fileUpload>span {
    font-size: 20px
}

.fileUpload {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.linkwrap {
    display: inline-block;
    float: right;
    position: relative;
    vertical-align: middle
}

.linkwrap .wrapList {
    background: #fff;
    border: 0 solid #cdcfd2;
    -webkit-box-shadow: 0 0 5px rgba(20, 66, 69, 0.1);
    box-shadow: 0 0 5px rgba(20, 66, 69, 0.1);
    border-radius: 3px;
    padding: 10px;
    position: relative;
    top: 14px;
    width: 200px;
    z-index: 2
}

.linkwrap .wrapList:before {
    background: #6eb444;
    border-radius: 5px 5px 0 0;
    content: "";
    height: 3px;
    left: 6px;
    position: absolute;
    right: 6px;
    top: -3px;
    z-index: 0
}

.userinfo:before {
    background: url(images/arrow_down.png) no-repeat;
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    width: 14px;
    height: 14px
}

.userinfo {
    display: inline-block;
    height: 32px;
    margin: 2px 0 0;
    padding: 0 0 0 10px;
    position: relative
}

.linkwrap .wrapOpen {
    bottom: 40px;
    right: 80px;
    top: 48px;
    transform: translateX(50%);
    -webkit-transform: translateX(50%)
}

.wrapOpen.infouser {
    overflow: visible !important;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    right: 0
}

.wrapcover {
    padding: 17px;
    position: relative;
    right: -17px;
    top: -17px
}

.linkwrap .wrapList .arrowgreen {
    height: 12px;
    position: absolute;
    right: 18px;
    top: -10px;
    width: 12px
}

.userinfo .name {
    color: #fff;
    font-size: 14px;
    height: 18px;
    line-height: 16px;
    margin: 0;
    padding: 0 20px 0 10px;
    max-width: 200px
}

.userinfo .pic {
    border-radius: 50px;
    display: inline-block;
    height: 32px;
    margin: 0 0 0 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 32px;
    border: 2px solid #fff
}

.linkwrap .wrapList:after {
    background: #6eb444;
    border-radius: 0 0 5px 5px;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 6px;
    position: absolute;
    right: 6px;
    z-index: 0
}

.linkwrap .wrapList .arrowgreen:before {
    border-bottom: 8px solid #6eb444;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    right: 0
}

.vertical_List {
    padding: 5px
}

.vertical_List li {
    display: block;
    padding: 0 0 6px;
    text-align: left
}

.vertical_List li a {
    display: block;
    padding: 6px 10px;
    color: #666;
    border-radius: 3px;
    font-size: 14px
}

.vertical_List li a img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 24px
}

.vertical_List li a:hover {
    background: #e7e7e7
}

.userinfo .pic img {
    border-radius: 50%;
    height: 100%
}

.linkwrap .link .flag {
    float: left;
    margin: 7px 0 0;
    width: 24px
}

.linkwrap .link {
    background: #fff;
    border: 1px solid #cdcfd2;
    border-radius: 3px;
    display: table;
    height: 32px;
    line-height: 28px;
    margin: 1px 0 0 4px;
    padding: 0 4px;
    position: relative;
    vertical-align: top
}

.linkwrap .link .spantxt {
    color: #666;
    float: left;
    font-weight: 300;
    font-size: 14px;
    margin: 5px 5px 0
}

.languageLink {
    color: #ef2d24;
    font-size: 19px;
    position: relative;
    top: 3px
}

.struct_inner .boxtitle {
    background: #fff
}

.struct_inner .boxtitle .duration,
.struct_inner .boxtitle .country {
    display: block
}

.struct_inner .boxbottom {
    background: #fff
}

.loginform_container {
    margin: 0 auto;
    width: 550px;
    -webkit-box-shadow: 0 0 15px rgba(50, 66, 69, 0.2);
    box-shadow: 0 0 15px rgba(50, 66, 69, 0.2)
}

.form_logo {
    text-align: center;
    padding: 30px
}

.form_logo img {
    display: inline-block;
    margin: 0 auto
}

.loginform_holder {
    background: #fff;
    border-radius: 3px;
    padding: 25px 35px
}

.loginform_holder br {
    display: none
}

.loginform_holder h1 {
    font-weight: 600;
    font-size: 30px;
    color: #333;
    text-align: center;
    width: 100%;
    padding: 10px 0
}

.loginform_holder h2 {
    font-size: 18px;
    color: #666;
    text-align: center;
    width: 100%;
    padding: 15px 0
}

.loginform_holder h1 span {
    font-weight: 800
}

#frmRegistration br {
    display: none
}

.loginform_holder .siteForm {
    display: block
}

.frgt_pwd {
    float: right
}

.social_connection .siteForm {
    background: #d9ebf4
}

.social_connection .or {
    text-align: center;
    position: absolute;
    top: -22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.social_connection .or span {
    background: #d8d8cd;
    border: 3px solid #fff;
    border-radius: 100px;
    color: #111;
    display: inline-block;
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    position: relative;
    text-align: center;
    width: 45px
}

.social_connection .siteForm td.fb button {
    background: #617ac3;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 36px;
    margin: 12px 0 0;
    padding: 0 13px 0 42px;
    position: relative;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #669;
    color: #fff;
    width: 100%
}

.social_connection .siteForm td.fb button:hover {
    background: #333;
    border: #333 1px solid
}

.social_connection .siteForm td.google button {
    background: #de4c34;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 36px;
    margin: 12px 0 0;
    padding: 0 13px 0 42px;
    position: relative;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #c33;
    color: #fff;
    width: 100%;
    cursor: pointer
}

.social_connection .siteForm td.fb button:before {
    background: url(images/signin_fb.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 24px;
    left: 12px;
    position: absolute;
    top: 7px;
    width: 24px
}

.social_connection .siteForm td.google button:before {
    background: url(images/signin_g+.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 24px;
    left: 12px;
    position: absolute;
    top: 7px;
    width: 24px
}

.social_connection .siteForm td.google button:hover {
    background: #333;
    border: #333 1px solid
}

.social_connection .siteForm p {
    text-align: center
}

.loginform_holder.register_acnt {
    background: #fff;
    border: medium none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.loginform_container.register_form {
    width: 452px
}

.loginform_holder.register_acnt .siteForm {
    padding: 35px 0
}

.loginform_holder.register_acnt .siteForm input[type="text"] {
    background: #fff;
    font-size: 14px;
    color: #996
}

.loginform_holder.register_acnt .siteForm input[type="email"] {
    background: #fff;
    font-size: 14px;
    color: #996
}

.loginform_holder.register_acnt .siteForm select {
    line-height: 36px
}

.loginform_holder.register_acnt .siteForm input[type="password"] {
    background: #fff;
    font-size: 14px;
    color: #996
}

.loginform_holder.register_acnt .siteForm select {
    background: #fff;
    font-size: 14px;
    color: #996 !important
}

.loginform_holder.register_acnt h1 {
    padding-top: 0;
    text-transform: uppercase;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.account_type h1 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding-top: 15px
}

.loginform_holder.register_acnt .siteForm {
    padding: 15px 0;
    background: none
}

.boxtabs {
    display: table;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    position: relative
}

.boxtabs li {
    display: inline-block;
    vertical-align: top
}

ul.boxtabs li a {
    display: block;
    vertical-align: top;
    width: 225px;
    height: 120px;
    padding: 15px;
    height: auto
}

ul.boxtabs li a .bg_b {
    display: none
}

ul.boxtabs li.active a .bg_a {
    display: none !important
}

ul.boxtabs li.active a .bg_b {
    display: inline !important
}

.boxtabs li.active a {
    background: #04bcde
}

@media only screen and (min-width:1050px) {
    ul.boxtabs li a:hover {
        background: #04bcde
    }

    ul.boxtabs li a:hover .bg_a {
        display: none
    }

    ul.boxtabs li a:hover .bg_b {
        display: inline
    }

    ul.boxtabs li.active a:hover .bg_a {
        display: none !important
    }

    ul.boxtabs li a:hover>.icontitle {
        color: #fff
    }

    .boxtabs li.active:hover a {
        background: #04bcde
    }
}

.boxtabs li a .icon_reg {
    width: 66px;
    height: 63px;
    display: inline-block;
    background: url(images/icon_reg.png) no-repeat left top
}

.boxtabs li a .icon_login {
    width: 66px;
    height: 63px;
    display: inline-block;
    background: url(images/icon_login.png) no-repeat left top
}

.boxtabs li a .icontitle {
    text-transform: uppercase;
    font-size: 18px;
    color: #999;
    font-weight: 600;
    display: block
}

.boxtabs li:first-child a {
    border-radius: 3px 0 0 3px
}

.boxtabs li:nth-child(2) a {
    border-radius: 0 3px 3px 0
}

.boxtabs li.active a .icon_reg {
    background: url(images/icon_reg.png) no-repeat left -71px
}

.boxtabs li.active a .icon_login {
    background: url(images/icon_login.png) no-repeat left -74px
}

.boxtabs li.active a .icontitle {
    color: #FFF
}

.boxtabs li .or {
    background: #d8d8cd;
    border-radius: 100%;
    color: #111;
    font-size: 15px;
    height: 40px;
    left: 50%;
    line-height: 37px;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 40px
}

div.or_nxt {
    margin: 10px auto 40px;
    padding-top: 1px;
    position: relative;
    width: 30px
}

.or_nxt p {
    color: #999;
    font-size: 18px;
    margin-top: 1px;
    text-align: center
}

.or_nxt:before {
    background: url(images/or_bg.png) repeat-x;
    content: "";
    height: 11px;
    position: absolute;
    right: 40px;
    top: 10px;
    width: 200px
}

.or_nxt:after {
    background: url(images/or_bg.png) repeat-x;
    content: "";
    height: 11px;
    position: absolute;
    left: 40px;
    top: 10px;
    width: 200px
}

.sectionwhite_center .securefield {
    width: 290px !important
}

.securefield {
    margin-right: 10px !important;
    width: 125px !important;
    float: left
}

.captchapic {
    float: left;
    height: 40px;
    margin: 6px 0 0
}

.reloadpic {
    position: relative;
    float: left;
    height: 40px;
    line-height: 40px;
    margin: 8px 0 0 10px;
    width: 35px
}

.processSteps:before {
    background: none repeat scroll 0 0 #d8d8cd;
    -webkit-box-shadow: 0 1px 1px rgba(50, 66, 69, 0.1) inset;
    box-shadow: 0 1px 1px rgba(50, 66, 69, 0.1) inset;
    content: "";
    height: 20px;
    left: 13%;
    position: absolute;
    right: 13%;
    top: 80px
}

.processSteps {
    display: table;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 40px
}

.processSteps li {
    text-align: center
}

.processSteps li .numCount p {
    border-radius: 3px;
    color: #d5d5d5;
    display: block;
    font-weight: 600;
    font-size: 32px;
    line-height: 65px;
    margin: 0 auto;
    position: relative;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(-45deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    z-index: 1
}

.note:before {
    border-right: 75px solid transparent;
    border-top: 75px solid #04bcde;
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.note {
    border-radius: 0 4px 0 0;
    cursor: pointer;
    height: 30px;
    position: absolute;
    left: 0;
    text-align: left;
    top: 0;
    width: 30px
}

.plus {
    color: #fff;
    display: block;
    left: -7px;
    padding-left: 10px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 100%
}

.completion_steps {
    position: relative
}

.processSteps li .numCount {
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
    color: #d5d5d5;
    display: block;
    font-weight: 800;
    font-size: 32px;
    height: 65px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(176deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 65px;
    z-index: 1
}

.processSteps li.stepSelect .box {
    background: #1a1a18
}

.processSteps li.stepSelect .box p {
    color: #fff
}

.processSteps li.stepSelect .numCount {
    background: #1a1a18;
    -webkit-box-shadow: none;
    box-shadow: none
}

.processSteps .box {
    -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1) inset;
    border: 20px solid none;
    border-radius: 20px;
    bottom: 0;
    content: "";
    height: 87px !important;
    background: none repeat scroll 0 0 #d8d8cd;
    right: 0;
    top: 0;
    -webkit-transform: rotate(-134deg);
    -moz-transform: rotate(-134deg);
    -ms-transform: rotate(-134deg);
    -o-transform: rotate(-134deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 87px !important;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 2;
    padding: 10px
}

.processSteps li.stepSelect .stepcaption {
    color: #04bcde;
    font-weight: 600
}

.processSteps li .stepcaption {
    color: #000;
    display: block;
    font-weight: 600;
    font-size: 18px;
    padding: 20px 0 0;
    text-transform: none
}

.processSteps li {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 180px
}

.processSteps .iconBox:before {
    background: #fff;
    border: 1px solid #b8e1f5;
    border-radius: 48px;
    bottom: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    content: "";
    height: 180px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(-228deg);
    -moz-transform: rotate(-134deg);
    -ms-transform: rotate(-134deg);
    -o-transform: rotate(-134deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 180px
}

.sectioncover {
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 4px
}

.sectioncover.paynow {
    background: #fff;
    margin-top: 50px;
    padding: 30px
}

.sectioncover.notification {
    background: none;
    border: none
}

.roundborderBox h4 {
    font-size: 24px;
    color: #000;
    padding: 10px 0
}

.roundborderBox h4>span {
    font-size: 15px;
    color: #666;
    margin-left: 10px
}

.odd_td {
    width: 100%
}

.dob_combo {
    margin-left: -10px
}

.odd_select {
    float: left;
    padding-left: 10px;
    width: 316px
}

.odd_bn {
    padding: 0 0 15px 15px !important
}

.roundborderBox .siteForm.personal_details select {
    width: 100%
}

.repeted_border_clash {
    background: url(images/or_bg.png) repeat-x center;
    height: 5px;
    margin: 10px 0;
    opacity: .5
}

.roundborderBox .siteForm textarea {
    height: 207px
}

.roundborderBox .siteForm.personal_details input[type="submit"]:hover {
    background: #06bcdb;
    border: 1px solid #06bcdb
}

.roundborderBox .siteForm.personal_details input[type="submit"] {
    background: #6eb444;
    border: 1px solid #6eb444
}

.task_opts {
    color: #04bcde;
    display: inline;
    font-weight: 300;
    font-size: 13.34px;
    width: 130px
}

.task_opts.width_au {
    width: auto
}

.task_types .siteForm input[type="checkbox"] {
    display: inline;
    vertical-align: middle
}

.task_types h1 {
    font-size: 24px;
    padding: 0 0 20px
}

.task_types .siteForm h1 {
    font-size: 24px;
    padding: 0 0 20px
}

.file-upload input.upload {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.file-upload {
    position: relative;
    overflow: hidden
}

.file-upload.btn.btn-primary:hover {
    background: #06accb
}

.btn-primary {
    background-color: #06bcdb;
    border-color: #06bcdb;
    color: #fff
}

.doc_up {
    margin-top: 10px;
    width: 100%
}

.doc_up a {
    color: #000;
    float: right;
    font-size: 13px;
    font-style: italic;
    padding: 5px
}

.doc_up a .fa.fa-plus-circle {
    margin-left: 10px;
    color: #459bd3
}

.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
    padding: 5px 10px !important
}

.more_attachments table td {
    width: 100%
}

.save_btn input[type="submit"],
.save_btn input[type="button"] {
    margin-top: 10px;
    background: #6eb444;
    border: 1px solid #6eb444;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 20px;
    padding: 8px 30px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.save_btn input[type="submit"]:hover {
    background: #06bcdb;
    border: 1px solid #06bcdb
}

.fieldname>input {
    width: 91%
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap
}

.fieldname input {
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #666;
    font-family: inherit;
    padding: 8px 12px
}

#uploadFile.firstInput {
    width: 88% !important
}

.task_around {
    position: relative;
    top: 0;
    background: #fff
}

.formTable.postTable h1 {
    font-size: 24px;
    color: #000
}

.formTable.postTable textarea {
    color: #838383;
    font-size: 12px;
    height: 130px
}

.task_types .repeted_border_clash {
    margin: 20px 0
}

.task_around.priced {
    background-color: #fcf8e3;
    border-color: #faebcc
}

.task_around h2 {
    color: #151515;
    font-weight: 600;
    font-size: 14.67px;
    padding-bottom: 5px
}

.task_opts.charges>img {
    vertical-align: middle
}

.task_opts .fa.fa-times-circle-o {
    font-size: 18px;
    padding-left: 3px;
    vertical-align: middle
}

.task_opts.charges>input {
    font-size: 13px !important;
    height: 25px !important;
    width: 53px !important
}

.task_around div {
    float: left;
    max-height: 100px;
    width: 20px;
    float: left;
    left: 0;
    max-height: 100px;
    position: absolute;
    width: 20px
}

.task_types .siteForm input[type="radio"] {
    display: inline;
    vertical-align: middle
}

.task_types .siteForm textarea {
    background: #f0f0f0;
    color: #838383;
    font-size: 12px;
    height: 75px;
    -webkit-box-shadow: inset 0 0 2px #ccc;
    box-shadow: inset 0 0 2px #ccc
}

.task_types .siteForm input[type="submit"]:hover {
    background: #5ea434;
    border: 1px solid #5ea434
}

.task_types .siteForm input[type="submit"] {
    background: #6eb444;
    border: 1px solid #6eb444
}

.allowed_space {
    margin: 10px 0
}

.task_around td {
    position: relative;
    vertical-align: top;
    width: 30%
}

.centerSection {
    margin: 50px auto;
    text-align: center;
    width: 75%
}

.centerSection .txt_white {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 3px;
    margin: 20px 0;
    padding: 15px
}

.centerSection h3 {
    color: #165b74;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    padding: 0 0 15px
}

.buttoncommon {
    background: #6eb444;
    border: 1px solid #6eb444;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    padding: 5px 16px;
    text-align: right;
    white-space: nowrap
}

.sectionTime .grid_2 .timeLeft span {
    color: red
}

.buttoncommon:hover {
    background: #333;
    border: 1px solid #000
}

.qWrap h3 {
    color: #4c4c4c;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    padding: 0 0 30px;
    text-align: center
}

.sectionTime {
    border-bottom: 1px solid #cdcdcd;
    display: inline-block;
    margin: 0 0 20px;
    padding: 0 0 15px;
    width: 100%
}

.sectionTime .grid_1 {
    color: #3d3d3d;
    font-size: 22px;
    line-height: 1;
    padding: 4px 0 0;
    width: 50%
}

.sectionTime .grid_2 {
    float: right;
    width: 50%
}

.qTable {
    width: 100%
}

.qWrap {
    margin: 20px auto;
    width: 80%
}

.qTable td {
    color: #666;
    font-size: 14px;
    padding: 0 0 20px 20px;
    vertical-align: top
}

.qTable td table td {
    padding: 0
}

.sectionTime .grid_2 .timeLeft {
    background: url(images/timericon.png) no-repeat scroll left 5px rgba(0, 0, 0, 0);
    color: #3d3d3d;
    display: inline-block;
    float: right;
    font-size: 20px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    padding: 0 0 0 36px
}

.titlecenter {
    color: #04BCDE;
    font-weight: 600;
    font-size: 36px;
    text-align: center
}

.block.task_listview {
    width: 97.3%;
    background: #fff;
    display: table
}

.block.task_listview .clear {
    display: none
}

.ratingWrap>span {
    display: block;
    padding-left: 25px
}

.block.task_listview .pic {
    border-radius: 3px;
    float: left;
    height: 101px;
    position: relative;
    width: 155px
}

.task_info:after {
    border-right: 1px solid #d9d2c1
}

.bid {
    background: #d8d8cd;
    display: table-cell;
    height: 100%;
    padding: 0 10px 10px;
    vertical-align: top;
    width: 158px;
    vertical-align: middle
}

.task_info {
    display: table-cell;
    position: relative;
    vertical-align: top
}

.block.task_listview .badge-responsive {
    background: url(images/responsive-badge_list.png) no-repeat scroll left top rgba(0, 0, 0, 0)
}

.block.task_listview .badge-private {
    background: url(images/responsive-badge_list_private.png) no-repeat scroll left top rgba(0, 0, 0, 0)
}

.block.task_listview .badge-both {
    background: url(images/responsive-badge_list_both.png) no-repeat scroll left top rgba(0, 0, 0, 0)
}

.block.task_listview .badge-custom {
    left: -5px
}

.task_list_specs {
    float: left;
    padding: 10px 20px;
    width: 680px
}

.block.task_listview .pic .txtprice {
    padding: 4px
}

.task_list_specs a {
    color: #04bcde;
    float: left;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.task_list_specs a:hover {
    color: #6eb444
}

.voting {
    color: #787979;
    float: right;
    font-size: 14px;
    line-height: 1px
}

.block.task_listview .ratingWrap {
    float: right;
    display: inline-block
}

.block.task_listview .grid_1 {
    margin-top: 5px;
    width: 100%;
    position: relative;
    text-align: left
}

.block.task_listview .photo {
    border: 1px solid #fff;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 30px;
    margin: 0 8px 0 0;
    width: 30px
}

.block.task_listview .photo img {
    border-radius: 30px;
    height: 100%;
    width: 100%
}

.block.task_listview .nameuser {
    color: #010101;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    padding: 0 0 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: none
}

.span-list>span {
    display: inline-block !important;
    vertical-align: middle !important
}

.block.task_listview .place {
    color: #6a6969;
    font-size: 13.34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    min-width: 43px
}

.block.task_listview .sub_specs {
    color: #6a6969;
    margin-left: 15px;
    font-size: 13.34px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navigator {
    background: #e85858;
    display: inline-block;
    padding: 5px;
    line-height: 0;
    margin-right: -4px
}

.listed_attributes {
    bottom: 15px;
    position: absolute;
    right: 20px
}

.bid .button {
    padding: 5px;
    color: #26292e;
    font-size: 14.67px
}

.button.lblue {
    text-align: center;
    width: 100%
}

.lblue {
    background: #06bcdb;
    color: #fff !important;
    border: 1px solid #06bcdb;
    border-radius: 2px
}

.button.disabled {
    background: #f7f7ef;
    color: #a6a69d !important;
    border: 1px solid #f7f7ef;
    border-radius: 2px;
    padding: 8px;
    width: 100%;
    text-align: center
}

.block.task_listview .sub_specs>span {
    font-weight: 400 !important;
    color: #000
}

.block.task_listview .pic img {
    border-radius: 3px 0 0 3px;
    display: block
}

.bid h1 {
    font-size: 24px;
    color: #111;
    font-weight: 700;
    text-align: center
}

.map_style .siteForm input[type="text"] {
    background: #fff;
    color: #838383;
    font-size: 12px
}

.map_style .siteForm select {
    background: #fff;
    color: #838383;
    font-size: 12px
}

.map_style .container {
    width: 100%
}

.grid_1 {
    width: 20%
}

.map_style .grid_2.mapview {
    float: right
}

.map_style #footer .container {
    padding: 40px 0 10px;
    width: 1000px;
    margin: 0 auto
}

.map_style #footer {
    background: #fff
}

.map_style #body.fixedmap {
    width: 100%;
    height: 100%;
    padding-top: 200px
}

.map_style #body.fixedmap .section {
    padding: 0;
    width: 100%;
    display: block;
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0
}

.map_style .section.orange {
    position: relative;
    padding: 224px 0 !important
}

.pinned_map {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.task_posting.orange {
    background: #333330;
    bottom: -20px;
    border-top: 3px solid #222220;
    position: absolute;
    width: 100%;
    z-index: 50;
    padding: 5px 10px
}

.task_posting.orange a {
    margin: 5px
}

.task_posting.orange .button {
    padding: 5px 10px
}

.map_fields {
    background: none;
    left: 100px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 12px;
    width: 1000px;
    z-index: 999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.map_fields .formTable {
    border-spacing: 0
}

.map_fields .formTable input,
.map_fields .formTable select,
.map_fields .formTable textarea {
    margin-top: 0 !important
}

.map_fields .formTable select {
    line-height: 36px
}

.map_fields .view_cntrls li {
    padding: 0
}

.map_fields .siteForm input[type="submit"] {
    font-size: 21px
}

.map_style .searchwrap {
    display: none
}

.map_style .navigations {
    display: none
}

.nav_pop {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 65
}

.mapinfo_outer .boxbottom .photo {
    border: 1px solid #fff;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 30px;
    margin: 0 8px 0 0;
    width: 30px
}

.mapinfo_outer .boxbottom .place {
    color: #6a6969;
    display: block;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.mapinfo_outer .nameuser {
    color: #010101;
    display: block;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    padding: 0 0 2px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pop {
    background: #f9f9f9;
    border-radius: 4px;
    color: #444;
    left: 50%;
    position: absolute;
    right: 50%;
    text-shadow: none;
    top: 230px;
    width: 296px;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc
}

.nav_pop:after {
    border-bottom: 5px solid #2f2f2f;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0
}

.folio_info {
    float: right;
    width: 160px;
    margin-left: 10px
}

.folio {
    float: left;
    width: 96px
}

.pic img {
    border-radius: 3px;
    width: 100%
}

.folio .pic {
    position: relative;
    width: 100%
}

.folio .button {
    background: #06bcdb;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 6px 14px
}

.mapinfo_outer:after {
    border-width: 0 3px;
    color: #000;
    content: "";
    display: inline-block;
    height: 5px;
    left: 50%;
    position: absolute;
    right: 50%;
    text-align: center;
    border-top: 22px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    width: 0;
    bottom: -20px
}

.mapinfo_outer>span {
    position: absolute;
    right: 0;
    top: 0
}

.folio_info .ratingWrap {
    margin-top: 5px;
    display: inline-block
}

.folio .pic .txtprice {
    background: #6eb444;
    bottom: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    left: 0;
    padding: 2px 6px;
    position: absolute
}

.folio_info .sub_specs {
    color: #6a6969;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.folio_info .default_user {
    color: #010101;
    display: block;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    padding: 0 0 2px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mapinfo-close {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: 8040
}

.folio_info .nameuser {
    color: #010101;
    display: block;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    padding: 0 0 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600
}

#mapinfo-loading,
.mapinfo-close,
.mapinfo-prev span,
.mapinfo-next span {
    background: url(images/fancybox_sprite.png) no-repeat
}

.map_results {
    position: absolute;
    top: 70px;
    bottom: 0;
    right: 0;
    width: 320px
}

.map_refered_results {
    background: #fff;
    overflow: hidden
}

.results_group {
    direction: rtl;
    height: 100%;
    overflow: auto;
    position: relative;
    z-index: 8;
    margin-bottom: -48px;
    padding-bottom: 48px
}

.directions {
    display: inline-block;
    float: left;
    width: 100%
}

.directions li {
    width: 49%;
    text-align: right
}

.directions li:first-child {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    text-align: left
}

.directions li a.disabled {
    cursor: default
}

.directions li a.prev {
    border-radius: 3px 0 0 3px
}

.directions li a {
    background: #fff;
    display: inline;
    padding: 3px 6px;
    height: 24px;
    line-height: 22px;
    position: relative;
    text-align: center;
    width: 24px
}

.directions li a.next {
    border-left: medium none;
    border-radius: 0 3px 3px 0
}

.directions li a i {
    color: #06bcdb;
    color: #06bcdb;
    font-size: 14px
}

.directions li a.prev {
    border-radius: 3px 0 0 3px
}

.directions li {
    color: #666;
    float: left;
    font-size: 13px;
    line-height: 22px
}

.mapinfo_outer {
    float: left;
    padding: 15px;
    width: 100%
}

.mpa_result_cntrls {
    padding: 10px;
    background: #333330
}

.folio_pop {
    background: transparent;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    padding: 5px;
    text-shadow: none;
    width: 305px
}

.folio_pop .folio_info {
    float: right;
    margin-left: 10px;
    width: 177px
}

.folio_pop .folio {
    float: left;
    width: 86px
}

.folio_pop .mapinfo_outer {
    float: none !important;
    padding: 5px !important
}

.detailed_task {
    float: left;
    width: 66%;
    padding: 20px;
    background: #fff
}

.detailed_task_sidebar {
    float: right;
    width: 312px
}

.detailed_task_sidebar .common_head {
    background-color: #06bcdb;
    padding: 10px;
    margin-top: 30px
}

.task_btn {
    display: block
}

.positioned_btns {
    width: 100%;
    text-align: center
}

.positioned_btns a.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.consitent_right .button.yellow.task_btn:hover {
    border: 1px solid #000
}

.consitent_right .button.yellow.task_btn {
    border: 1px solid #c6920c;
    float: right;
    font-weight: 600;
    font-size: 24px;
    position: relative;
    width: 100%
}

.detailed_task h1 {
    color: #32363e;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px
}

.copytask {
    bottom: 0;
    position: absolute;
    right: 0
}

.duplicate_task {
    position: relative
}

button.copytask {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 20px
}

.detailed_task .credentials {
    color: #666
}

.detailed_task .credentials>span {
    font-size: 15px;
    color: #000
}

.detailed_slider img {
    width: 100%
}

.detailed_slider p {
    text-align: center !important;
    width: 100%
}

.detailed_task p {
    color: #32363e;
    font-size: 16px;
    padding: 10px 0;
    text-align: justify
}

.detailed_task a {
    color: #0ea158;
    width: 100%
}

.task_guidelines h1 {
    margin: 10px 0
}

.task_attributes {
    background: #fff;
    border-radius: 0 0 3px 3px;
    float: right;
    padding: 10px;
    width: 100%
}

.task_attributes .grid_3 {
    float: left;
    width: 90%
}

.task_attributes .photo {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 34px;
    margin: 0 10px 0 0;
    width: 18px
}

.task_attributes .photo img {
    display: block;
    height: 100%;
    width: 100%
}

.task_attributes>li {
    border-bottom: 1px solid #eaeaea;
    clear: left;
    float: left;
    padding: 15px;
    width: 100%
}

.task_attributes>li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.task_attributes .name_user {
    color: #151515;
    display: block;
    font-weight: 600;
    font-size: 13.34px;
    line-height: 1;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.task_attributes .desig {
    color: #787979;
    display: block;
    font-size: 13.34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 300
}

.social_detailed>img {
    padding: 2px 2px 0
}

.social_detailed {
    border-radius: 2px;
    float: left
}

.social_detailed>div {
    display: inline-block;
    vertical-align: top
}

.task_reviews {
    background: #fff;
    border-radius: 3px;
    float: right;
    width: 100%;
    margin-top: 30px
}

.task_reviews .grid_3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8cd;
    margin-bottom: 10px
}

.task_report {
    background: #fff;
    float: right;
    margin-top: 5px;
    padding: 10px;
    width: 100%
}

.task_report a {
    color: #06bcdb
}

.task_reviews .grid_3 {
    float: left;
    width: 100%
}

.task_reviews .photo {
    display: inline-block;
    border: none;
    border-radius: 70px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 10px 0 0
}

.task_reviews p {
    color: #727171;
    font-size: 14px;
    text-align: justify;
    width: 100%
}

.task_reviews p.show {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.task_reviews .photo img {
    display: block;
    height: 100%;
    width: 100%
}

.task_reviews li.center {
    padding: 0 0 10px;
    text-align: center
}

.task_reviews>li:last-child .button {
    border-radius: 0 0 3px 3px;
    padding: 5px 10px
}

.task_reviews>li {
    border-bottom: 1px solid #eaeaea;
    clear: left;
    float: left;
    padding: 15px;
    width: 100%
}

.task_reviews .user_reviewed {
    color: #04bcde;
    font-weight: 600;
    font-size: 21.34px
}

.task_reviews .name_user {
    color: #090909;
    display: block;
    font-weight: 600;
    font-size: 13.34px;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.task_reviews li:first-child .name_user {
    font-size: 21.34px
}

.task_reviews li:nth-child(2) {
    border: none;
    font-size: 21.34px;
    text-align: center
}

.task_reviews li:nth-child(2) h1 {
    color: #000;
    font-weight: 600
}

.common_head h1 {
    border: none;
    font-size: 20px;
    color: #fff
}

.task_attributes.robo_required .name_user,
.task_attributes.robo_required .desig {
    color: #fff
}

.task_attributes.robo_required>li {
    border-bottom: 1px solid #1ec8e5
}

.task_attributes.robo_required>li:last-child {
    border-bottom: none
}

.task_attributes.location {
    background: transparent;
    padding: 0
}

.task_attributes.location li {
    padding: 0
}

.task_attributes.location>iframe {
    width: 100%;
    height: auto
}

.task_attributes.location .grid_3 {
    width: 100%
}

.blocksRow.detailed_task_section {
    margin: 0
}

.task_reviews .desig {
    color: #222;
    display: block;
    font-size: 13.34px;
    line-height: 1;
    overflow: hidden;
    padding: 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui {
    display: inline-block
}

.task_attributes.robo_required {
    background: #06bcdb
}

.consitent_right.task_detail_robbo .button.yellow.task_btn {
    background: #99b6c7;
    border: 1px solid #999
}

.consitent_right.task_detail_robbo .button.yellow.task_btn:hover {
    background: #333;
    border: 1px solid #000
}

.posted_messages>h1 {
    font-size: 24px;
    padding-bottom: 10px
}

.msg .grid_3 {
    float: left;
    width: 445px
}

.msg.assigned .grid_5 {
    padding: 0 7px;
    float: right;
}

.msg .photo {
    border: none;
    border-radius: 70px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 55px;
    margin: 0 10px 0 0;
    width: 55px
}

.msg .name_user {
    color: #090909;
    display: block;
    font-weight: 600;
    font-size: 13.34px;
    line-height: 1;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.msg .photo img {
    display: block;
    height: 100%;
    width: 100%
}

.posted_msg_container {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 0 #999;
    box-shadow: 0 0 2px 0 #999;
    float: left;
    margin-bottom: 15px;
    width: 100%
}

.msg {
    float: left;
    padding: 20px;
    width: 100%
}

.level_container {
    background: #e1e7eb;
    float: left
}

.msg .desig {
    color: #222;
    display: block;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    padding: 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.msg .biding {
    color: #090909;
    display: block;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    text-align: center
}

.msg .bid_price {
    color: #09c;
    display: block;
    font-weight: 600;
    font-size: 21.34px;
    line-height: 1;
    overflow: hidden;
    padding: 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.pre_assigned {
    float: right
}

.msg.assigned .grid_1 {
    float: right;
    width: auto
}

.levels {
    background: url(images/level_ribbon.png) no-repeat;
    float: left;
    margin: 20px 10px;
    text-align: center;
    height: 56px;
    width: 44px
}

.levels h6 {
    font-size: 10.67px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.levels h5 {
    font-size: 26.67px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px
}

.msg_credentials {
    background: #dce9f1;
    float: left;
    padding: 14px 72px 10px 10px;
    width: 92%
}

.msg_credentials .sub_specs>span {
    color: #333;
    padding-left: 3px
}

.upper {
    text-transform: uppercase
}

.msg_credentials .sub_specs {
    color: #666;
    font-size: 11px;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

.msg_trigger {
    background: #c6d7e1;
    float: right;
    text-align: center;
    width: 60px;
    padding: 6px;
    height: 41px;
}

.msg_trigger a {
    background: #c6d7e1;
    float: left;
    font-size: 20px;
    padding: 6px;
    color: #869299
}

.comments_post {
    padding: 20px;
    width: 100%;
    float: left
}

.comments_post .grid_1 {
    width: 100%
}

.seprator_inbtween {
    padding: 0 15px 15px
}

.seprator_inbtween .repeted_border_clash {
    padding-top: 0
}

.msg_reply_cmnt {
    background: #e4edf2;
    border-radius: 3px;
    float: left;
    margin: 15px
}

.comments_post .photo {
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 55px;
    margin: 0 8px 0 0;
    width: 55px
}

.msg_reply_cmnt.comments_post .nameuser {
    color: #06bcdb;
    display: inline-block;
    font-weight: 600;
    font-size: 13.34px;
    line-height: 1;
    overflow: hidden;
    padding: 10px 0 2px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comments_post .nameuser {
    display: inline-block;
    line-height: 1;
    overflow: hidden;
    padding: 10px 0 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #090909;
    font-weight: 600;
    font-size: 13.34px;
    line-height: 1;
    overflow: hidden
}

.photo>img {
    height: 100%;
    width: 100%;
    border-radius: 150px
}

.comments_post .writes {
    color: #010101;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    padding: 0 5px 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 12px;
    font-style: italic
}

.comments_post .timingWrap {
    color: #666;
    float: right;
    font-size: 12px;
    font-style: italic;
    padding: 10px 0 0
}

.salutation {
    display: table
}

.salutation p {
    color: #222;
    display: table;
    font-size: 14px;
    padding: 3px 0
}

.cmnt_post_rply .siteForm textarea {
    background: #eaeaea;
    border: 1px solid #e1e1e1
}

.cmnt_post_rply .siteForm input[type="submit"] {
    margin-top: 15px;
    float: right;
    background: #06bcdb;
    font-size: 16px;
    padding: 5px 20px
}

.cmnt_post_rply .siteForm input[type="submit"]:hover {
    background: #ea8c0f
}

.button.deepblue.task_btn>span {
    display: table-cell;
    height: 40px;
    padding-left: 10px;
    vertical-align: middle
}

.consitent_right .button.green.task_btn {
    border: 1px solid #66af2e;
    float: right;
    font-weight: 600;
    font-size: 24px;
    position: relative;
    width: 100%
}

.consitent_right .button.red.task_btn {
    border: 1px solid #ac2e31;
    float: right;
    font-weight: 600;
    font-size: 24px;
    position: relative;
    width: 100%
}

.button.green.task_btn>p {
    float: left;
    margin-left: 50px
}

.consitent_right .button.task_btn {
    padding: 15px 21px;
    text-align: left
}

.button.task_btn>img {
    display: table-cell;
    float: left
}

.button.deepblue.task_btn>img {
    display: table-cell;
    float: left
}

.consitent_right .button.deepblue.task_btn {
    border: 1px solid #06bcdb;
    float: right;
    font-weight: 600;
    font-size: 24px;
    position: relative;
    width: 100%
}

.task_attributes.apply_robo {
    margin-bottom: 15px
}

.task_attributes.apply_robo>li {
    padding: 0
}

.task_attributes.apply_robo .msg {
    float: right;
    padding: 15px 5px;
    width: 100%
}

.task_attributes.apply_robo .msg .grid_3 {
    float: left;
    width: 72%
}

.common_head.no_margin_30 {
    margin: 0
}

.task_attributes.user_actions {
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    width: 100%
}

.task_attributes.user_actions+.task_attributes.user_actions {
    padding-top: 0
}

.task_attributes.user_actions .name_user {
    color: #000;
    cursor: pointer;
    display: block;
    font-weight: 600;
    font-size: 13.34px;
    line-height: 1;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.task_attributes.user_actions>li {
    float: left;
    padding: 10px 0;
    width: 100%
}

.task_attributes.user_actions .photo {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: auto;
    margin: 0 10px 0 0;
    width: 14px
}

.task_attributes.user_actions>li:last-child {
    border-bottom: none
}

.user_controls {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin: 0 0 10px;
    padding: 30px;
    position: relative
}

.close_toggle {
    position: absolute;
    right: 5px;
    top: 0;
    width: 20px !important
}

.user_controls h3 {
    color: #000;
    font-weight: 600;
    font-size: 16px
}

.common_controls {
    background: #f2f2f2;
    border-radius: 3px
}

.user_controls .colored_field {
    background: #d7eaf3 !important;
    border: 1px solid #b8e1f5;
    border-radius: 3px;
    margin: 0 0 10px
}

.common_controls input[type="file"] {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #ccc inset;
    box-shadow: 0 0 2px #ccc inset;
    color: #838383;
    font-size: 14px;
    padding: 8px 12px;
    width: 100%
}

.common_controls a .fa.fa-plus-circle {
    color: #459bd3;
    margin-left: 10px
}

.task_images {
    text-align: right
}

.user_controls .colored_field a {
    color: #000;
    float: right;
    font-size: 13px;
    font-style: italic;
    padding: 5px
}

.last_fixed_amnt {
    color: #6eb444 !important;
    text-align: right
}

.user_controls p {
    color: #717171;
    font-size: 13px;
    padding: 0
}

.user_controls .siteForm textarea {
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 2px #ccc inset;
    box-shadow: 0 0 2px #ccc inset;
    color: #838383;
    font-size: 12px;
    height: 105px
}

.user_controls .button {
    font-size: 14px !important;
    padding: 5px 20px !important
}

.user_controls .button:hover {
    background: #333 !important;
    border: 1px solid #000 !important
}

.user_controls .button.yellow {
    background: #6eb444;
    border: 1px solid #ca932b;
    float: none !important
}

.user_controls .button.red {
    background: #ac2e31;
    border: 1px solid #930d11;
    float: none !important
}

.user_controls .siteForm input[type="submit"] {
    float: right
}

.blocksRow.apply {
    margin: 0 auto
}

.applybid {
    background: #fff;
    margin: 0 auto;
    width: 740px
}

.user_applied .grid_3 {
    width: 100%
}

.user_applied {
    border-bottom: 1px solid #E5E5DA;
    padding: 25px
}

.user_applied .photo {
    border: medium none;
    border-radius: 70px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 124px;
    margin: 0 10px 0 0;
    width: 124px;
    border: 4px solid #fff
}

.user_applied .name_user {
    color: #090909;
    display: block;
    font-size: 25px;
    line-height: 1;
    overflow: hidden;
    padding: 3px 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.user_applied .desig {
    color: #222;
    display: block;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mar_left {
    margin-left: 20px
}

.user_applied .sub_specs {
    color: #666;
    font-size: 12px;
    padding: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user_applied .sub_specs>span {
    color: #333;
    padding-left: 3px
}

.user_applied .ui {
    float: left;
    width: 144px
}

.task-application {
    padding: 25px
}

.application_details h1 {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0
}

.formTable.postTable input[type="text"] {
    color: #838383;
    font-size: 12px
}

.proposals {
    background: #e5e5da;
    border-radius: 3px;
    float: left;
    margin: 5px 0;
    width: 100%;
    position: relative
}

.proposals.p-note {
    padding: 6px 10px;
    font-size: 12px
}

.bid_proposed {
    background: #06bcdb;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-weight: 600;
    font-size: 14.67px;
    padding: 10px;
    min-width: 120px
}

.bid_proposed:after {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #06bcdb;
    border-top: 10px solid transparent;
    color: #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 118px;
    position: absolute;
    width: 0
}

.time_proposed {
    background: #06bcdb;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-weight: 600;
    font-size: 14.67px;
    padding: 10px;
    min-width: 120px
}

.time_proposed:after {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #06bcdb;
    border-top: 10px solid transparent;
    color: #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 118px;
    position: absolute;
    width: 0
}

.proposals>span {
    color: #111110;
    float: left;
    padding: 10px 10px 10px 20px
}

.division_post table {
    width: 100%;
    border-spacing: 0
}

.division_post table td {
    padding: 0 5px
}

.division_post td div.fileUp table {
    border-spacing: 0 12px
}

.division_post .file-up input.upload {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.division_post .file-up {
    margin: 10px;
    overflow: hidden;
    position: relative
}

.division_post input[type="file"] {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 2px #ccc inset;
    box-shadow: 0 0 2px #ccc inset;
    color: #838383;
    font-size: 14px;
    padding: 8px 12px;
    width: 100%
}

.division_post .siteForm input[type="text"] {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background: #f0f0f0;
    box-shadow: 0 0 2px #ccc inset;
    -webkit-box-shadow: 0 0 2px #ccc inset;
    color: #838383
}

.division_post .firsttd {
    width: 50%
}

.division_post a.addmore {
    color: #000;
    float: right;
    font-size: 13px;
    font-style: italic;
    padding: 5px
}

.task_post h1 {
    color: #000;
    font-size: 24px
}

.division_post a .fa.fa-plus-circle {
    color: #6eb444;
    margin-left: 10px
}

.division_post h3 {
    color: #666
}

.date_picked {
    position: relative
}

.date_picked img {
    position: absolute;
    right: 10px;
    top: 30px
}

.task_post .siteForm input[type="text"] {
    font-size: 14px
}

.task_post .siteForm textarea {
    font-size: 14px
}

.task_post .siteForm select {
    font-size: 14px
}

.task_post .siteForm input[type="submit"] {
    background: #6eb444;
    border: 1px solid #6eb444
}

.task_post .siteForm input[type="submit"]:hover {
    background: #333;
    border: 1px solid #000
}

.pre_btn {
    background: #06bcdb !important;
    border: 1px solid #06bcdb !important;
    color: #fff !important
}

.pre_btn:hover {
    background: #06accb !important;
    border: 1px solid #06accb !important;
    color: #fff !important
}

.inbetween_range {
    width: 20px !important;
    vertical-align: middle !important
}

.term_FAQ {
    display: table-cell
}

.division_post input [type="checkbox"] {
    display: inline;
    vertical-align: middle
}

.savetask {
    background: #4d4d49 !important;
    border: 1px solid #4d4d49 !important
}

.savetask:hover {
    background: #333330 !important;
    border: 1px solid #333330 !important
}

.division_post td:first-child {
    padding-left: 0
}

.listTable {
    border: 1px solid #ddd;
    width: 100%
}

.sectioncart {
    width: 100%
}

.wrapfull {
    display: inline-block;
    width: 100%
}

.whitesquare {
    margin-bottom: 25px
}

.whitesquare.totalbox {
    border: 1px solid #eee
}

.sectionCols .grid_1 {
    float: left;
    width: 55%
}

.whitesquare.couponform {
    background-color: #f0f0f0;
    padding: 30px
}

.couponform h3 {
    color: #000;
    text-transform: uppercase
}

.couponform h5 {
    color: #666;
    font-weight: 300;
    font-size: 18px;
    padding: 0 0 5px;
    text-transform: uppercase
}

.couponform table td:first-child {
    width: 75%
}

.listTable th {
    background: #06bcdb;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    padding: 10px;
    text-align: left;
    text-transform: uppercase
}

.listTable td {
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 16px;
    padding: 10px
}

.totalbox li {
    border-bottom: 1px solid #eaeaea;
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
    width: 100%
}

.totalbox li .grid_3 {
    float: left;
    font-weight: 300;
    text-align: right
}

.totalbox li .grid_4 {
    float: right;
    font-weight: 300;
    padding: 0 0 0 20px
}

.sectionCols .grid_2 {
    float: right;
    width: 43%
}

.totalbox li.last {
    border-bottom: none
}

.totalbox li.last .grid_3 {
    color: #3b68a6;
    font-weight: 600;
    font-size: 20px
}

.totalbox li.last .grid_4 {
    color: #3b68a6;
    font-weight: 600;
    font-size: 20px
}

.bottomBtns .button.yellow {
    float: right;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase
}

.bottomBtns .button.blue {
    float: left;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    background: #06bcdb
}

.sectionPayments .button.blue {
    float: left;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    background: #06bcdb
}

.button.blue:hover {
    background: #333;
    color: #fff
}

.pagetitle {
    color: #3b68a6;
    display: block;
    font-size: 30px;
    line-height: 1;
    margin: 20px 0 15px
}

.sectionPayments {
    width: 100%
}

.boxwhite {
    padding-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.boxwhite li {
    background: #fff;
    border: 1px solid #e0e0e1;
    border-radius: 3px;
    text-align: center;
    max-width: 49%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    margin-bottom: 20px
}

.boxwhite .selectTxt .txtlight {
    color: #666;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle
}

.boxwhite .selectTxt input[type="radio"] {
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.boxwhite .iconpic {
    border-bottom: 1px solid #e0e0e1;
    height: 100px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 100%
}

.avail_blnc:before {
    background-image: url(images/before_wallet_price.png);
    content: " ";
    height: 44px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 17px
}

.avail_blnc p:before {
    height: 44px;
    left: -2px;
    position: absolute;
    top: 13px;
    width: 17px
}

.avail_blnc {
    background: url(images/wallet_price_bg.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 44px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0
}

.avail_blnc p {
    color: #fff;
    font-weight: 600;
    padding: 5px
}

.boxwhite .selectTxt {
    display: inline-block;
    padding: 20px 10px;
    vertical-align: middle
}

.boxwhite li.credit {
    position: relative
}

.boxwhite li.credit .selectTxt {
    float: left
}

.credit a {
    background: #c0252d;
    border-radius: 10px 0;
    bottom: -10px;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    right: 0;
    width: 30%
}

.add_credit {
    background: #ece2c8;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 50px
}

.credit a:hover {
    background: #333;
    color: #fff
}

.credit a .fa.fa-plus-circle {
    color: #fff;
    margin-left: 10px
}

.boxwhite .iconpic .iconimg2 {
    margin-top: 20px;
    width: 140px
}

.boxwhite .iconpic img {
    display: block;
    margin: 0 auto;
    width: 80px
}

.counts.count_badge {
    background: #E85858;
    border-radius: 30px;
    color: #fff;
    font-size: 11px;
    left: 7px;
    padding: 0 6px 1px;
    position: absolute;
    top: -3px;
    z-index: 111
}

.panelcontainer {
    display: table;
    width: 100%
}

.panelcontainer .panel_left {
    display: table-cell;
    padding: 0;
    position: relative;
    width: 280px;
    padding-right: 20px
}

.panelcontainer .panel_right {
    display: table-cell;
    vertical-align: top;
    position: relative
}

.panelcontainer .panel_right .boxtitle,
.panelcontainer .panel_right .boxbottom {
    background-color: #f7f7ef
}

.rightPanel_content {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 4px
}

.rightPanel_content:before,
.rightPanel_content:after {
    display: table;
    content: "";
    clear: both
}

.dash_content_container {
    background-color: #fff;
    margin-top: 20px;
    -webkit-box-shadow: 0 1px 1px rgba(216, 216, 205, 0.5);
    box-shadow: 0 1px 1px rgba(216, 216, 205, 0.5)
}

.dash_content_container:before,
.dash_content_container:after {
    display: table;
    content: "";
    clear: both
}

.dash_user .user_applied {
    background: none;
    border-bottom: none;
    padding: 0;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(216, 216, 205, 0.5);
    box-shadow: 0 1px 1px rgba(216, 216, 205, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dash_user .user_applied .desig {
    color: #222;
    display: inline-block;
    float: left;
    font-size: 11.98px;
    line-height: 1;
    overflow: hidden;
    padding: 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dash_user .user_applied .ui {
    float: left;
    height: 63px;
    width: 144px
}

.dash_user_info .info_content {
    float: left
}

.info_content>p.pr-text {
    color: #727171;
    float: left;
    font-weight: 300;
    font-size: 16px;
    text-align: justify
}

.hidden-pr-text>p {
    color: #727171;
    float: left;
    font-weight: 300;
    font-size: 14px;
    text-align: justify
}

.hidden-pr-text {
    display: none
}

.dash_user_info {
    float: right;
    width: 78%;
    display: block
}

.dash_user_info:before,
.dash_user_info:after {
    display: table;
    content: "";
    clear: both
}

.dash_user .sub_specs .fa {
    color: #ec6365;
    font-size: 16px
}

.wallet_amnt {
    background: fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 5px 0;
    padding: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wallet_amnt>span {
    font-weight: 600;
    font-size: 16px
}

.user_clappi {
    border-bottom: 1px solid #e5e5da;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    font-weight: 600;
    font-size: 14.67px;
    min-width: 466px;
    padding: 10px 20px
}

.user_clappi:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    color: #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 15px;
    position: absolute;
    width: 0
}

.dashclappi_credentials {
    color: #32363e;
    font-weight: 600;
    font-size: 18.67px
}

.dashclappi_credentials:before {
    background: url(images/dash_clappi.png) no-repeat;
    content: "";
    float: left;
    width: 25px;
    height: 0;
    margin: 0 5px 0 10px
}

.dashrobbo_credentials:before {
    background: url(images/dash_robbo.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 0;
    margin: 0 5px 0 10px;
    width: 25px
}

.dashrobbo_credentials {
    color: #32363e;
    font-weight: 600;
    font-size: 18.67px
}

.user_inbox {
    border-bottom: 1px solid #eee;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    font-size: 14.67px;
    min-width: 466px;
    padding: 10px 20px
}

.user_inbox:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    color: #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 15px;
    position: absolute;
    width: 0
}

.inbox_msgs {
    font-size: 14px
}

.progress_holder {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0 0 3px 3px;
    float: left;
    width: 100%;
    border-top: none
}

.dashinbox_credentials {
    color: #32363e;
    font-weight: 600;
    font-size: 18.67px
}

.dashinbox_credentials:before {
    background: url(images/dash_inbox.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 0;
    margin: 0 5px 0 10px;
    width: 25px
}

.iconLinks {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff;
    border-color: #eee;
    -o-border-image: none;
    border-image: none;
    border-radius: 3px 0 0 3px;
    border-width: 1px medium 1px 1px;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(216, 216, 205, 0.5);
    box-shadow: 0 1px 1px rgba(216, 216, 205, 0.5)
}

.iconLinks li {
    border-top: 1px solid #eee;
    position: relative
}

.iconLinks li a:after {
    position: absolute;
    right: -9px;
    top: 30px;
    content: "";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #f1f1f1;
    z-index: 6;
    display: none
}

.iconLinks li a.currents:before {
    display: block
}

.iconLinks li a.currents:after {
    display: block
}

.iconLinks li:first-child {
    border-radius: 3px 0 0 0
}

.iconLinks li:first-child .grid_1 {
    border-radius: 0
}

.iconLinks li:last-child .grid_1 {
    border-radius: 0
}

.iconLinks li:last-child {
    border-bottom: 0 solid;
    border-radius: 0 0 0 3px
}

.iconLinks li:first-child {
    border-top: none
}

.iconLinks li a {
    display: block;
    height: 55px;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    color: #8f8f8f
}

.iconLinks li a.currents .icon1,
.iconLinks li a:hover .icon1 {
    background-position: 0 -20px
}

.iconLinks li a.currents .icon2,
.iconLinks li a:hover .icon2 {
    background-position: 0 -20px
}

.iconLinks li a.currents .icon3,
.iconLinks li a:hover .icon3 {
    background-position: 0 -20px
}

.iconLinks li a.currents .icon4,
.iconLinks li a:hover .icon4 {
    background-position: 0 -20px
}

.iconLinks li a.currents .icon5,
.iconLinks li a:hover .icon5 {
    background-position: 0 -20px
}

.iconLinks li a.currents .icon6,
.iconLinks li a:hover .icon6 {
    background-position: 0 -20px
}

.iconLinks li a.currents .icon7,
.iconLinks li a:hover .icon7 {
    background-position: 0 -20px
}

.iconLinks li a.currents .grid_1 {
    background-color: #04bcde
}

.iconLinks li a.currents .grid_2 {
    color: #111110
}

.iconLinks li a:hover .grid_1 {
    background-color: #04bcde
}

.iconLinks li a:hover .grid_2 {
    color: #111110
}

.mtitle {
    display: none
}

.iconLinks li a .grid_1 {
    border-left: 4px solid #eee;
    border-right: 1px solid #eee;
    display: inline-block;
    float: none;
    height: 55px;
    vertical-align: middle;
    width: 55px
}

.iconLinks li:lastchild {
    border-bottom: 1px solid #1f2124;
    position: relative
}

.iconLinks li a.currents .grid_1 {
    border-left: none
}

.iconLinks li a.currents .grid_1 {
    border-left: 4px solid #04acce
}

.iconLinks li a:hover .grid_1 {
    border-left: 4px solid #04acce
}

.iconLinks li a .grid_2 {
    float: none;
    display: inline-block;
    vertical-align: middle;
    max-width: 178px;
    padding: 0 0 0 15px
}

.iconLinks li a .icon1 {
    background: url(images/icon_dashboard.png) no-repeat;
    width: 20px;
    height: 20px;
    margin: 15px 0 0 15px;
    display: inline-block;
    background-size: 100%
}

.iconLinks li a .icon2 {
    background: url(images/icon_account.png) no-repeat;
    width: 20px;
    height: 20px;
    margin: 15px 0 0 15px;
    display: inline-block;
    background-size: 100%
}

.iconLinks li a .icon3 {
    background: url(images/icon_wallet.png) no-repeat;
    width: 20px;
    height: 20px;
    margin: 15px 0 0 15px;
    display: inline-block;
    background-size: 100%
}

.iconLinks li a .icon4 {
    background: url(images/icon_clappi.png) no-repeat;
    width: 20px;
    height: 20px;
    margin: 15px 0 0 15px;
    display: inline-block;
    background-size: 100%
}

.iconLinks li a .icon5 {
    background: url(images/icon_robbo.png) no-repeat;
    width: 20px;
    height: 20px;
    margin: 15px 0 0 15px;
    display: inline-block;
    background-size: 100%
}

.iconLinks li a .icon6 {
    background: url(images/icon_inbox.png) no-repeat;
    width: 20px;
    height: 20px;
    margin: 15px 0 0 15px;
    display: inline-block;
    background-size: 100%
}

.iconLinks li a .icon7 {
    background: url(images/icon_notify.png) no-repeat;
    display: inline-block;
    height: 20px;
    margin: 15px 0 0 15px;
    width: 20px;
    background-size: 100%
}

.iconLinks li a .icon_date {
    background: url(images/date.png) no-repeat;
    display: inline-block;
    height: 20px;
    margin: 15px 0 0 15px;
    width: 20px;
    background-size: 100%
}

.dash_user_progress {
    display: table;
    width: 100%;
    border-spacing: 20px 15px
}

.dash_user_progress>li {
    display: table-cell;
    width: 20%
}

.progress_count {
    background: #F7F7EF;
    border-radius: 3px 3px 0 0;
    color: #444;
    display: block;
    font-size: 36px;
    line-height: 75px;
    height: 75px;
    text-align: center
}

.progress_type {
    background: #fff;
    border-radius: 0 0 3px 3px;
    color: #111;
    display: block;
    font-size: 15px;
    min-height: 46px;
    line-height: 1.2;
    padding: 5px 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.progress_holder .progress_type {
    background: #e8e8dd
}

.progress_holder .dash_user_progress li:nth-child(1) .progress_type {
    background-color: #04BCDE;
    color: #fff
}

.progress_holder .dash_user_progress li:nth-child(2) .progress_type {
    background-color: #6EB444;
    color: #fff
}

.progress_holder .dash_user_progress li:nth-child(3) .progress_type {
    background-color: #E85858;
    color: #fff
}

.progress_holder .dash_user_progress li:nth-child(4) .progress_type {
    background-color: #e8c658;
    color: #fff
}

.more-less {
    border-bottom: 1px solid #eee;
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    position: relative
}

.more-less:last-child {
    border-bottom-width: 0
}

.more-less .tagtriangle {
    border-radius: 0 4px 0 0;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 30px
}

.more-less .tagtriangle:before {
    border-left: 30px solid transparent;
    border-top: 30px solid #E85858;
    content: "";
    position: absolute;
    right: 0;
    top: 0
}

.more-less .msg_text {
    float: right;
    width: 70%
}

.more-less .user_msg {
    color: #131313;
    float: left;
    font-weight: 600;
    font-size: 14px;
    padding: 3px;
    width: 30%
}

.msg_text h5 {
    color: #000;
    font-size: 14px
}

.msg_text p {
    color: #000;
    font-size: 14px
}

.msg_text span {
    color: #787979
}

.adjust {
    color: #fff;
    position: absolute;
    right: 3px;
    top: 4px
}

.adjust img {
    max-width: 12px;
}

.iconLinks_submenu>ul {
    border-left: 3px solid #e0e0e0;
    margin-left: 0
}

.iconLinks_submenu li {
    border-top: none;
    border-left: 51px solid #eee;
    border-radius: 0 !important
}

.iconLinks_submenu i {
    font-size: 14px;
    padding-right: 5px
}

.iconLinks_submenu li a {
    border-bottom: none !important;
    border-radius: 0 !important;
    color: #85888e;
    font-size: 13px;
    padding: 5px 0 5px 16px;
    height: auto;
    text-transform: none;
    border-top: none
}

.iconLinks_submenu li:first-child a {
    border-top: 1px solid #eee;
    padding-top: 10px
}

.iconLinks_submenu li:last-child {
    border-bottom: none !important;
    padding-bottom: 10px
}

.iconLinks_submenu ul li.active a {
    color: #6eb444
}

.iconLinks_submenu li a:hover {
    color: #6eb444
}

.iconLinks_submenu li:before {
    width: 0
}

.iconLinks li:nth-child(3).currents .grid_1 {
    background: #6eb444;
    border-left: 4px solid #6eb444
}

.iconLinks li:nth-child(3).currents .icon3,
.iconLinks li a:hover .icon3 {
    background-position: 0 -20px
}

.iconLinks li:nth-child(3).currents .wallet_submenu ul {
    border-left: 4px solid #6eb444
}

.view_cntrls.preview li .button {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 121px;
    text-align: center !important;
    width: 100%
}

.view_cntrls.preview ul {
    float: right;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    z-index: 12
}

.view_cntrls.preview ul li a p {
    font-weight: 600;
    font-size: 15px;
    padding: 0
}

.view_cntrls.preview .button.yellow {
    background: #e8ac0f;
    margin-top: 0
}

.view_cntrls.preview .button.yellow:hover {
    background: #333;
    color: #fff
}

.view_cntrls.preview li {
    float: none;
    padding: 5px;
    width: 100%
}

.consitent_right.task_preview {
    margin-bottom: 0;
    width: 100%
}

.task_preview .view_cntrls.preview li .button {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 40px;
    padding: 10px 30px;
    text-align: center !important;
    width: 100%
}

.task_preview .view_cntrls.preview li {
    float: left;
    padding: 5px;
    width: 50%
}

.robo_profiles select {
    line-height: 36px
}

.my_robos {
    text-align: center
}

.robos_searched .block .boxbottom {
    background: #fff;
    border-radius: 0 0 3px 3px;
    height: 62px;
    padding: 10px;
    width: 100%
}

.robos_searched .grid_1 {
    width: 100% !important;
    text-align: center
}

.robos_searched .block {
    margin: 24px 0 0 24px !important;
    width: 275px
}

.robos_searched .block .pic {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden
}

.robos_searched .block .boxtitle {
    min-height: 95px
}

#myFavourate .robos_searched .block .boxtitle {
    height: auto !important;
    min-height: 95px
}

.robos_searched .block .boxtitle span {
    float: left;
    font-size: 12px;
    width: 100%
}

.robos_searched h1 {
    color: #32363e;
    font-weight: 600;
    font-size: 22px
}

.robos_searched .block {
    margin: 24px 0 0 24px
}

.robos_searched .centerTitle {
    margin: 0
}

.invite_post {
    border-radius: 3px;
    padding: 0
}

.wrapA.accordiancontent {
    margin-bottom: 15px
}

.invite_post td:first-child {
    padding-left: 0
}

.invite_post td {
    font-size: 13px;
    padding-left: 10px
}

.invite_post label {
    display: none;
    display: block\9;
    text-align: left;
    padding-bottom: 5px
}

.invite_post br {
    display: none
}

.invite_post input[type="submit"] {
    font-size: 22px;
    font-weight: 400;
    display: block;
    width: 100%
}

.invite_post table {
    width: 100%
}

.invite_post input[type="checkbox"] {
    margin: 3px
}

.robo_profiles .siteForm input[type="submit"] {
    background: #04bcde;
    border: 1px solid #04bcde
}

.robo_profiles .siteForm input[type="submit"]:hover {
    background: #04acce
}

.interested_robbos.selected .pic img {
    opacity: .5
}

label.review_check {
    background: #99b6c7;
    border: 1px solid #99b6c7;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #99b6c7 inset;
    box-shadow: 0 1px 0 #99b6c7 inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    padding: 0 15px 0 0
}

label.review_check span {
    border-right: 1px solid #cfcfcf;
    margin: 7px 10px 0 0;
    padding: 0 5px;
    text-align: center
}

.right-side {
    float: right
}

.selectallfriends {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px 0;
    margin-bottom: -24px;
    padding: 15px
}

/* .selectallfriends .right-side a{padding:5px 20px 5px 10px} */

.invite_msg {
    border: 1px solid #eaeaea;
    margin-top: 24px;
    padding: 30px;
    background: #fff
}

.invite_rw_msg h2 {
    background: #eef1f7;
    border-bottom: 1px solid #dedbdb;
    color: #3f464f;
    display: block;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 15px;
    text-align: left
}

.invite_rw_msg textarea {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    color: #646669;
    font-size: 14px;
    font-weight: 300;
    height: 185px;
    margin: 15px 0;
    padding: 0 5px;
    resize: none;
    text-align: left;
    width: 100%
}

/* .invite_rw_msg input[type="submit"]{background:#6eb444;border:none;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:17px;outline:medium none;padding:5px 20px 8px} */
.interested_robbos .levels {
    background: url(images/level_ribbon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 56px;
    margin: 0;
    position: absolute;
    left: 10px;
    text-align: center;
    top: 0;
    width: 44px
}

.invite_msg.confirmation_msg {
    text-align: center
}

.confirmation_msg h1 {
    color: #333;
    font-size: 25px;
    font-weight: 700
}

.blocksRow.notifiactions {
    margin: 0 auto;
    padding: 20px 0
}

.acc_settings {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 20px;
    text-align: left;
    margin-bottom: 15px
}

.acc_privilege>h1 {
    font-weight: 600;
    font-size: 21.34px
}

.acc_privilege a {
    color: #06bcdb;
    font-size: 12px
}

.acc_privilege a:hover {
    color: #000
}

.settings_user>h1 {
    color: #32363e;
    font-weight: 600;
    font-size: 30px
}

.settings_user>h1 a {
    color: #06bcdb;
    font-weight: 600;
    margin-left: 5px
}

.settings_user>h1 a:hover {
    color: #191919
}

.settings_user>h2 {
    color: #000;
    font-size: 16px;
    padding: 5px 0
}

.settings_user>h3 {
    color: #191919;
    font-weight: 600;
    font-size: 16px
}

.settings_user>h3 a,
.settings_user>h3 span {
    color: #727171;
    margin-left: 5px
}

.settings_user>h3 a:hover {
    color: #191919
}

.preffered_notifications {
    background: #fff;
    margin: 20px 0;
    padding: 30px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(216, 216, 205, 0.5);
    box-shadow: 0 1px 1px rgba(216, 216, 205, 0.5)
}

.notify_table table {
    border-collapse: collapse;
    margin-bottom: 20px
}

.notify_table h1 {
    font-weight: 600;
    font-size: 21.34px;
    padding: 0 0 10px
}

.notify_table .second_clm {
    text-align: right
}

.notify_odd {
    background: #f0f0e4
}

.notify_odd td {
    padding: 10px 20px;
    font-size: 16px;
    color: #727171
}

.notify_even td {
    padding: 10px 20px;
    font-size: 16px;
    color: #727171
}

.notify_table .others h1 {
    margin-top: 20px
}

.preffered_notifications .siteForm td {
    float: none
}

.blocksRow.dash_view {
    margin: 0
}


.dash_rating {
    display: block;
    padding: 10px 0
}

.button.red.checked {
    display: inline-block;
    margin: 10px auto;
    padding: 5px 20px;
    text-align: center;
    border: none;
    font-size: 18px
}

.button.red.checked i {
    padding-right: 5px
}

.profile-section {
    background-color: #98988D;
    background-image: url(images/profile-bg.png);
    background-position: center center;
    position: relative;
    color: #111110;
    padding: 45px 0
}

.profile-section .profile-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: #000;
    opacity: .3
}

.user_profile {
    position: relative;
    text-align: center
}

.dash_profiles.user_profile {
    color: #fff
}

.user_profile .photo {
    border: 7px solid #fff;
    -webkit-box-shadow: 0 0 6px #d4d4d4;
    box-shadow: 0 0 6px #d4d4d4;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s ease 0;
    transition: all 1s ease 0;
    width: 150px
}

.user_profile .button.green.checked {
    background: #6eb444 !important;
    color: #fff;
    padding: 5px 15px 5px 40px;
    position: relative;
    font-size: 18px
}

.user_profile .button.green.unchecked {
    background: #333;
    margin-top: 10px;
    color: #fff;
    padding: 10px 15px 10px 40px;
    position: relative
}

.user_profile .button.green.checked>span:before {
    background: url(images/background_check.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 25px;
    left: 10px;
    position: absolute;
    top: 4px;
    vertical-align: middle;
    width: 25px
}

.user_profile .button.green.checked:hover {
    background: #6EB444;
    color: #fff;
    padding: 5px 15px 5px 40px;
    position: relative
}

.user_profile .button.green.unchecked:hover {
    background: #333;
    color: #fff;
    padding: 10px 15px 10px 40px;
    position: relative;
    border: none !important
}

.clappi_profile {
    position: relative;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 0 15px rgba(50, 60, 69, 0.2);
    box-shadow: 0 0 15px rgba(50, 60, 69, 0.2);
    padding: 30px 20px;
    color: #111
}

.robbo_profile {
    position: relative;
    text-align: center;
    margin-top: 0;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 0 15px rgba(50, 60, 69, 0.2);
    box-shadow: 0 0 15px rgba(50, 60, 69, 0.2);
    padding: 30px 20px;
    color: #111
}

.robbo_profile.active:before,
.clappi_profile.active:before {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.95)
}

.user_profile>img {
    border: 4px solid #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 1px 1px #ccc;
    box-shadow: 0 0 1px 1px #ccc
}

.dash_profiles a.button {
    font-size: 19px;
    cursor: pointer
}

.dash_profiles input[type="submit"]:hover {
    background: none repeat scroll 0 0 #ac2e31 !important;
    border: 1px solid #930d11
}

.dash_profiles input.active[type="submit"] {
    background: #ac2e31;
    border: 1px solid #930d11
}

.dash_profiles.user_profile>h1 {
    font-weight: 800;
    font-size: 36px;
    padding: 5px 0;
    text-transform: capitalize
}

.dash_profiles.user_profile>h2 {
    font-size: 18px;
    font-weight: 600
}

.dash_profiles.user_profile>h3 {
    font-size: 15px
}

.dash_profiles.user_profile>h4 {
    font-size: 15px
}

.dash_profiles span.rat-text {
    font-size: 18px;
    margin: 10px auto;
    display: block
}

.total_reviews {
    width: 100%;
    display: block
}

.clappi_profile .total_reviews:before {
    content: "("
}

.robbo_profile .total_reviews:before {
    content: "(";
    padding: 5px
}

.clappi_profile .total_reviews:after {
    content: ")";
    padding: 5px
}

.robbo_profile .total_reviews:after {
    content: ")";
    padding: 5px
}

.user_profile_choice {
    display: block;
    margin: 20px;
    text-align: center
}

.user_profile_choice img {
    display: inline-block
}

.dash_level .levels {
    background: url(images/level_ribbon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    height: 56px;
    margin: 0 auto;
    text-align: center;
    width: 44px
}

.userdetails_clappi {
    background: #fff;
    border-radius: 3px;
    position: relative;
    overflow: hidden !important
}

.userdetails_robo {
    background: #fff;
    border-radius: 3px;
    position: relative;
    overflow: hidden !important;
    width: 100%;
}

.interested_tasks {
    padding: 20px;
    width: 73%;
    display: table-cell;
    vertical-align: top
}

.interested_tasks p {
    text-align: justify;
    font-size: 16px;
    color: #727171
}

.user_rated {
    padding: 20px;
    width: 27%;
    display: table-cell;
    background-color: #E5E5DA
}

.equidistant {
    padding: 20px 0
}

.interested_tasks h1 {
    color: #090909;
    font-weight: 600;
    font-size: 24px
}

.user_reviews ul.review_container .photo {
    border: medium none;
    border-radius: 70px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 55px;
    margin: 0 10px 0 0;
    width: 55px
}

.user_reviews ul.review_container .photo img {
    display: block;
    height: 100%;
    width: 100%
}

.review_comments {
    float: right;
    width: 89%
}

.review_comments>span {
    float: left;
    padding-right: 10px
}

.review_comments>ul {
    float: right
}

.review_comments li:first-child {
    border-right: 1px solid #000;
    padding-left: 0;
    padding-right: 10px
}

.user_reviews {
    float: left;
    margin-top: 10px
}

.review_comments li {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle
}

.review_comments>p {
    float: left;
    font-size: 13px;
    margin-top: 5px;
    text-align: justify;
    color: #222;
    clear: both
}

.review_comments a {
    vertical-align: middle;
    color: #06bcdb
}

.review_container>li {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user_reviews ul.review_container>li:last-child {
    padding: 0 0 10px;
    text-align: center;
    border-bottom: none
}

.user_reviews ul.review_container>li:last-child .button {
    border-radius: 0 0 3px 3px;
    padding: 5px 10px
}

.profile_interests {
    width: 100%
}

.profile_interests>li {
    width: 100%
}

.profile_interests>li .works {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.profile_interests>li:last-child {
    border: medium none
}

.profile_interests>li:first-child {
    padding-top: 0
}

.profile_interests>li .button.yellow.task_btn {
    text-align: center;
    width: 100%
}

.profile_interests>li .button.task_btn>span {
    font-size: 20.34px
}

.button.task_btn.red:hover {
    background: #e85858 !important;
    cursor: default
}

.button.task_btn.yellow:hover {
    background: #04bcde
}

.nocursor.grey.button.task_btn:hover {
    background: #d8d8cd;
    cursor: default
}

.profile_interests>li {
    border-bottom: 1px solid #c8c8bd;
    padding: 15px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile_interests>li:first-child {
    margin-top: 0
}

.profile_interests ul {
    margin-left: 0
}

.works li {
    color: #222;
    font-size: 13px;
    padding: 2px 0px 12px 0px
}

.works span {
    display: table-cell;
    text-align: left;
    width: 58%;
    float: left
}

.works a {
    display: table-cell;
    text-align: left;
    color: #06bcdb;
    font-size: 13px
}

.work_status.dash_user_progress {
    margin-left: 0;
    padding: 0;
    display: table;
    width: 100%;
    border-spacing: 10px;
    table-layout: fixed
}

.work_status.dash_user_progress>li {
    width: 50%
}

.works>h1 {
    color: #32363e;
    font-weight: 600;
    font-size: 16px;
    display: block;
    clear: both
}

.work_status.dash_user_progress>li:first-child {
    margin-left: 0
}

.works.schedule li:first-child {
    margin-left: 0
}

.works.schedule li {
    background: #04bcde;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 13px;
    margin: 5px;
    padding: 3px 5px
}

.works.time li:first-child {
    margin-left: 0
}

.works.time li {
    background: #04bcde;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 13px;
    margin: 5px;
    padding: 3px 5px
}

.works.access li:first-child {
    margin-left: 0
}

.works.access li {
    background: #04bcde;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 13px;
    margin: 5px;
    padding: 3px 5px
}

.works.conveyance li:first-child {
    margin-left: 0
}

.works.conveyance li {
    background: #04bcde;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 13px;
    margin: 5px;
    padding: 3px 5px
}

.level_skill {
    background: #e0e0e0;
    border: 1px solid #c1c1c1;
    border-radius: 100px;
    float: left;
    position: relative;
    padding: 2px;
    width: 100%;
    margin-top: 40px;
    max-width: 400px
}

.level_skill li {
    float: left;
    padding: 0;
    width: 33%
}

.level_skill li:nth-child(2):before {
    border-left: 1px solid #c1c1c1;
    content: "";
    height: 14px;
    left: 33.3%;
    position: absolute;
    top: 0
}

.level_skill li:nth-child(2):after {
    border-left: 1px solid #c1c1c1;
    content: "";
    height: 14px;
    right: 33%;
    position: absolute;
    top: 0
}

.level_skill li .basic {
    background: url(images/progress_bar.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 100px 0 0 100px;
    width: 100%;
    height: 10px;
    position: relative
}

.level_skill li .intermediate {
    background: url(images/progress_bar.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    float: left;
    height: 10px;
    width: 100%;
    float: left;
    visibility: hidden;
    position: relative
}

.level_skill li .expert {
    background: url(images/progress_bar.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 100px 100px 0;
    width: 102%;
    height: 10px;
    float: left;
    visibility: hidden;
    position: relative
}

.tooltip {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    font-weight: 600;
    font-size: 13px;
    padding: 0 5px;
    position: absolute;
    top: -33px;
    right: -24px
}

.basic .tooltip {
    visibility: hidden
}

.intermediate .tooltip {
    visibility: hidden
}

.expert .tooltip {
    visibility: hidden
}

.tooltip:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fff;
    border-width: 8px 5px 0;
    bottom: -8px;
    color: #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 70%;
    position: absolute;
    right: 50%;
    text-align: center;
    width: 0
}

.tooltip:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #c1c1c1;
    border-width: 8px 5px 0;
    bottom: -9px;
    color: #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 70%;
    position: absolute;
    right: 50%;
    text-align: center;
    width: 0
}

.works.robos_favorites .photo {
    border: medium none;
    border-radius: 70px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 55px;
    margin: 0 10px 0 0;
    width: 55px
}

.works.robos_favorites>li {
    float: left;
    padding: 10px 0
}

.task_type {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px;
    padding: 5px
}

.userdetails_robo .titleQ {
    background-color: #6eb444;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    line-height: 1;
    height: 44px;
    margin: 0 0 15px;
    padding: 10px;
    position: relative
}

.userdetails_robo .titleQ::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 15px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.userdetails_robo .titleQ.active::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 18px
}

.userdetails_robo .titleQ:before {
    display: none
}

.userdetails_robo .wages {
    color: #6eb444;
    float: right;
    font-size: 14px;
    background: #fff;
    padding: 3px 10px;
    position: absolute;
    right: 40px;
    border-radius: 100px
}

.titleQ.accordianhead.active~.wrapA.accordiancontent {
    display: block !important
}

.userdetails_robo .wrapA.accordiancontent>p {
    padding-bottom: 10px
}

.task-name {
    float: left;
    width: 69.3%;
    text-align: left
}

.task-name>a {
    font-size: 17px;
    font-weight: 600
}

.task-name>p {
    font-size: 13px !important;
    margin-bottom: 5px
}

.task_prices {
    display: inline-block
}

.task-price {
    background: #fff;
    border: 1px solid #ebebdf;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    margin: 4px auto;
    padding: 5px 15px
}

.task-status>a {
    border-radius: 3px;
    padding: 10px;
    text-align: center;
    color: #fff !important;
    display: block
}

.rescent_tasks>li {
    border-bottom: 1px solid #eaeaea;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rescent_tasks>li:nth-child(odd) {
    background-color: #ebebdf
}

.task-name .credentials .category {
    color: #000
}

.task-status>a:hover {
    color: #fff
}

.completed a {
    background: #6EB444;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.canceled a {
    background: #ac2e31;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.rescent_tasks li:last-child .button {
    border-radius: 0 0 3px 3px;
    padding: 5px 10px
}

.rescent_tasks li:last-child {
    border-bottom: none
}

.panelTitle {
    border-bottom: 1px solid #eaeaea;
    color: #222;
    display: block;
    font-size: 30px;
    padding: 15px
}

.panelTitle>img {
    display: inline-block;
    margin-top: -5px;
    padding: 0 10px 0 0;
    vertical-align: middle
}

.selectionbar {
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
    width: 100%
}

.selectiontabs {
    display: inline-block
}

.selectionbar .selectiontabs {
    float: left;
    display: none
}

.selectionbar .grid_1 {
    width: 100%
}

.selectiontabs li a {
    background: #d7eaf3;
    border: 1px solid #b8e1f5;
    border-radius: 3px;
    color: #04bcde;
    display: block;
    font-size: 16px;
    padding: 3px 25px 3px 10px;
    position: relative
}

.selectionbar .roundtabs {
    float: left;
    margin: 0
}

.unread .msg_text h5 {
    color: #000;
    font-weight: 600;
    font-size: 14px
}

.read .msg_text h5 {
    color: #000;
    font-size: 14px
}

.roundtabs li {
    color: #666;
    display: block;
    float: left;
    font-size: 15px;
    position: relative
}

.roundtabs li a {
    color: #32363e;
    display: block;
    font-size: 16px;
    padding: 5px 21px
}

.roundtabs li a:hover {
    color: #6eb444
}

.roundtabs li.currenttab a {
    background-color: #6EB444;
    color: #fff;
    border-radius: 3px
}

.roundtabs li.currenttab:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-width: 10px 15px 0;
    bottom: -25px;
    color: #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 25%;
    position: absolute;
    right: 50%;
    text-align: center;
    width: 0
}

.msgcontainer .more-less {
    border: 0 solid #fff;
    background-color: #fff;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px;
    position: relative
}

.msgcontainer ul li:nth-child(odd) .more-less {
    background-color: #ebebdf
}

.msgcontainer ul li.read .more-less {
    background: #f1f1e5;
    border-bottom: 1px solid #ddd
}

.msgcontainer ul li.unread .more-less {
    background: #fff;
    border-bottom: 1px solid #ddd
}

.more-block {
    position: relative;
    display: block
}

.more-block:before,
.more-block:after {
    display: table;
    clear: both;
    content: " "
}

.unread,
.read {
    cursor: pointer
}

.unread .more-less {
    background: #fff
}

.msgcontainer .choiceTabs {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0
}

.msgcontainer .msgon_starred {
    position: relative;
    display: inline-block;
    float: left
}

.choiceTabs li {
    float: left;
    padding: 5px
}

.read .more-less .user_msg {
    color: #131313;
    float: left;
    font-size: 14px;
    margin: 0 10px;
    padding: 3px;
    width: 20%
}

.unread .more-less .user_msg {
    color: #131313;
    float: left;
    font-weight: 600;
    font-size: 14px;
    margin: 0 10px;
    padding: 3px;
    width: 20%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.read .more-less .user_msg a {
    color: #131313
}

.msgcontainer .more-less .msg_text {
    float: left;
    width: 63%
}

.unread .fa.fa-circle {
    color: #f1c02b
}

.unread .fa.fa-star {
    color: #949392
}

.read .fa.fa-circle {
    color: #949392
}

.read .fa.fa-star {
    color: #949392
}

.starred .fa.fa-star {
    color: #f1c02b
}

.archived .fa.fa-archive {
    color: #f1c02b
}

.not_archived .fa.fa-archive {
    color: #949392
}

.selectiontabs a:after {
    background: url(images/new_arrow.png);
    content: "";
    height: 11px;
    right: 10px;
    position: absolute;
    top: 12px;
    width: 12px
}

.choiceTabs li:first-child {
    padding-left: 0
}

.panelsubTitle {
    color: #06bcdb;
    font-weight: 600;
    font-size: 21px;
    position: relative;
    margin: 0 20px;
    cursor: pointer
}

.panelsubTitle:before {
    content: "(";
    top: -2px;
    left: -10px;
    position: absolute
}

.panelsubTitle:after {
    content: ")";
    top: -2px;
    right: -10px;
    position: absolute
}

.transit_text {
    color: #222;
    font-size: 14px;
    padding-bottom: 10px
}

.transit_text>a {
    color: #06bcdb
}

.wallet_blnc {
    padding: 15px 0
}

.panel_container {
    padding: 20px;
    width: 100%;
    position: relative
}

.panel_container:before,
.panel_container:after {
    display: table;
    content: "";
    clear: both
}

.wallet_blnc>li {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    margin: 0 0 2px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wallet_blnc h1 {
    color: #32363e;
    float: left;
    font-weight: 600;
    font-size: 16px;
    width: 60%
}

.wallet_blnc h2 {
    color: #32363e;
    float: left;
    font-size: 16px;
    width: 40%
}

.wallet_blnc a {
    color: #06bcdb;
    font-size: 13px;
    padding: 10px
}

.wallet_blnc h2 .total_blnc {
    color: #06bcdb;
    font-weight: 600;
    font-size: 16px
}

.dataTable th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f2f2f2;
    border-collapse: collapse;
    border-color: #ddd;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    background: #f2f2f2;
    font-weight: normal;
    padding: 10px 15px;
    text-align: left;
    min-width: 111px;
    border-radius: 3px 3px 0 0xp
}

.dataTable td {
    border-collapse: collapse;
    color: #666;
    font-size: 13px;
    padding: 15px;
    vertical-align: top;
    word-break: break-all;
}

.dataTable {
    border: 1px solid #e0e0e0;
    font-size: 14px
}

.task_dataTable td {
    float: left;
    padding: 0 0 5px;
    width: 100%
}

.odd_rowdata {
    background: #fff
}

.even_rowdata {
    background: none
}

.th_task {
    font-size: 13px;
    color: #000
}

.formated_date {
    text-transform: uppercase
}

.th_date {
    margin-top: 5px;
    font-size: 13px;
    color: #000
}

.dataTable .cellcaption {
    display: none
}

.dataTable sup {
    font-weight: 600;
    font-size: 12px
}

.info_transaction {
    font-size: 14px;
    color: #000;
    padding: 15px
}

.info_transaction .notice {
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.process_info {
    float: left;
    padding: 10px 0
}

.dataTable.withdrawalTable {
    background: #fff;
    padding: 0;
    border-width: 0
}

.dataTable.withdrawalTable h2 {
    color: #000;
    font-weight: 600
}

.dataTable.withdrawalTable a {
    float: left;
    margin: 5px 0 0
}

.dataTable.withdrawalTable td {
    padding: 10px !important;
    vertical-align: middle;
    text-align: left;
    width: 50%
}

.dataTable.withdrawalTable table {
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
    border-radius: 3px
}

.dataTable.withdrawalTable td h6 {
    margin-bottom: 0
}

#withdrawalForm .redirectTo {
    font-size: 14px;
    padding: 5px 10px
}

.dataTable table .anotation {
    margin-right: 10px
}

#manageForm .redirectTo {
    font-size: 14px;
    padding: 5px 10px
}

.acc_controls {
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    margin: 5px 0;
    padding: 5px 9px 5px 25px;
    position: relative
}

.acc_controls.acc_type.defaultAccount i {
    margin-left: 3px;
    top: 4px !important
}

.acc_controls.acc_type.backUp i {
    margin-left: 3px;
    top: 4px !important
}

.dataTable.activeaccounntlTable .acc_controls i {
    color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 6px;
    left: 5px
}

.acc_controls.acc_type span {
    background: #ef2e25;
    border-radius: 100px;
    color: #fff;
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    height: 12px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: -8px;
    width: 13px
}

.dataTable.activeaccounntlTable td {
    border-bottom: 1px solid #eaeaea
}

.acc_controls:hover {
    background: #333
}

.acc_edit {
    background: #6eb444
}

.acc_delete {
    background: #E85858
}

.acc_controls.acc_type {
    background: #333;
    display: inline-block;
    padding: 5px 15px
}

.acc_controls.acc_type.backUp {
    background: #333
}

.acc_controls.acc_type.backUp.selected {
    background: #6EB444
}

.acc_controls.acc_type.defaultAccount.selected {
    background: #6EB444
}

.clmTd {
    padding-right: 15px !important
}

.acc_controls.acc_type:hover {
    background: #6EB444
}

.statusBtn {
    background: #000;
    border-radius: 3px;
    color: #fff;
    padding: 5px 10px
}

.statusBtn.green {
    background: #6EB444
}

.statusBtn.yellow {
    background: #6eb444
}

.statusBtn.red {
    background: #ac2e31
}

#manageForm .redirectTo:hover {
    background: #333 !important
}

.dataTable.activeaccounntlTable {
    margin: 0 0 15px
}

.activeaccounntlTable th {
    width: 50%
}

.dataTable.activeaccounntlTable td {
    vertical-align: middle
}

.dataTable.activeaccounntlTable tr:last-child td {
    border-bottom-width: 0
}

.dataTable h2 {
    color: #000;
    font-weight: 600
}

.dataTable h1 {
    color: #06bcdb;
    font-weight: 600;
    font-size: 21px
}

.dataTable td:first-child {
    padding-right: 0
}

.siteForm .dataTable select {
    font-size: 14px
}

.dataTable.ccTable input[type="submit"],
.dataTable.ccTable input[type="button"] {
    color: #06bcdb;
    font-size: 14px;
    padding: 5px 18px
}

.dataTable.ccTable input[type="submit"]:hover {
    background: #000 !important
}

.dataTable.ccTable .innerdataTable td {
    padding: 0
}

.dataTable.ccTable .innerdataTable td:first-child {
    padding-right: 10px
}

.formBlock {
    display: block;
    padding: 9px
}

.dataTable i {
    color: #06bcdb;
    font-size: 16px;
    margin-left: 2px
}

.follow_steps {
    padding: 0 15px
}

.dataTable.accountTable td {
    width: 50%
}

.stepListing {
    height: 45px;
    margin: 20px 0;
    position: relative;
    width: 100%
}

.stepListing li.stepselect {
    background: #75a945
}

.stepListing li:first-child {
    margin-left: 0
}

.stepListing li {
    background-color: #eaf0e9;
    border-radius: 100px;
    float: left;
    height: 45px;
    margin: 0 0 0 -55px;
    padding: 0 67px 0 0;
    position: relative
}

.stepListing li.stepselect .counts:before {
    border: 3px solid #75a945;
    color: #75a945
}

.stepListing li.stepselect .counts {
    color: #75a945
}

.stepListing li.finishstep .counts:before {
    border: 3px solid #75a945;
    color: #75a945
}

.stepListing li.finishstep .counts {
    color: #75a945
}

.stepListing li.finishstep .textvalue {
    color: #75a945
}

.stepListing li .counts:before {
    border: 3px solid #d9dfd8;
    border-radius: 100px;
    bottom: 4px;
    content: "";
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px
}

.stepListing li .counts {
    background: #fff;
    border-radius: 100px;
    bottom: -1px;
    color: #d9dfd8;
    display: inline-block;
    font-size: 24px;
    height: 47px;
    left: -1px;
    line-height: 46px;
    position: relative;
    text-align: center;
    top: -1px;
    vertical-align: middle;
    width: 47px
}

.stepListing li .textvalue {
    color: #a8aea7;
    display: inline-block;
    font-size: 13px;
    line-height: 14px;
    padding: 0 0 0 10px;
    vertical-align: middle
}

.stepListing li.stepselect .textvalue {
    color: #fff
}

.bank_detailsCover:before {
    background: #75a945;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: -4px
}

.stepListing li.stepselect .spanarrow {
    display: block
}

.stepListing li .spanarrow {
    display: none;
    height: 20px;
    left: 50%;
    margin: 0 0 0 -18px;
    position: absolute;
    top: 50px;
    width: 20px
}

.stepListing li .spanarrow:before {
    border-bottom: 14px solid #75a945;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.section_name {
    display: none
}

.panelsection_heading {
    font-weight: 600;
    font-size: 24px;
    color: #333
}

.panelsection_subheading {
    color: #222;
    font-size: 14px;
    padding: 0 0 10px
}

.dataTable.accountTable .innerdataTable td:first-child {
    padding-right: 10px
}

.dataTable.accountTable .innerdataTable td {
    padding: 0
}

.innerdataTable {
    border-collapse: collapse
}

.innerdataTable td {
    width: 50%
}

.dataTable.accountTable .innerdataTable tr:first-child {
    display: block
}

.dataTable.accountTable .innerdataTable td {
    float: left;
    margin-bottom: 5px
}

.dataTable.accountTable input[type="submit"],
.dataTable.accountTable input[type="button"] {
    color: #06bcdb;
    font-size: 14px;
    padding: 5px
}

.dataTable.accountTable input[type="submit"]:hover,
.dataTable.accountTable input[type="button"]:hover {
    background: #000 !important
}

.dataTable.accountholderTable input[type="submit"] {
    color: #fff;
    font-size: 14px;
    padding: 5px
}

.dataTable.accountholderTable input[type="submit"]:hover {
    background: #000 !important;
    border: 1px solid #000
}

.dataTable.accountholderTable .redirectTo {
    background: #333;
    border: 1px solid #333;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px
}

.dataTable.accountholderTable .redirectTo:hover {
    background: #000
}

.dataTable.accountholderTable .odd_rowdata input[type="radio"] {
    width: 10px !important
}

.bankdetailsTable td {
    border-bottom: 1px solid #ccc
}

.bankdetailsTable tr:last-child td {
    border-bottom: none
}

.dataTable.bankdetailsTable input[type="submit"] {
    color: #fff;
    font-size: 14px;
    padding: 5px
}

.dataTable.bankdetailsTable input[type="submit"]:hover {
    background: #000 !important;
    border: 1px solid #000
}

.dataTable.bankdetailsTable .redirectTo:hover {
    background: #000
}

.dataTable.bankdetailsTable .redirectTo {
    background: #333;
    border: 1px solid #333;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px
}

.confirmation_account {
    padding: 15px
}

.confirmation_account h1 {
    background: #6EB444;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    padding: 10px;
    vertical-align: middle;
    width: 100%
}

.confirmation_account i {
    font-size: 70px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle
}

.accconfirmation_msg {
    background: #f1f1f1;
    padding: 15px
}

.confirmation_account h2 {
    font-weight: 600;
    font-size: 24px
}

.panel_container .sectioncover {
    background: #fff;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel_container .sectioncover .fieldname>input {
    width: 87%
}

.panel_container .sectioncover .roundborderBox .siteForm textarea {
    height: 203px
}

.panel_container .sectioncover .roundborderBox h4 {
    padding: 0
}

.panel_container .sectioncover .siteForm.personal_details {
    margin-top: 10px
}

.editInterests .titleQ:after {
    background: transparent;
    content: "";
    height: 43px;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px
}

.editInterests .titleQ {
    background-color: #06bcdb;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 600;
    font-size: 16px;
    height: 44px;
    line-height: 22px;
    margin: 0 0 15px;
    padding: 10px;
    position: relative
}

.editInterests .task_type {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px
}

.editInterests .wages {
    background: #ac2e31;
    border-radius: 100px;
    color: #fff;
    float: right;
    font-weight: 600;
    padding: 2px 10px;
    position: absolute;
    right: 12px
}

.editInterests .wrapA.accordiancontent>p {
    padding-bottom: 10px
}

.edit_taskinterest a {
    background: #6eb444;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    float: right;
    font-size: 14px;
    margin: 5px 0;
    padding: 5px 9px;
    position: relative;
    text-decoration: none !important
}

.edit_taskinterest a:hover {
    background: #5ea434
}

.userChat {
    width: 100%
}

.userChat li {
    float: left;
    width: 32%
}

.userChat li .grid_3 {
    width: 100%
}

.userChat .photo {
    border: medium none;
    border-radius: 70px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 55px;
    margin: 0 10px 0 0;
    width: 55px
}

.userChat .photo img {
    display: block;
    height: 100%;
    width: 100%
}

.userChat .name_user {
    color: #090909;
    display: block;
    font-weight: 600;
    font-size: 13.34px;
    line-height: 4;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.userChat li a {
    color: #06bcdb;
    line-height: 54px
}

.userChat li:last-child a:hover {
    color: #333
}

.userChat li i {
    color: #333;
    padding-right: 5px
}

#chatMsg .choiceTabs li:first-child {
    padding-left: 5px
}

#chatMsg .starred .fa.fa-star {
    color: #f1c02b
}

#chatMsg.msgcontainer li:last-child {
    padding-bottom: 0
}

#chatMsg.msgcontainer ul li {
    background: #fff;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    padding-bottom: 0
}

.chatCntrls>li {
    float: left;
    padding: 5px
}

.chatCntrls>li:first-child {
    padding: 5px 0
}

.chatCntrls a {
    background: #4d4d49;
    border-radius: 3px;
    color: #fff;
    padding: 5px 10px
}

.chatCntrls a.eraseChat {
    background: #E85858
}

.chatCntrls a:hover {
    background: #333330;
    color: #fff
}

.chatCntrls a.eraseChat:hover {
    background: #d84848
}

.chatCntrls i {
    padding-right: 5px
}

.pastChat {
    border-bottom: 1px solid #eaeaea
}

.chatUsername {
    font-weight: 600;
    font-size: 16px;
    padding: 15px
}

#chatMsg_detailed.msgcontainer {
    background: none;
    padding: 0
}

#chatMsg_detailed.msgcontainer ul li {
    padding-bottom: 0
}

#chatMsg_detailed.msgcontainer .more-less {
    border-radius: 0;
    border: none;
    padding: 15px
}

#chatMsg_detailed.msgcontainer .msg_text a {
    float: left;
    width: 100%
}

#chatMsg_detailed.msgcontainer .more-less .tagtriangle:before {
    display: none
}

#chatMsg_detailed.msgcontainer .adjust>img {
    display: none
}

#chatMsg_detailed.msgcontainer .photo {
    border: none;
    border-radius: 70px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 40px;
    margin: 0 10px 0 0;
    width: 40px
}

#chatMsg_detailed.msgcontainer .more-less .msg_text {
    float: left;
    width: 90%
}

#chatMsg_detailed.msgcontainer .more-less .user_msg {
    margin: 0;
    padding: 0
}

#chatMsg_detailed.msgcontainer .read .msg_text h5 {
    color: #000;
    font-size: 13px;
    text-align: justify
}

#chatMsg_detailed.msgcontainer .hiddenBox {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    max-height: 600px
}

#chatMsg_detailed.msgcontainer .centerTitle span {
    background: #fff;
    color: #666;
    font-size: 12px;
    line-height: 1;
    padding: 0 8px;
    position: relative;
    z-index: 1;
    margin: 0 -2px
}

#chatMsg_detailed.msgcontainer .centerTitle {
    line-height: 1;
    margin: 0 0 10px;
    padding: 0 15px;
    position: relative;
    text-align: left
}

#chatMsg_detailed.msgcontainer .centerTitle:before {
    background: #dadada;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 7px
}

.chatWindow {
    border-top: 1px solid #eaeaea;
    padding: 10px
}

.chatWindow>a {
    background: #4787ed;
    border: 1px solid #3079ed;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 12px;
    margin: 10px;
    padding: 5px 10px
}

.chatWindow>a:hover {
    background: #333;
    border: 1px solid #000;
    color: #fff
}

.chatStarred {
    color: #666;
    font-size: 15px
}

.chatStarred.live {
    color: #f1c02b
}

#chatMsg_detailed.msgcontainer .choiceTabs {
    margin: 0
}

#filterTasks .roundtabs {
    margin-left: 0
}

#filterTasks .roundtabs li a {
    font-size: 13px;
    padding: 5px 7px
}

.progress a {
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.activenow a {
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.inactive a {
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.roundtabs li.currenttab:before {
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    bottom: -26px;
    color: #000;
    content: "";
    display: inline-block;
    height: 0;
    left: 17%;
    position: absolute;
    right: 50%;
    text-align: center;
    width: 0
}

#filterTasks .task-status>a {
    margin-top: 5px;
    padding: 5px 20px
}

.stitle {
    display: none
}

#myFavourate {
    padding: 15px
}

#myFavourate .robo_profiles {
    background: none;
    border: none;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 0 rgba(50, 66, 69, 0);
    box-shadow: 0 0 0 rgba(50, 66, 69, 0)
}

#myFavourate .robo_profiles .block {
    margin: 0 0 15px 15px;
    width: 285px;
    min-height: 282px
}

#myFavourate .robo_profiles .block .duration,
#myFavourate .robo_profiles .block .country {
    display: block
}

.interested_robbos.hourlyRate {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

#myFavourate .robo_profiles .block .pic {
    position: relative;
    width: 100%;
    border-radius: 0;
    height: auto
}

#myFavourate .robo_profiles .block .boxtitle {
    height: auto
}

.taskCount_table {
    border-collapse: collapse;
    border-radius: 3px;
    margin-top: 10px
}

.taskCount_table td {
    font-size: 12px;
    padding: 3px 5px;
    border-bottom: 1px solid #e7e7dF
}

.taskCount_table .firstRow td {
    font-weight: 600;
    font-size: 13px
}

#myFavourate ul.pagination {
    margin: 10px 0
}

.hireRobo_details {
    font-weight: 600;
    font-size: 18px;
    font-weight: normal;
    padding-top: 10px;
    text-align: center
}

#hireRobo .division_post td {
    padding-left: 0
}

#hireRobo .repeted_border_clash {
    margin: 10px 0
}

#hireRobo .siteForm {
    padding: 5px
}

#searchRobos {
    margin: 15px;
    background: #fff;
    border-radius: 3px
}

.interested_robbos.hourlyRate .check {
    background-color: #6eb444;
    border-radius: 0;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 5px 10px;
    position: absolute;
    right: -1px;
    z-index: 1
}

.pageName:before {
    background: #06bcdb;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100px
}

.pageName {
    border-bottom: 1px solid #dfdfdf;
    color: #06bcdb;
    display: block;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 15px;
    padding: 0 0 10px;
    position: relative
}

.cmspageContainer h5 {
    color: #333;
    font-weight: 600;
    font-size: 20px;
    padding: 0 0 5px
}

.cmspageContainer .titleQ {
    color: #666;
    cursor: pointer;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 15px;
    padding: 5px 0 5px 35px;
    position: relative
}

.titleQ:before {
    content: "\2022";
    font-family: FontAwesome;
    font-size: 26px;
    font-weight: 400;
    height: 26px;
    left: 0;
    line-height: 1.2;
    position: absolute;
    text-align: center;
    width: 25px;
    top: 0
}

.titleQ.active:before {
    content: "\002D"
}

.cmspageContainer .wrapA {
    padding: 0 0 0 36px;
    width: 100%
}

.cmspageContainer p {
    color: #545353;
    font-weight: 300;
    font-size: 15px;
    line-height: 23px !important;
    padding: 0 0 15px;
    text-align: justify
}

.policyContent h1 {
    font-size: 34px;
    font-weight: 600;
    line-height: 40px;
    padding-bottom: 25px;
    color: #06bcdb
}

.policyContent small {
    color: #777;
    display: block;
    font-size: 14px;
    line-height: 16px;
    padding-top: 5px
}

.policyContent p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    text-align: justify
}

.policyContent h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 0
}

.policyContent li {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 16px;
    padding-bottom: 10px
}

.policyContent a {
    color: #06bcdb
}

.policyContent ul {
    list-style: outside none square;
    margin-bottom: 15px
}

.createGroup {
    display: block;
    margin: 40px auto;
    text-align: center;
    width: 100%
}

.createGroup i {
    padding-right: 10px
}

.createGroup>a {
    background: #6eb444;
    border: 1px solid #6eb444;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    padding: 20px
}

.createGroup>a:hover {
    background: #5ea434;
    border: 1px solid #5ea434;
    color: #fff
}

.addGroup fieldset {
    border: 1px solid #ddd;
    max-height: 552px;
    overflow-y: scroll;
    position: relative
}

.addGroup table td {
    padding-top: 10px
}

.addGroup h2 {
    background: #f2f2f2;
    color: #111110;
    font-size: 14px;
    font-weight: 600;
    padding: 10px
}

.addGroup button {
    cursor: pointer
}

.addGroup input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    padding: 0
}

.addGroup input {
    line-height: normal
}

.addGroup label {
    background: #fff;
    border-top: 1px solid #ddd;
    cursor: pointer;
    display: block;
    font-size: 17px;
    line-height: 1;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-overflow: ellipsis;
    -webkit-transition: all .15s ease 0;
    transition: all .15s ease 0
}

.groupName {
    font-weight: 600;
    font-size: 20px
}

.addGroup label:focus:before,
label:hover:before,
label:active:before,
input:checked+label:before {
    background: #00aeef;
    border: 4px solid #fff;
    height: 12px;
    left: 13px;
    top: 13px;
    width: 12px
}

#taskGroups.dataTable .button {
    padding: 8px 10px;
    margin: 2px;
    background: #06bcdb;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: inherit;
    line-height: 1.2;
    height: auto
}

#taskGroups.dataTable .button.green {
    margin-left: 0
}

#taskGroups.dataTable .button:hover {
    background: #333
}

#taskGroups.dataTable .button i {
    color: #fff
}

#taskGroups.dataTable tr .lastClm .button.red {
    margin-left: 5px
}

#taskGroups.dataTable th {
    width: 122px
}

.btnCreate {
    background: #6eb444;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    float: right;
    font-size: 14px;
    margin: 0;
    padding: 5px 9px;
    position: relative;
    text-decoration: none !important
}

.groupFilter {
    float: right;
    width: 140px
}

.addGroup.viewGroup fieldset {
    border: 1px solid #ddd;
    max-height: 100%;
    overflow: visible;
    position: relative
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    width: 100%
}

.depositWallet {
    background: #fff;
    border-radius: 3px;
    padding: 10px
}

.amntBlnc {
    background: #F7F7EF;
    border-radius: 3px 3px 0 0;
    color: #111110;
    display: block;
    font-size: 24px;
    line-height: 56px;
    text-align: center
}

.wallet_type {
    background: #6EB444;
    border-radius: 0 0 3px 3px;
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 16px;
    min-height: 46px;
    padding: 10px;
    text-align: center
}

.depositWallet sup {
    font-size: 22px
}

.depositWallet table td {
    display: block;
    font-size: 19px
}

.myDeposit .bottomBtns {
    clear: left;
    float: left;
    margin: 20px 0;
    width: 100%
}

.contact {
    padding: 25px 0 450px;
    background: url(http://cdn.desktopwallpapers4.me/wallpapers/world/1366x768/1/4916-blurred-city-street-1366x768-world-wallpaper.jpg) no-repeat center center fixed;
    background-size: cover
}

.contact i {
    padding: 0 20px;
    font-size: .8em
}

.contact h2 {
    font-size: 2.5em;
    border: 1px solid #555;
    background-color: rgba(0, 0, 0, 0.6);
    padding-top: 20px;
    height: 75px;
    color: #fff;
    font-weight: 500;
    line-height: 40px;
    padding-left: 50px;
    text-align: center
}

#comments {
    margin-top: 0
}

#contactform tr td {
    margin-bottom: 14px;
    display: block
}

#contactform .captchapic {
    margin-top: 0;
    height: 43px
}

.panel_container .sectioncover.myInterest {
    padding: 0
}

.textHow {
    padding: 0 0 10px
}

.textHow h2 {
    padding: 0 0 10px
}

.headhow {
    font-size: 24px
}

#groupTasks .task-name {
    float: left;
    text-align: left;
    width: 65%
}

#groupTasks .task-status>a {
    font-size: 14px;
    padding: 5px
}

#groupTasks.rescent_tasks {
    border: 1px solid #eee;
    max-height: 552px;
    overflow: auto
}

#groupTasks.rescent_tasks>li,
#groupTasks.rescent_tasks>li:nth-child(odd) {
    background-color: #fff;
    padding: 10px 20px;
    border-bottom: 1px solid #eee
}

#taskGroups.dataTable {
    margin-top: 40px
}

#thanksAnchor.view_cntrls ul {
    float: none
}

#thanksAnchor.view_cntrls ul li {
    float: none
}

a#openPopUp {
    cursor: pointer;
    background-color: #16a085
}

a#openPopUp:hover {
    cursor: pointer;
    background-color: #333
}

#map_canvas {
    height: 100%;
    width: 100%;
    margin-top: 20px
}

.bg_yellow_btn {
    background: #F5E61B;
}

.bg_yellow {
    background: #6eb444
}

.bg_green {
    background: #6EB444
}

.bg_blue {
    background: #099cd2
}

.bg_red {
    background: #E85858
}

.user_reviewed a {
    color: #04bcde
}

#myFavourate .my_robos p {
    font-size: 18px;
    margin-left: 15px
}

.social_connection {
    position: relative;
    display: block;
    background: #d8d8cd;
    padding: 25px 35px
}

.loginform_holder.register_acnt .social_connection {
    background: transparent;
    padding: 20px 0 0
}

.register_acnt .div_error {
    margin: 0
}

.social_connection td.fb button:before {
    background: url(images/signin_fb.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 24px;
    left: 12px;
    position: absolute;
    top: 7px;
    width: 24px
}

.social_connection td.google button:before {
    background: url(images/signin_g+.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 24px;
    left: 12px;
    position: absolute;
    top: 7px;
    width: 24px
}

.social_connection td.google button:hover {
    background: #be2c14;
    border: #be2c14 1px solid
}

.social_connection p {
    text-align: center
}

.social_connection td.fb button {
    background: #617ac3;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 36px;
    margin: 12px 0 0;
    padding: 0 13px 0 42px;
    position: relative;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #669;
    color: #fff;
    width: 100%
}

.social_connection td.fb button:hover {
    background: #415aa3;
    border: #415aa3 1px solid
}

.social_connection td.google button {
    background: #de4c34;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 36px;
    margin: 12px 0 0;
    padding: 0 13px 0 42px;
    position: relative;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #c33;
    color: #fff;
    width: 100%;
    cursor: pointer
}

.boxtabs li:nth-child(2) a {
    border-radius: 0 3px 3px 0
}

.block.task_listview .pic img {
    border-radius: 3px 0 0 3px;
    display: block;
    width: 100%;
    height: 100%
}

.block .pic img {
    border-radius: 3px;
    display: block
}

.block .pic .marked_done img {
    height: auto
}

div.or_nxt {
    margin: 10px auto;
    padding-top: 1px;
    position: relative;
    width: 30px
}

.division_post td {
    vertical-align: top;
    position: relative
}

.currency_wrapper {
    position: relative
}

.currency_symbol {
    left: 10px;
    position: absolute;
    top: 10px
}

.task_post .siteForm .currency_wrapper input[type="text"] {
    font-size: 12px;
    width: 98%;
    padding: 0 15px
}

.task_post .siteForm .currency_wrapper #task_reimbursements {
    width: 99%
}

a#openPopUp {
    background-color: #16a085;
    cursor: pointer
}

a#openPopUp:hover {
    background-color: #333;
    cursor: pointer
}

.rev-popup {
    background: rgba(0, 0, 0, 0.75);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: -100vh;
    -webkit-transition: opacity .35s ease 0;
    transition: opacity .35s ease 0;
    width: 100vw;
    z-index: 9999999
}

.rev-popup .popUpContainer {
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    max-width: 500px;
    position: fixed;
    top: -100vh;
    -webkit-transition: top .35s ease 0;
    transition: top .35s ease 0;
    width: 100%;
    z-index: 9999999
}

.rev-popup h2 {
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: .5em;
    text-align: center
}

.rev-popup img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

.rev-popup table h5 {
    float: left;
    margin-right: 10px
}

.rev-popup .siteForm input[type="submit"],
.rev-popup .siteForm input[type="button"] {
    font-size: 14px
}

.rev-popup table {
    background: #fff;
    padding: 20px
}

.rev-popup table td.lastTd {
    padding-bottom: 0
}

.popUpContainer>header {
    background-color: #e67e22
}

/* .rev-popup a.closePopUp{color:#fff;font-family:verdana;font-size:12px;font-weight:600;margin:0;padding:5px;position:absolute;right:.375em;text-decoration:none;top:.2em}
*/
.rev-popup a.closePopUp {
    color: #000;
    font-family: verdana;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    position: absolute;
    right: .375em;
    text-decoration: none;
    top: .2em;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
}

.popUpContainer h3 {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.popUpContainer a {
    color: #fff;
    font-weight: 600
}

.popUpContainer table td {
    padding-bottom: 10px;
    width: 100%
}

.rev-popup a:hover {
    color: #c0392b
}

.rev-popup .closePopUpOutSide {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9999991
}

.ratingsWrap {
    display: table
}

.ratingsWrap span {
    background-image: url(images/star-rating.png);
    display: inline-block;
    height: 15px;
    width: 98px
}

.ratingsWrap span.p10 {
    background-position: 0 0
}

.ratingsWrap span.p9 {
    background-position: 0 -16px
}

.ratingsWrap span.p8 {
    background-position: 0 -32px
}

.ratingsWrap span.p7 {
    background-position: 0 -48px
}

.ratingsWrap span.p6 {
    background-position: 0 -64px
}

.ratingsWrap span.p5 {
    background-position: 0 -80px
}

.ratingsWrap span.p4 {
    background-position: 0 -96px
}

.ratingsWrap span.p3 {
    background-position: 0 -112px
}

.ratingsWrap span.p2 {
    background-position: 0 -128px
}

.ratingsWrap span.p1 {
    background-position: 0 -144px
}

.ratingsWrap span.p0 {
    background-position: 0 -161px
}

.rating {
    line-height: 15px
}

.ratingsReview {
    display: table
}

.dash_profiles span.dash_rating {
    background-image: url(images/big-star-rating.png);
    background-repeat: no-repeat;
    display: table;
    height: 30px;
    margin: 10px auto;
    width: 177px
}

.dash_profiles span.dash_rating.p10 {
    background-position: 0 0
}

.dash_profiles span.dash_rating.p9 {
    background-position: 0 -30px
}

.dash_profiles span.dash_rating.p8 {
    background-position: 0 -60px
}

.dash_profiles span.dash_rating.p7 {
    background-position: 0 -90px
}

.dash_profiles span.dash_rating.p6 {
    background-position: 0 -120px
}

.dash_profiles span.dash_rating.p5 {
    background-position: 0 -150px
}

.dash_profiles span.dash_rating.p4 {
    background-position: 0 -180px
}

.dash_profiles span.dash_rating.p3 {
    background-position: 0 -210px
}

.dash_profiles span.dash_rating.p2 {
    background-position: 0 -240px
}

.dash_profiles span.dash_rating.p1 {
    background-position: 0 -270px
}

.dash_profiles span.dash_rating.p0 {
    background-position: 0 -300px
}

#disabledProfile a.disable {
    background: #d8d8cd !important;
    border: medium none #d8d8cd;
    cursor: default
}

.task_info .ratingsWrap {
    display: table;
    float: right;
    margin-right: -9px
}

.block.struct_inner .boxbottom .ratingsWrap {
    display: table;
    float: right;
    margin-right: -10px
}

span.rating-text {
    float: right;
    font-size: 11px
}

.conatainerFaq>h2.cmsHead {
    color: #111;
    font-size: 24px;
    line-height: 50px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd
}

.popup1 {
    position: fixed;
    top: -100vh;
    left: 0;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.75);
    width: 100vw;
    height: 100vh;
    opacity: 0;
    -webkit-transition: opacity .35s ease;
    transition: opacity .35s ease
}

.popup1 .popUpContainer {
    width: 100%;
    max-width: 500px;
    position: fixed;
    left: 50%;
    top: -100vh;
    -webkit-transition: top .35s ease;
    transition: top .35s ease;
    margin-left: -250px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    z-index: 9999999
}

.popup1 h2 {
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: .5em;
    text-align: center
}

.popup1 img {
    max-width: 100%;
    vertical-align: middle
}

.popup1 table h5 {
    float: left;
    margin-right: 10px
}

.popup1 .siteForm input[type="submit"] {
    font-size: 14px
}

.popup1 table {
    padding: 20px;
    background: #fff
}

.popup1 table td.lastTd {
    padding-bottom: 0
}

.popUpContainer>header {
    background-color: #e67e22
}

.popup1 a.closePopUp {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 5px;
    position: absolute;
    right: .375em;
    text-decoration: none;
    top: .2em
}

.popUpContainer h3 {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.popUpContainer a {
    color: #fff;
    font-weight: 600
}

.popUpContainer table td {
    padding-bottom: 10px;
    width: 100%
}

.popup1 a:hover {
    color: #c0392b
}

.popup1:target {
    opacity: 1;
    top: 0
}

.popup1 .closePopUpOutSide {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999991
}

.popup1:target .popUpContainer {
    top: 50px;
    -webkit-transition: top .35s ease;
    transition: top .35s ease
}

.shortBio {
    font-weight: 300
}

.ratingsWrap {
    display: table
}

.ratingsWrap span.p10 {
    background-position: 0 0
}

.ratingsWrap span.p9 {
    background-position: 0 -16px
}

.ratingsWrap span.p8 {
    background-position: 0 -32px
}

.ratingsWrap span.p7 {
    background-position: 0 -48px
}

.ratingsWrap span.p6 {
    background-position: 0 -64px
}

.ratingsWrap span.p5 {
    background-position: 0 -80px
}

.ratingsWrap span.p4 {
    background-position: 0 -96px
}

.ratingsWrap span.p3 {
    background-position: 0 -112px
}

.ratingsWrap span.p2 {
    background-position: 0 -128px
}

.ratingsWrap span.p1 {
    background-position: 0 -144px
}

.ratingsWrap span.p0 {
    background-position: 0 -161px
}

.task_around .cellcaption {
    display: block;
    padding-bottom: 5px
}

.taskActions a {
    border-radius: 3px;
    padding: 5px 10px;
    text-decoration: none !important;
    background: #ac2e31;
    color: #fff !important;
    display: block
}

.taskActions a:hover {
    background: #333
}

.taskActions li:first-child a {
    background: #06bcdb
}

.taskActions li:first-child a:hover {
    background: #333
}

.taskActions>li {
    float: left;
    margin-right: 10px
}

.taskActions li i {
    padding-right: 5px
}

.formTable .dualRow td {
    padding-bottom: 15px !important
}

.edit_taskinterest a i {
    padding-right: 5px
}

.postTable .wrapA.accordiancontent {
    margin-bottom: 10px
}

.markFav {
    position: relative;
    color: #999;
    border: none
}

.markFav span.favIco {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 150px;
    font-size: 14px;
    height: 40px;
    padding: 9px;
    position: absolute;
    right: 0;
    top: -11px;
    width: 40px;
    z-index: 3
}

.markFav.marked {
    color: #ac2e31
}

.markFav:hover {
    color: #E85858
}

.favCount {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    -webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1);
    color: #000;
    display: none;
    font-size: 14px;
    padding: 10px;
    position: absolute;
    right: -40px;
    top: -15px;
    z-index: 36
}

.favCount:hover {
    color: #ac2e31
}

.markFav:hover .favCount {
    display: block
}

.favCount:before {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ccc;
    border-top: 10px solid transparent;
    content: "";
    left: -10px;
    position: absolute
}

.favCount:after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    left: -9px;
    position: absolute
}

.sectioncover.myInterest .formTable.postTable textarea {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #838383;
    font-size: 12px;
    height: 130px;
    padding: 10px;
    width: 100%
}

.myInterest .repeted_border_clash {
    margin-top: 0
}

.usage_info {
    background-color: #E8C658;
    color: #fff;
    padding: 7px 20px
}

.reviews.equidistant .user_reviews {
    float: none;
    margin-top: 10px
}

.folio_pop .mapinfo_outer::after {
    display: none
}

.nocursor {
    cursor: default
}

.fileUp table tr td:first-child {
    width: 80%
}

.fileUp table tr td:first-child a {
    float: left
}

.loc-row input {
    width: 100% !important;
    padding: 0 33px 0 10px !important
}

.file-row input {
    padding-right: 34px !important;
    width: 100% !important
}

.loc-row td {
    padding: 0 !important
}

.fileUp>a {
    position: absolute;
    right: 0
}

.loc-row a {
    position: absolute;
    right: 0
}

.interested_robbos .ratingsWrap {
    display: table;
    margin: 0 auto;
    padding-top: 7px
}

.interested_robbos .ratingsWrap.favourite {
    margin: 0 auto;
    display: table
}

.map_fields .view_cntrls {
    position: relative;
    width: auto
}

.map_fields .view_cntrls .tabac.gridv,
.map_fields .view_cntrls .tabac.listv {
    padding: 10px 15px
}

.daysCompletion {
    display: block;
    text-align: center
}

.spaceMargin {
    padding-top: 13px !important
}

.biding.green {
    background: #6EB444;
    color: #fff;
    padding: 5px;
    border-radius: 3px
}

.biding.yellow {
    background: #6eb444;
    color: #fff;
    padding: 5px;
    border-radius: 3px
}

.biding.red {
    background: #9e2026;
    color: #fff;
    padding: 5px;
    border-radius: 3px
}

.biding a.mark-confirm {
    padding: 5px;
    background: #6EB444
}

.biding a.mark-delete {
    padding: 5px;
    background: #E85858
}

.dash_user_info .ratingsWrap {
    display: inline-block
}

.alignLeft {
    margin-left: -3px
}

.credentials i {
    color: #000;
    margin-right: 3px
}

.div_msg ul li {
    position: relative;
    padding: 10px 46px;
    background: #6eb444;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700
}

.div_msg li:before {
    background: #fff;
    color: #6EB444;
    border-radius: 50%;
    content: "";
    display: block;
    font-family: fontawesome;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
    height: 30px;
    left: 8px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 30px
}

.div_error {
    padding: 5px 38px;
    position: relative;
    color: #fff;
    background: #E85858
}

.div_error ul li {
    color: #fff
}

.div_error:before {
    background: #fff;
    color: #E85858;
    border-radius: 50%;
    font-family: FontAwesome;
    font-size: 15px;
    height: 24px;
    left: 8px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 24px
}

.map_fields .siteForm input[type="submit"] {
    background: #06bcdb !important;
    border-color: #06bcdb
}

.allCities {
    position: relative
}

.viewAllcities {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    float: right;
    font-size: 13px;
    font-style: italic;
    padding: 5px
}

.greenBar {
    background: #0ea158;
    margin: 0 auto;
    text-align: center;
    padding: 30px
}

.greenBar h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 700
}

.greenBar p {
    color: #fff;
    font-size: 20px;
    line-height: 1.2
}

.testimonialsleftPanel {
    padding: 0 30px 0 0;
    width: 60%
}

.testimonialsrightPanel {
    float: right;
    width: 40%;
    padding: 0 30px 30px
}

.testimonialForm h2 {
    color: #000;
    font-size: 22px;
    padding: 0 0 30px
}

.testimonial-block {
    background-image: url(images/left_quote.png);
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-repeat: no-repeat;
    border-radius: 3px;
    padding: 20px 20px 20px 80px;
    border-top: 1px solid #d8d8cd
}

.testimonial-block .client::before {
    content: "-"
}

.testimonial-block .client {
    color: #333;
    font-size: 18px;
    line-height: 1.2;
    text-align: right;
    font-weight: 600
}

.testimonial-block .testimonial {
    color: #555;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 20px
}

.testimonialsBlock {
    position: relative
}

.testimonial-block:first-child {
    border-top-width: 0
}

.taskLog {
    max-height: 325px;
    overflow: auto
}

.task_attributes.taskLog .photo {
    height: 34px;
    width: 34px
}

.task_attributes.taskLog .desig {
    margin-left: 44px;
    text-overflow: none;
    white-space: normal
}

.task_attributes.taskLog .photo img {
    border-radius: 0
}

.search-field label {
    display: none;
    display: block\9;
    text-align: left;
    padding-bottom: 5px
}

.search-field br {
    display: none
}

@media screen and (max-width: 1300px) {
    .map_fields {
        width: 850px
    }
}

.no_result {
    margin: 0 auto 20px;
    text-align: center;
    background: #fff;
    padding: 20px
}

.no_result h5 {
    color: #000;
    font-size: 18px;
    line-height: 1.5
}

.no_result p {
    color: #010101;
    font-size: 14px
}

.no_result .button {
    margin-top: 10px
}

.blog-lsting p a {
    color: #37291e;
    font-weight: 400;
    text-decoration: underline
}

.no_result_icon {
    margin-bottom: 10px
}

.no_result_icon img {
    width: 200px;
    display: inline-block
}

.fund_rght {
    float: right;
    width: 240px
}

.bgcolorgrey {
    background: #f7f7ef
}

.interested_robbos.selected .check {
    background: url(images/removeit.png) no-repeat scroll center center #c0252d;
    border-radius: 0 2px 0 0;
    display: block;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    z-index: 1
}

.interested_robbos.selected .pic img {
    opacity: .5
}

#tasker_results .interested_robbos .check {
    background: url(images/checkbox.png) no-repeat scroll center top;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    z-index: 1
}

#tasker_results .interested_robbos.selected .check {
    background: url(images/checkbox.png) no-repeat scroll center bottom
}

#taskers_block .block .boxbottom .grid_1 {
    width: 100%
}

.editInterests .titleQ:before {
    display: none
}

#tasker_results .interested_robbos {
    display: inline-block;
    vertical-align: top
}

#tasker_results .interested_robbos .block {
    width: 215px
}

#tasker_results .interested_robbos .block .pic {
    height: auto
}

#tasker_results .interested_robbos .ratingsWrap span {
    margin: 0 auto
}

.task_post .siteForm .currency_wrapper input[type="text"] {
    padding: 0 10px 0 35px
}

.msg .act-buttons {
    display: table;
    padding: 20px 0 0;
    width: 100%
}

.bluesky .msg .button.yellow {
    margin: 0
}

.qLinksTab2 {
    background: #04bcde;
    border-radius: 2px;
    display: inline-block;
    float: right;
    height: 25px;
    line-height: 25px;
    margin: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 30px;
    z-index: 100;
    display: none
}

.qLinksTab2:before {
    color: #fff;
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 14px
}

.info {
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding: 10px
}

.info .time {
    margin-top: 3px
}

.pinned>img {
    height: auto !important
}

.site_map_sec h2 {
    background: #06bcdb;
    border-radius: 2px 2px 0 0;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    padding: 10px 20px
}

.site_list {
    background: #fff;
    display: block;
    padding: 15px
}

.locale {
    color: #04bcde;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px
}

.sitemap_list a:before {
    content: "»";
    line-height: 1.2;
    left: 0;
    position: absolute
}

.sitemap_list a {
    color: #636363;
    display: inline-block;
    padding: 0 10px;
    position: relative
}

.sitemap_list {
    padding-bottom: 12px
}

.sitemap_list a:hover {
    color: #06bcdb
}

.breadcrumbs {
    list-style: none;
    margin: 0;
    width: 100%;
    display: inline-block;
    padding: 0
}

.breadcrumbs.breadcrumbs--center ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumbs.breadcrumbs--right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.breadcrumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb-list li {
    position: relative;
    color: #000;
    padding: 0 25px 0 0;
    margin-bottom: 10px;
    font-size: .875em;
    line-height: 1.2;
    display: block
}

.breadcrumb-list li:before {
    position: absolute;
    right: 10px;
    top: calc(50% - 2px);
    content: "";
    height: 7px;
    width: 7px;
    border: 1px solid #717171;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.breadcrumb-list li a {
    color: #717171;
    font-size: inherit;
    display: block;
    line-height: inherit
}

.breadcrumb-list li:last-child:before {
    display: none
}

.responsive-task-name {
    max-width: 70%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%
}

.listing_btn_section {
    max-width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    text-align: right
}

.listing_btn_section .left_cell {
    float: left;
    width: 47%
}

.listing_btn_section .right_cell {
    float: right;
    width: 50%
}

.listing_btn_section .left_cell .task-price {
    line-height: 17px;
    margin: 5px 0 0;
    width: 100%
}

.right_cell .task-status {
    width: 100%
}

.sitemap_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.sitemap_list>li {
    max-width: 33.33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    padding: 0 15px 5px
}

.cat_grid {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px
}

.centerTitle a {
    color: #666
}

:root {
    --first-color: #56a0f8;
    --second-color: #18ebf4;
    --third-color: #4e4f50;
    --fourth-color: #56a0f8;
    --border-color: #c3c3c0;
    --body-color: #5d5d5d
}

html {
    font-size: 16px
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #5d5d5d
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif
}

img {
    display: block;
    max-width: 100%
}

li {
    list-style: none
}

:focus {
    outline: none !important
}

.show--mobile {
    display: inline-block !important
}

.hide--desktop {
    display: none !important
}

.show--desktop {
    display: inline-block !important
}

.float--left {
    float: left !important
}

.float--right {
    float: right !important
}

.nomargin {
    margin: 0 !important
}

.nomargin--bottom {
    margin-bottom: 0 !important
}

.nomargin--top {
    margin-top: 0 !important
}

.nomargin--left {
    margin-left: 0 !important
}

.nomargin--right {
    margin-right: 0 !important
}

.nopadding {
    padding: 0 !important
}

.nopadding--bottom {
    padding-bottom: 0 !important
}

.nopadding--top {
    padding-top: 0 !important
}

.nopadding--left {
    padding-left: 0 !important
}

.nopadding--right {
    padding-right: 0 !important
}

.noborder--right {
    border-right: none !important
}

.align--left {
    text-align: left !important
}

.align--right {
    text-align: right !important
}

.align--center {
    text-align: center !important
}

.transition--none {
    -webkit-transition: none;
    transition: none
}

.remove--bottom {
    margin-bottom: 0
}

.half--bottom {
    margin-bottom: 10px
}

.add--bottom {
    margin-bottom: 20px
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.align--left {
    text-align: left
}

.align--right {
    text-align: right
}

.align--center {
    margin: 0 auto;
    text-align: center
}

.gap {
    height: 15px;
    clear: both;
    display: table
}

.padding20 {
    padding: 20px
}

.link {
    color: var(--first-color);
    font-weight: 500;
    position: relative
}

.link:after {
    content: "";
    bottom: -2px;
    background: var(--first-color);
    height: 1px;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.link:hover:after {
    right: 100%
}

.link--primary {
    color: var(--first-color);
    text-decoration: underline
}

.link--normal {
    color: var(--txt-color);
    font-weight: 500
}

.link--normal:hover {
    color: var(--first-color)
}

.link--arrow {
    display: inline-block;
    line-height: 1;
    color: var(--first-color);
    font-weight: 400;
    position: relative;
    text-decoration: underline;
    padding: 0 10px 0 0
}

.link--arrow:before {
    border-right: 2px solid var(--first-color);
    border-top: 2px solid var(--first-color);
    content: "";
    display: inline-block;
    height: 7px;
    margin: 0 0 0 8px;
    position: absolute;
    right: 0;
    top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    vertical-align: middle;
    width: 7px
}

.link--arrow:hover,
.link--arrow:hover:before {
    color: #555;
    border-color: #555
}

.text--bold {
    font-weight: 600
}

.text--uppercase {
    text-transform: uppercase
}

.text--dark {
    color: #555
}

.text--light {
    opacity: .3;
    font-weight: 400
}

.text--small {
    opacity: .4;
    font-style: italic;
    font-size: 95%
}

.text--block {
    display: block
}

.text--normal {
    color: var(--txt-color)
}

.text--normal a {
    color: var(--first-color)
}

.text--normal a:hover {
    text-decoration: underline
}

.text--normal a .fa {
    opacity: .3;
    margin: 0 5px 0 0
}

.text--normal-primary {
    color: #24b26b !important
}

.text--normal-secondary {
    color: #f15c5c !important
}

.list__socials li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    color: var(--txt-color);
    line-height: 30px
}

.list__socials li:first-child {
    padding-right: 10px
}

.list__socials li a {
    font-size: 1.1em;
    color: inherit;
    width: 30px;
    border: none;
    height: 30px;
    display: block;
    border-radius: 100%;
    line-height: 28px;
    text-align: center
}

.list__socials li a:hover {
    border-color: inherit
}

.list__socials li.social--fb {
    color: #3b5998
}

.list__socials li.social--tw {
    color: #55acee
}

.list__socials li.social--pt {
    color: #cb2027
}

.list__socials li.social--li {
    color: #0177b5
}

.list__socials li.social--gp {
    color: #d95232
}

.list__socials--filled li.social--fb a {
    background: #3b5998;
    color: #fff
}

.list__socials--filled li.social--tw a {
    background: #55acee;
    color: #fff
}

.list__socials--filled li.social--pt a {
    background: #cb2027;
    color: #fff
}

.list__socials--filled li.social--li a {
    background: #0177b5;
    color: #fff
}

.list__socials--filled li.social--gp a {
    background: #d95232;
    color: #fff
}

.hidden {
    display: none
}

.dont-show {
    visibility: hidden;
    height: 0
}

.inviso {
    display: none
}

.highlighted {
    color: #211922;
    background-color: #ff0
}

.inline--block {
    display: inline-block;
    vertical-align: middle
}

.error {
    font-weight: 300
}

.noFloat {
    float: none
}

.noState:hover {
    background-color: transparent
}

.noState:active {
    color: #221919
}

.border {
    border: 1px solid #b8c3cd
}

.border-top {
    border-top: 1px solid #b8c3cd
}

.border-right {
    border-right: 1px solid #b8c3cd
}

.border-bottom {
    border-bottom: 1px solid #b8c3cd
}

.border-left {
    border-left: 1px solid #b8c3cd
}

.invisible {
    visibility: hidden
}

.red {
    color: red
}

.noscroll {
    overflow: hidden
}

.divider {
    height: 1px;
    background: var(--border-color);
    margin: 15px 0
}

.border-bottom {
    border-bottom: solid 1px var(--border-color);
    height: 1px
}

.img-responsive {
    max-width: 100%
}

.text--bold {
    font-weight: 600
}

.text--uppercase {
    text-transform: uppercase
}

.text--dark {
    color: #555
}

.text--light {
    opacity: .3;
    font-weight: 400
}

.text--small {
    opacity: .4;
    font-style: italic;
    font-size: 95%
}

.text--block {
    display: block
}

.relative {
    position: relative
}


.loader-yk {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    border: 3px solid var(--first-color);
    -webkit-animation: loader 2s infinite ease;
    animation: loader 2s infinite ease;
    margin: 15px auto;
    text-align: center
}

.loader-yk-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: var(--first-color);
    -webkit-animation: loader-inner 2s infinite ease-in;
    animation: loader-inner 2s infinite ease-in
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-inner {
    0% {
        height: 0
    }

    25% {
        height: 0
    }

    50% {
        height: 100%
    }

    75% {
        height: 100%
    }

    100% {
        height: 0
    }
}

@keyframes loader-inner {
    0% {
        height: 0
    }

    25% {
        height: 0
    }

    50% {
        height: 100%
    }

    75% {
        height: 100%
    }

    100% {
        height: 0
    }
}

.loader-wrapper {
    position: relative
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -55px;
    width: 110px;
    height: 14px
}

.circle {
    width: 10px;
    height: 10px;
    border-radius: 14px;
    border: 2px solid var(--first-color);
    margin: 10px;
    -webkit-animation: rotate 2s infinite linear;
    animation: rotate 2s infinite linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

.circle:nth-of-type(2) {
    -webkit-animation: rotate2 2s infinite linear;
    animation: rotate2 2s infinite linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.circle:nth-of-type(3) {
    -webkit-animation: rotate3 2s infinite linear;
    animation: rotate3 2s infinite linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    85% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    85% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    85% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes rotate2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    85% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes rotate3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    85% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes rotate3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    85% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}


.button,
.btn,
.siteForm input[type="submit"],
.siteForm input[type="button"],
.siteForm button,
.siteForm input[type="reset"],
.form input[type="submit"],
.form input[type="button"],
.form button,
.form input[type="reset"] {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-radius: 4px;
    padding: 0 20px;
    min-width: 64px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: none;
    color: #fff;
    background: var(--first-color);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    font-size: 1.125rem;
    font-weight: 600;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow 0.2s, -webkit-box-shadow .2s;
    cursor: pointer
}

.button:hover,
.btn:hover,
.siteForm input[type="submit"]:hover,
.siteForm input[type="button"]:hover,
.siteForm button:hover,
.siteForm input[type="reset"]:hover,
.button:focus,
.btn:focus,
.siteForm input[type="submit"]:focus,
.siteForm input[type="button"]:focus,
.siteForm button:focus,
.siteForm input[type="reset"]:focus,
.form input[type="submit"]:hover,
.form input[type="button"]:hover,
.form button:hover,
.form input[type="reset"]:hover,
.form input[type="submit"]:focus,
.form input[type="button"]:focus,
.form button:focus,
.form input[type="reset"]:focus {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)
}

.button:active,
.btn:active,
.siteForm input[type="submit"]:active,
.siteForm input[type="button"]:active,
.siteForm input[type="reset"]:active,
.form input[type="submit"]:active,
.form input[type="button"]:active,
.form input[type="reset"]:active {
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)
}

.button:disabled,
.btn:disabled,
.siteForm input[type="submit"]:disabled,
.siteForm input[type="button"]:disabled,
.siteForm input[type="reset"]:disabled,
.form input[type="submit"]:disabled,
.form input[type="button"]:disabled,
.form input[type="reset"]:disabled {
    color: rgba(0, 0, 0, 0.38);
    background-color: rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: initial
}

.form .field-set {
    margin-bottom: 20px
}

.no--focus:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.invalid {
    -webkit-animation: moltinShake .4s ease-in-out .1s normal forwards 1 running;
    animation: moltinShake .4s ease-in-out .1s normal forwards 1 running
}

.btn--primary {
    color: #fff;
    background: var(--first-color)
}

.btn--secondary,
.siteForm input[type="reset"],
.siteForm input[type="button"],
.form input[type="reset"],
.form input[type="button"] {
    color: #fff;
    background-color: var(--second-color)
}

.btn--third {
    color: #fff;
    background-color: var(--third-color)
}

.btn--black {
    color: #fff;
    background-color: #000
}

.btn--gray {
    color: #000;
    background-color: #ccc
}

.btn--link {
    color: var(--first-color);
    font-size: .8em;
    font-weight: 400
}

.btn--white {
    background: #fff;
    color: var(--txt-color)
}

.btn--sm,
.btn--sm.btn--white,
.siteForm input[type="submit"].btn--sm,
.siteForm input[type="button"].btn--sm,
.form input[type="submit"].btn--sm,
.form input[type="button"].btn--sm {
    padding: 8px 10px;
    font-size: .8rem;
    line-height: 1.5;
    height: auto;
    border-radius: 2px
}

.btn--xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    height: auto
}

.btn--h-large {
    min-width: 170px;
    height: auto
}

.btn--block {
    display: block;
    width: 100%;
    height: auto
}

.btn--block+.btn--block {
    margin-top: 5px;
    height: auto
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.btn--success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn--info {
    color: #fff;
    background-color: #237dbb;
    border-color: #1f6fa6
}

.btn--warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn--danger {
    color: #fff;
    background-color: #f15c5c;
    border-color: #ef4545
}

@-webkit-keyframes moltinShake {
    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }

    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }

    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg)
    }

    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moltinShake {
    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }

    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }

    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg)
    }

    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input,
select,
textarea {
    outline: none;
    font-family: inherit;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

input[type="submit"],
input[type="button"] {
    -webkit-appearance: none
}

input[type="text"],
input[type="password"],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background: transparent !important
}

select::-ms-expand {
    display: none
}

input[type="text"],
input[type="email"],
input[type="phone"],
input[type="search"],
input[type="password"],
input[type="date"],
input[type="url"],
input[type="tel"],
select,
input[type="number"],
input[type="file"] {
    background-color: #fff;
    border: 1px solid var(--border-color);
    height: 45px;
    padding: 0 10px;
    width: 100%;
    color: var(--txt-color);
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    border-radius: 4px
}

textarea {
    background-color: #fff;
    border: 1px solid var(--border-color);
    height: 145px;
    padding: 0 10px;
    width: 100%;
    color: var(--txt-color);
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    border-radius: 4px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus,
input[type="number"]:focus,
input[type="file"]:focus {
    border-color: var(--first-color);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20)
}

input[type="file"] {
    height: auto;
    padding: 8px 10px
}

select {
    padding-right: 35px;
    background-image: url(/images/retina/down-arrow.svg);
    background-size: 12px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px)
}

.siteForm .field-set {
    margin: 0 0 20px
}

.siteForm .field_label {
    font-size: .9em;
    color: #484949
}

.siteForm input[type="submit"],
.siteForm input[type="button"],
.siteForm input[type="reset"] {
    margin: 0
}

.checkbox,
.radio {
    display: inline-block;
    color: var(--txt-color);
    position: relative;
    vertical-align: top;
    padding: 0 0 0 30px;
    min-height: 20px;
    cursor: pointer
}

.checkbox input,
.radio input {
    top: 0;
    left: 0;
    margin: 0 !important;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio.disabled,
.checkbox.disabled {
    cursor: not-allowed
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="text"][disabled],
input[type="password"][disabled] {
    cursor: not-allowed
}

input[type="text"][disabled],
input[type="password"][disabled] {
    background: rgba(0, 0, 0, 0.03);
    color: #000
}

.inline.radio,
.inline.checkbox {
    padding-right: 20px
}

.checkbox .input-helper:before,
.radio .input-helper:before,
.checkbox .input-helper:after,
.radio .input-helper:after {
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    content: ""
}

.checkbox .input-helper:before,
.radio .input-helper:before {
    left: 0;
    border: 1px solid var(--border-color);
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
}

.checkbox.disabled,
.radio.disabled {
    opacity: .6;
    filter: alpha(opacity=60)
}

.checkbox input {
    width: 20px;
    height: 20px
}

.checkbox input:checked+.input-helper:after {
    -webkit-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    opacity: 1;
    filter: alpha(opacity=100)
}

.checkbox .input-helper:before {
    top: 0;
    width: 20px;
    height: 20px
}

.checkbox .input-helper:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) rotate(80deg);
    transform: scale(0) rotate(80deg);
    width: 15px;
    height: 8px;
    border-bottom: 2px solid var(--first-color);
    border-left: 2px solid var(--first-color);
    border-bottom-left-radius: 1px;
    left: 3px;
    top: 4px
}

.radio input {
    width: 19px;
    height: 19px
}

.radio input:checked+.input-helper:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.radio .input-helper:before {
    top: -1px;
    width: 19px;
    height: 19px;
    border-radius: 50%
}

.radio .input-helper:after {
    width: 11px;
    height: 11px;
    background: var(--first-color);
    border-radius: 50%;
    top: 3px;
    left: 4px;
    -webkit-transform: scale(0);
    transform: scale(0)
}


.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    overflow: hidden
}

.pagination.pagination--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination.pagination--right {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.pagination li {
    float: left
}

.pagination li a {
    width: 30px;
    line-height: 28px;
    text-align: center;
    height: 30px;
    display: block;
    font-size: 1em;
    color: #333;
    border: none;
    border: 1px solid var(--border-color);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    margin: 0 3px;
    background: #fff
}

.pagination li a.selected {
    background: var(--first-color);
    color: #fff;
    font-weight: 600;
    border-color: var(--first-color)
}

.pagination li a:hover {
    background: var(--first-color);
    color: #fff;
    border-color: var(--first-color)
}

.pagination li.disabled {
    opacity: .4
}

.pagination li.disabled a {
    cursor: not-allowed
}

.pagination li.prev a:before {
    width: 12px;
    height: 12px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    left: calc(50% - 3px);
    top: calc(50% - 6px);
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pagination li.next a:before {
    width: 12px;
    height: 12px;
    border-right: 2px solid #333;
    border-top: 2px solid #333;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 6px);
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}


.breadcrumbs {
    list-style: none;
    margin: 0 0 10px;
    width: 100%;
    display: inline-block;
    padding: 0
}

.breadcrumbs.breadcrumbs--center ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.breadcrumbs.breadcrumbs--right ul {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs ul li {
    float: left;
    position: relative;
    color: #000;
    padding: 0 25px 0 0;
    margin-bottom: 10px;
    font-size: .875em;
    vertical-align: top;
    line-height: 1.2;
    display: block
}

.breadcrumbs ul li:before {
    position: absolute;
    right: 10px;
    top: calc(50% - 2px);
    content: "";
    height: 7px;
    width: 7px;
    border: 1px solid #717171;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

.breadcrumbs ul li a {
    color: #717171;
    font-size: inherit;
    display: block;
    line-height: inherit
}

.breadcrumbs ul li:last-child:before {
    display: none
}

.cms h3 {
    font-size: 1.25rem;
    color: #000
}

.cms p {
    color: var(--txt-color-light)
}

.cms .space {
    padding: 50px 0
}

.cms ul {
    margin: 10px 0
}

.cms ul li {
    position: relative;
    padding: 5px 0;
    margin: 0 15px
}

.cms ol {
    list-style: decimal
}

.cms ol li {
    position: relative;
    padding: 0 0 15px;
    color: #666;
    margin: 0;
    font-size: 1.1em
}

.cms ol li a {
    color: inherit
}

.svg-loader {
    width: 20px;
    height: auto;
    margin: 5px auto
}

.flat-ui {
    text-align: center;
    margin: 120px auto
}

.flat-ui img {
    display: inline-block;
    margin-bottom: 25px
}

.flat-ui h1 {
    font-size: 4em;
    font-weight: 600;
    color: #000;
    line-height: 1
}

.flat-ui h1 span {
    line-height: 1;
    display: block;
    font-size: 1rem
}

.acc {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.acc_ctrl {
    background: #FFF;
    border: none;
    border-bottom: solid 1px #e9e9e9;
    cursor: pointer;
    display: block;
    outline: none;
    padding: 15px 25px 15px 0;
    position: relative;
    width: 100%;
    text-transform: none
}

.acc_ctrl h4 {
    text-transform: none;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 1.375em
}

.acc_ctrl:before {
    background: var(--first-color);
    content: '';
    height: 3px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: 800;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 14px
}

.acc_ctrl:after {
    font-weight: 800;
    background: var(--first-color);
    content: '';
    height: 3px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 14px
}

.acc_ctrl.active:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.acc_ctrl.active h4,
.acc_ctrl:focus h4 {
    position: relative
}

.acc_panel {
    padding: 0;
    display: none;
    overflow: hidden;
    margin: 10px 0
}

.acc_panel p {
    margin-bottom: 0;
    line-height: 1.6
}

.block--empty .block__img {
    display: block;
    margin: 20px auto 30px;
    opacity: .4
}

.block--empty {
    padding: 20px
}

.block--empty h1 {
    padding: 0 0 20px;
    font-size: 4em
}

.block--empty h2 {
    padding: 0 0 10px;
    font-size: 1.5em
}

.block--empty h4 {
    font-size: 1.1em;
    padding-bottom: 20px
}

.block--empty h6 {
    font-weight: 300
}

.block--empty .error__img {
    width: 449px;
    display: block;
    margin: 20px auto 0
}

.box--offer {
    min-height: 240px;
    margin: 10px 0
}

.box--offer .offer {
    border: 2px dashed #ddd;
    padding: 10px;
    border-radius: 4px
}

.box--offer .offer__box {
    background: #f5f5f5;
    text-align: center;
    color: #f15c5c;
    font-size: 2.1em;
    padding: 30px 10px;
    line-height: 1.1;
    font-weight: 600;
    min-height: 110px
}

.box--offer .offer__box span {
    display: block;
    font-size: .7em;
    font-weight: 400
}

.box--offer .offer__logo {
    width: 60px;
    margin: 10px auto 0;
    display: block
}

.box--offer .offer__logo img {
    width: 100%;
    margin: auto
}

.box--offer p {
    opacity: .6
}

.box--offer h4 {
    padding-bottom: 20px
}

.box--offer .offer__footer {
    border-top: 1px solid #ededed;
    padding: 6px 0 0;
    width: 100%;
    display: inline-block
}

.box--offer .offer__footer .label {
    margin: 4px 0 0;
    font-size: 1em
}

.box--offer .offer__footer p {
    margin: 0
}

.radius10 {
    border-radius: 10px
}

.index-bg {
    background: url(/images/shape-index.png) no-repeat top center
}

.index-bg.dashboard {
    background: none
}

.header {
    position: sticky;
    background-color: #fff;
    padding-top: 5px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    -o-transition: all ease .1s;
    transition: all ease .1s
}

.after-header {
    height: auto;
}

.inner-page:not(.bg-gray) .header {
    background: #fff
}

.fixed .header {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}

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

.logo {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 200px
}

.right-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nav {
    display: inline-block
}

.nav li {
    display: inline-block;
    margin: 0 10px
}

.nav li a {
    text-transform: uppercase;
    color: #5a5959;
    font-size: 1.125em;
    font-weight: 600
}

.accounts-nav li {
    display: inline-block
}

.accounts-nav li a {
    font-family: 'Poppins', sans-serif;
    background: var(--first-color);
    border-radius: 4px;
    padding: 0 20px;
    line-height: 35px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    height: auto;
    display: block;
    font-size: .875em
}

.searchform-holder {
    position: relative
}

.search-form {
    position: absolute;
    z-index: 5;
    right: 0;
    top: 100%;
    padding: 8px 0;
    border-radius: 3px;
    display: inline-block;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: .3;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: #fff;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .30);
    box-shadow: 0 0 10px rgba(0, 0, 0, .30)
}

.form-opened .search-form {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.search-form-detail {
    background: #0dd0ed;
    padding: 25px
}

.form-main-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-main-search .field-set {
    margin: 0;
    padding: 0
}

.form-main-search input[type="text"] {
    background: none;
    border: none;
    padding: 0 10px;
    margin: 0;
    height: 40px;
    font-size: .875em;
    font-weight: 300;
    line-height: 40px;
    width: auto;
    border-radius: 0;
    box-shadow: none
}

.form-main-search input[type="submit"] {
    background: url(/images/retina/icon-search.svg) no-repeat center;
    background-size: 18px;
    border: none;
    padding: 0;
    margin: 0;
    height: 40px;
    width: 57px;
    line-height: 40px;
    float: right
}

.search-toggle {
    display: inline-block;
    margin: 0 5px;
    width: 35px;
    height: 35px;
    border: solid 1px var(--border-color);
    cursor: pointer;
    position: relative;
    vertical-align: top;
    border-radius: 4px
}

.search-toggle.active .search-icon {
    border-color: transparent;
    transition: all .4s cubic-bezier(0.11, 0.92, 0.52, 0.98);
    top: 50%;
    left: 50%
}

.search-toggle.active .search-icon:before {
    -webkit-transform: rotate(45deg) translate(0%, 0%);
    transform: rotate(45deg) translate(0%, 0%);
    width: 153%;
    transition: all .2s cubic-bezier(0.11, 0.92, 0.52, 0.98) .2s
}

.search-toggle.active .search-icon:after {
    -webkit-transform: rotate(-45deg) translate(0%, 0%);
    transform: rotate(-45deg) translate(0%, 0%);
    width: 153%;
    opacity: 1;
    transition: all .2s cubic-bezier(0.11, 0.92, 0.52, 0.98) .4s
}

.search-toggle .search-icon {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid #5a5959;
    transition: all .4s cubic-bezier(0.11, 0.92, 0.52, 0.98) .5s;
    margin-top: -2px
}

.search-toggle .search-icon:before,
.search-toggle .search-icon:after {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #5a5959;
    display: block;
    top: 100%
}

.search-toggle .search-icon:before {
    right: 0;
    transition: all .4s cubic-bezier(0.11, 0.92, 0.52, 0.98) .2s;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg) translate(50%, 50%);
    transform: rotate(45deg) translate(50%, 50%);
    width: 60%
}

.search-toggle .search-icon:after {
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
    transform: rotate(-45deg) translate(-50%, -50%);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    transition: all .4s cubic-bezier(0.11, 0.92, 0.52, 0.98);
    transition: opacity .2s cubic-bezier(0.11, 0.92, 0.52, 0.98), -webkit-transform .4s cubic-bezier(0.11, 0.92, 0.52, 0.98);
    transition: transform .4s cubic-bezier(0.11, 0.92, 0.52, 0.98), opacity .2s cubic-bezier(0.11, 0.92, 0.52, 0.98);
    transition: transform .4s cubic-bezier(0.11, 0.92, 0.52, 0.98), opacity .2s cubic-bezier(0.11, 0.92, 0.52, 0.98), -webkit-transform .4s cubic-bezier(0.11, 0.92, 0.52, 0.98)
}

.no-focus:focus {
    box-shadow: none !important
}

.search-wrapper {
    height: 35px;
    position: relative;
    width: 50px
}

.header__search {
    border: 1px solid var(--border-color);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    border-radius: 4px
}

.search-opened .header__search {
    background: #fff;
    width: 200px
}

.header__search input[type="text"] {
    border: none;
    border-radius: 0;
    background: none;
    height: 34px;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

.header__search input[type="text"]:focus {
    box-shadow: none
}

.header__search input[type="submit"] {
    border-radius: 0;
    width: 35px;
    height: 35px;
    background: url(/images/retina/icon-search.svg) no-repeat center center;
    border: none;
    background-size: 20px 20px;
    position: absolute;
    right: 0;
    top: 0
}

.lang-selector {
    position: relative;
    margin: 0 5px;
    display: flex;
    border-radius: 4px;
    padding: 0;
    height: 35px;
    line-height: 35px;
    border: solid 1px var(--border-color)
}

.lang-selector .lang-selector__trigger {
    position: relative;
    display: inline-block;
    padding: 0 30px 0 10px;
    color: inherit;
    font-size: .875em;
    text-align: left;
    display: flex;
    align-items: center
}

.lang-selector .lang-selector__trigger .icn {
    min-width: 20px;
    margin-right: 5px
}

.lang-selector .lang-selector__trigger .icn img,
.lang-selector .lang-selector__trigger .icn svg {
    max-width: 20px
}

.lang-selector .lang-selector__trigger:after {
    position: absolute;
    right: 10px;
    top: calc(50% - 2px);
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #757575
}

.hero-slider {
    position: relative
}

.hero-slider .hero-item {
    margin: 0;
    position: relative;
    padding: 5px 20px
}

.hero-slider .hero-media {
    background: #000;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.11)
}

.hero-slider .hero-media img {
    opacity: .5
}

.hero-slider .hero-data {
    position: absolute;
    z-index: 1;
    left: 65px;
    top: 50%;
    margin-top: -85px
}

.hero-slider .hero-item.slick-active .hero-media {
    background: none
}

.hero-slider .hero-item.slick-active .hero-media img,
.hero-slider .hero-item.slick-active .hero-data {
    opacity: 1
}

.hero-slider .hero-data h2 {
    font-size: 3.125em;
    font-weight: 600;
    color: #3d3d3d
}

.hero-slider .hero-data p {
    font-size: 1.25em;
    color: #676768;
    font-weight: 400;
    margin-bottom: 50px;
    max-width: 340px
}

.slick-arrow,
.hero-slider .slick-arrow,
.detail-slider .slick-arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    background: #858835;
    border-radius: 50%;
    width: 75px;
    height: 76px;
    padding: 0;
    cursor: pointer;
    text-indent: -9999px;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
}

.slick-prev,
.hero-slider .slick-prev,
.detail-slider .slick-prev {
    background: #fff url(/images/arrow-left.png) no-repeat center;
    background-size: 36px;
    left: calc(50% - 730px)
}

.slick-next,
.hero-slider .slick-next,
.detail-slider .slick-next {
    background: #fff url(/images/arrow-right.png) no-repeat center;
    background-size: 36px;
    right: calc(50% - 730px)
}

.slick-arrow:hover,
.hero-slider .slick-arrow:hover,
.detail-slider .slick-arrow:hover {
    background-color: background: rgba(0, 0, 0, 1)
}

.detail-slider .slick-prev {
    background: #fff url(/images/arrow-left.png) no-repeat center;
    background-size: 25px;
    width: 50px;
    height: 50px;
    left: 20px
}

.detail-slider .slick-next {
    background: #fff url(/images/arrow-right.png) no-repeat center;
    background-size: 25px;
    width: 50px;
    height: 50px;
    right: 20px
}

.reviews-slider .slick-prev {
    background: #fff url(/images/arrow-left.png) no-repeat center;
    background-size: 25px;
    width: 50px;
    height: 50px;
    left: 0;
    top: 82px
}

.reviews-slider .slick-next {
    background: #fff url(/images/arrow-right.png) no-repeat center;
    background-size: 25px;
    width: 50px;
    height: 50px;
    right: 0;
    top: 82px
}

.btn,
.button {
    overflow: hidden;
    align-items: center;
    justify-content: center
}

.btn .icn,
.button .icn {
    max-width: 20px;
    margin-right: 5px
}

.btn:before,
.button:before {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.btn:hover:before,
.button:hover:before {
    animation: shine 1.2s
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.section-head {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-head.align--center {
    justify-content: center
}

.section__heading h2 {
    color: #373838;
    font-size: 2em;
    line-height: 1;
    font-weight: 600;
    display: block;
    margin: 0;
    padding: 0
}

.section__heading.blue-theme h2 {
    color: var(--second-color)
}

.section__heading p {
    color: #373838
}

.how-works .works-box {
    text-align: center;
    max-width: 290px;
    margin: 0 auto
}

.how-works .works-box .icn {
    margin: 20px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 130px
}

.how-works .works-box .icn img {
    display: inline-block;
    margin: 0 auto
}

.how-works .works-box h3 {
    color: #373838;
    font-size: 1.25em;
    font-weight: 500;
    margin: 20px 0
}

.how-works .works-box p {
    color: #5d5d5e;
    font-size: 1em;
    font-weight: 400
}

.how-works .works-box a.btn {
    min-width: 100%
}

.section {
    padding: 40px 0
}

.column {
    margin-bottom: 30px
}

.bg-gray {
    background: #f4f5f9
}


.product-tile {
    height: 100%;
    position: relative;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.10)
}

.product-tile-lable {
    background: var(--second-color);
    color: #000;
    font-size: .875em;
    padding: 2px 5px;
    line-height: 20px;
    border-radius: 3px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1
}

.product-tile-image {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 0 56.25%;
    margin-bottom: 15px;
    background-color: #f2f2f2
}

.product-tile-image .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    margin: auto
}

.product-online {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1
}

.product-online ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-online ul li {
    margin: 0 2px;
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--first-color);
    border-radius: 3px
}

.product-tile-detail {
    text-align: left
}

.product-title {
    font-size: 1.25em;
    font-weight: 600;
    color: #000;
    text-transform: uppercase
}

.product-title a {
    color: inherit
}

.product__online {
    line-height: 1;
    display: block;
    text-transform: uppercase;
    font-size: .75rem;
    color: var(--first-color)
}

.product-desc {
    color: #464545;
    line-height: 1.5;
    font-size: 1em;
    font-weight: 300;
    padding: 0px 20px
}

.product-tile-footer {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* border-top:solid 1px var(--border-color); */
    padding: 5px 20px
}

.posted-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.posted-by .avatar {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: block;
    overflow: hidden;
    margin-right: 10px
}

.posted-by .by-name {
    text-align: left;
    color: #000;
    font-size: .875em
}

.posted-by .by-name .location {
    display: block;
    color: #676767;
    margin: 0
}

.rating-wrapper {
    padding-left: 5px;
    font-size: .875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.rating-wrapper .star {
    display: block;
    margin-right: 4px;
    min-width: 14px;
    padding-bottom: 2px;
}

.rating-wrapper p {
    display: block;
    padding-bottom: 0;
    margin-bottom: 0
}

.customer-say {
    text-align: center
}

.customer-say .item {
    margin: 0 40px
}

.customer-say .customer-img {
    overflow: hidden;
    display: block;
    margin: 30px auto;
    border-radius: 50%;
    width: 120px;
    height: 120px
}

.customer-say .customer-content p {
    color: #525252;
    line-height: 1.7;
    font-size: .875em;
    margin-bottom: 25px
}

.customer-say .from {
    position: relative
}

.customer-say .from:after {
    background: url(/images/quote.png) no-repeat center;
    width: 26px;
    height: 22px;
    margin: 15px auto;
    content: "";
    display: block
}

.customer-say .slick-dots,
.hero-slider .slick-dots {
    padding: 0;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.customer-say .slick-dots li,
.hero-slider .slick-dots li {
    vertical-align: middle;
    display: inline-block;
    margin: 0 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    cursor: pointer;
    background: #d2d2d2
}

.customer-say .slick-dots li button,
.hero-slider .slick-dots li button {
    background: none;
    border: none;
    text-indent: -9999999px
}

.customer-say .slick-dots li.slick-active,
.hero-slider .slick-dots li.slick-active {
    background: var(--second-color)
}

.cities-list ul {
    text-align: center
}

.cities-list ul li {
    display: inline-block;
    margin: 10px 5px
}

.cities-list .cities-box {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #000
}

.cities-list .cities-box img {
    opacity: .5
}

.cities-list .cities-box .over-txt {
    position: absolute;
    font-size: 1.25em;
    color: #fff
}

.cities-list .cities-box .count {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #000;
    background: #fff;
    margin: 5px auto;
    font-weight: 600
}

.cities-list .cities-box:hover .count {
    background: var(--second-color)
}

.cities-list .cities-box:hover img {
    opacity: 1
}

.stats-bg {
    background: url(/images/bg-stats.jpg) no-repeat center top;
    padding-bottom: 0;
    padding-top: 0;
    background-size: 100%;
    background-position: center;
}

.stats-box {
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    margin: 60px auto
}

.stats-box .counts {
    background: #fff;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    text-align: center;
    line-height: 116px;
    font-size: 1.8em;
    margin: 15px auto;
    display: block;
    color: #4d4c4c;
    font-weight: 600
}

.footer {
    position: relative;
    background: #fff;
    padding: 40px 0
}

.cta-bottom {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.20);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.20);
    text-align: center;
    padding: 50px 25px;
    color: #5e5e5e;
    font-size: 2em;
    margin: 0 auto;
    margin-top: -213px;
    margin-bottom: 60px;
    max-width: 845px;
    position: relative;
    z-index: 1;
    line-height: 1
}

.cta-bottom a {
    border-left: solid 1px var(--border-color);
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
    font-weight: 600;
    color: var(--first-color)
}

.f-logo {
    margin-bottom: 30px
}

.social-media {
    display: block
}

.social-media li {
    display: inline-block;
    vertical-align: middle
}

.social-media li a {
    border-radius: 50%;
    border: solid 2px #191919;
    padding: 2px;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .33
}

.social-media li a:hover {
    opacity: 1
}

.copyright {
    margin: 10px 0;
    font-size: .875em
}

.f-links h3,
.f-heading {
    color: inherit;
    font-size: 1em;
    font-weight: 500;
    padding: 0 0 5px;
    margin: 0 0 10px
}

.f-links li {
    color: #575757;
    font-size: .8em;
    font-weight: 300;
    padding: 5px 0;
    display: block
}

.f-links li a {
    color: inherit;
    font-size: inherit;
    position: relative;
    text-decoration: none
}

.f-links li a:hover {
    color: var(--first-color)
}

.f-links li a:before {
    background: var(--first-color);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.f-links li a:hover:before {
    right: 0
}

.disclaimer {
    line-height: 1.6;
    padding: 15px 0;
    color: #484849;
    font-size: .8em
}

.disclaimer strong {
    color: #000
}

.hide--desktop {
    display: none !important
}

.section--gray {
    background: #f4f5f9
}

.sort-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sort__txt {
    margin-right: 10px;
    display: block;
    white-space: nowrap
}

.g-full-map {
    width: 100%;
    position: relative;
    height: 500px
}

.g-full-map iframe {
    width: 100%;
    height: 100%
}

.g-full-map~.page--detail {
    margin-top: -75px;
    padding-top: 0
}

.block {
    border-radius: 4px;
    background: #fff;
    border: solid 1px var(--border-color);
    overflow: hidden
}

.block.block--space {
    padding: 30px
}

.page--detail {
    padding-top: 20px
}

.detail-slider {
    position: relative;
    margin-bottom: 30px
}

.detail-slider img {
    border-radius: 4px
}

.detail-title {
    margin-bottom: 20px
}

.detail-title h1 {
    color: #000;
    font-size: 1.625em;
    line-height: 1;
    padding: 0;
    margin: 0
}

.tag {
    color: var(--first-color)
}

.msg-posted-by {
    padding: 25px;
    margin: 15px 0;
    border-radius: 10px
}

.msg-from {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.msg-from .avatar {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: block;
    overflow: hidden;
    margin-right: 10px
}

.msg-from .avatar img {
    min-width: 70px;
    min-height: 70px
}

.posted__detail .posted__name {
    font-weight: 600;
    color: #000
}

.posted__detail ._from {
    margin: 4px 0;
    font-size: .875em
}

.task {
    border-radius: 4px;
    background: #f4f5f9;
    padding: 2px;
    text-align: center;
    color: #000
}

.task.task--status {
    background: #18ebf4
}

.tasker-detail ul {
    margin: 0;
    padding: 0
}

.tasker-detail ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875em;
    margin: 3px 0;
    padding: 0
}

.tasker-detail ul li .td-caption {
    font-weight: 600;
    display: block;
    min-width: 116px
}

.bid-ammount {
    color: #fff;
    text-align: center;
    background: var(--first-color);
    border-radius: 4px;
    padding: 20px 10px
}

.bid-ammount span {
    display: block;
    font-size: 1.25em;
    font-weight: 600
}

.comment-thread ul li {
    display: block;
    border-bottom: solid 1px #e2e2e2;
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.profile-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.profile-wrap .profile__avatar {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: block;
    overflow: hidden;
    margin-right: 10px
}

.profile__detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.profile-wrap .profile__avatar img {
    min-width: 70px;
    min-height: 70px
}

.profile-wrap .profile__name {
    font-weight: 600;
    color: #000
}

.profile__dated {
    font-size: .875em
}

.posted-desc {
    margin: 10px 0
}

.form--post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.form--post textarea {
    height: 100px;
    background: #f4f5f9;
    margin-bottom: 15px
}

.box {
    background: #fff;
    border: solid 1px var(--border-color)
}

.box.box--radius {
    border-radius: 4px
}

.right-panel h3 {
    font-size: 1.25em;
    background: var(--first-color);
    color: #fff;
    padding: 8px 15px
}

.task-info ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    padding: 10px 15px;
    font-size: .875em;
    border-bottom: solid 1px var(--border-color)
}

.task-info ul li:last-child {
    border-bottom: none
}

.task-info .icn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    background: var(--first-color);
    border-radius: 50%;
    margin-right: 10px
}

.task-info .price {
    font-size: .875em;
    display: block;
    color: var(--body-color)
}

.right-panel .theme-2 h3 {
    color: #000;
    background: var(--second-color)
}

.right-panel .theme-2 .task-info .icn {
    background: var(--second-color)
}

.right-panel .theme-3 h3 {
    color: #000;
    background: #e5e6e9
}

.yogigs-tabs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px auto;
    border-radius: 4px;
    max-width: 80%;
    border: solid 1px var(--first-color)
}

.yogigs-tabs li {
    color: #000;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    padding: 5px 10px;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.yogigs-tabs li:hover,
.yogigs-tabs li.is--active {
    color: #fff;
    background: var(--first-color)
}

.tab-content:not(.is--active) {
    position: absolute;
    width: 100%;
    visibility: hidden;
    opacity: 0
}

.reviews-slider {
    margin: 0 auto;
    text-align: center;
    position: relative
}

.reviews-slider .item {
    background: url(/images/quote.png) no-repeat center bottom;
    padding-bottom: 40px;
    margin-bottom: 15px
}

.reviews-slider .customer-img {
    overflow: hidden;
    display: block;
    margin: 15px auto;
    border-radius: 50%;
    width: 120px;
    height: 120px
}

.reviews-slider .customer-content p {
    color: #525252;
    line-height: 1.7;
    font-size: .875em;
    margin-bottom: 25px
}

.reviews-slider .rating-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reviews-slider .from {
    margin: 0 auto;
    text-align: center
}

.reviews-slider .from span {
    font-size: .875em;
    display: block
}

.reviews-slider .name {
    font-weight: 600;
    color: #000
}

.padd-wrap {
    padding: 0 25px;
    position: relative
}

.my-account {
    margin-left: 10px;
    position: relative
}

.my-account__avatar {
    overflow: hidden;
    border-radius: 50%;
    width: 42px;
    height: 42px
}

.status {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    display: block;
    background: #E85858;
    width: 10px;
    height: 10px
}

.status.online {
    background: #6eb444
}

.dropdown .expand-heading {
    color: #aeaeaf;
    text-align: left;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 600
}

.dropdown__target {
    border-radius: 4px;
    z-index: 10;
    left: 0;
    top: 110%;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20);
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    -webkit-transform-origin: center;
    transform-origin: center
}

.dropdown__target:before {
    content: "";
    display: block;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 20px
}

.dropdown__target__right {
    left: auto;
    right: 0
}

.dropdown__target__right:before {
    left: auto;
    right: 20px
}

.dropdown.is-active .dropdown__target {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.dropdown__target-space {
    padding: 15px 25px;
    min-width: 220px
}

.dropdown__target-head {
    padding: 15px;
    background: var(--first-color)
}

.dropdown__target-head p {
    margin: 6px 0 0;
    color: #fff;
    font-size: .9em
}

.dropdown__target-head p a {
    color: #fff;
    text-decoration: underline
}

.dropdown__target-head .link {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    margin: 5px 0;
    padding: 2px 20px 4px
}

.dropdown__target .iconavtar {
    border: 2px solid #fff;
    display: block;
    position: relative;
    margin: 0 auto 5px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #fff;
    padding: 2px
}

.dropdown__target .iconavtar .icon,
.dropdown__target .iconavtar img {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: var(--first-color);
    font-size: 2.5em;
    line-height: 1
}

.list-vertical {
    margin: 0;
    padding: 0
}

.list-vertical li {
    padding: 6px 0;
    display: block;
    position: relative
}

.list-vertical li:last-child {
    border-bottom: none
}

.list-vertical .remove_buyTogether {
    margin-right: 10px;
    cursor: pointer
}

.list-vertical .remove_buyTogether:hover {
    color: var(--first-color)
}

.list-vertical li.is-active a {
    color: #555;
    font-weight: 600
}

.list-vertical a {
    color: var(--txt-color);
    display: block;
    position: relative;
    text-align: left;
    font-size: .875em;
    font-weight: 400;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.list-vertical a:hover {
    padding-left: 10px
}

.list-vertical--tick li.is-active a {
    padding-left: 0
}

.list-vertical img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.list-vertical li .parents--link {
    position: relative
}

.list-vertical li .parents--link:after {
    position: absolute;
    content: "+";
    font-weight: 600;
    font-size: 1.25em;
    color: #888;
    right: 10px;
    top: -4px
}

.list-vertical li.has-child.is--active .parents--link:after {
    content: "-"
}

.list-vertical li .parents--link {
    display: block;
    cursor: pointer
}

.list-vertical .childs {
    display: none
}

.list-vertical .childs.opened {
    display: block
}

.list-vertical .childs li {
    font-size: .95em;
    margin: 4px 0;
    padding-left: 0
}

.list-vertical--tick li.is-active a {
    font-weight: 400
}

.list-vertical--tick li.is-active:before {
    position: absolute;
    left: -15px;
    top: calc(50% - 5px);
    content: "";
    background: url(/images/retina/tick.svg) no-repeat 0 0;
    background-size: 10px;
    width: 10px;
    height: 10px;
    display: block
}

.h-badge {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: .75rem;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--second-color)
}


.h-badge-red {
    background: red
}

.heartbit {
    position: absolute;
    top: -7px;
    right: -7px;
    height: 35px;
    width: 35px;
    z-index: -1;
    border: 5px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    -moz-animation: 1s ease-out infinite heartbit;
    -o-animation: 1s ease-out infinite heartbit;
    -webkit-animation: 1s ease-out infinite heartbit;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.1);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.5);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.8);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.table {
    border: none
}

.table tr td {
    border: none
}

.robots-box {
    position: relative;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.10)
}

.robots-lable {
    background: var(--second-color);
    color: #000;
    font-size: .875em;
    padding: 2px 5px;
    line-height: 20px;
    border-radius: 3px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1
}

.robots-image {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    width: 120px;
    margin: 10px auto;
    height: 120px;
    border-radius: 50%;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0
}

.robots-title {
    font-size: 1.25em;
    font-weight: 600;
    color: var(--first-color);
    display: block;
    text-transform: uppercase
}

.robots-data {
    font-size: .8em;
    color: #676767;
    margin: 10px 5px
}

.robots-location {
    line-height: 1;
    display: block;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    margin: 5px 0;
    color: var(--first-color)
}

.robots-box .ratingsWrap {
    margin: 5px auto
}

.robots-action {
    padding: 15px 10px
}

.bg-contact {
    background: url(images/bg-contact-us.png) no-repeat center bottom
}

.bg-login {
    background: url(images/bg-login.png) no-repeat center bottom
}

.form--login {
    padding: 3rem 0
}

.forgot {
    text-align: right;
    color: var(--first-color)
}

.or {
    display: block;
    margin: 0;
    width: 100%;
    position: relative
}

.or span {
    display: block;
    margin: 2rem auto;
    text-align: center;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: var(--second-color);
    border-radius: 50%
}

.or:before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    margin-top: -1px;
    background: url(images/seprator.png) no-repeat center
}

.btn--social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 1.5rem 0
}

.btn--social .icn {
    -webkit-margin-end: 1rem;
    -moz-margin-end: 1rem;
    margin-inline-end: 1rem
}

.btn--social.btn--fb {
    background: #617ac3
}

.btn--social.btn--gp {
    background: #de4c34
}

.register-as ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2rem auto
}

.register-as ul li {
    list-style: none
}

.register-as ul li.option {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 276px;
    position: relative
}

.register-as ul li.option a {
    padding: 1rem;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.10);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    border: solid 2px transparent;
    position: relative
}

.register-as ul li.option.is-selected a {
    border-color: var(--first-color)
}

.register-as ul li.option a:hover {
    border-color: var(--first-color)
}

.register-as ul li.option.is-selected:after {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -10px;
    content: "";
    background: var(--first-color) url(images/retina/tick-white.svg) no-repeat center;
    background-size: 12px
}

.register-as .icn {
    margin: 1rem auto;
    display: inline-block
}

.register-as ul li span {
    margin: 0 1.5rem;
    font-weight: 600;
    font-size: 1.125rem;
    color: #a3a4a4
}

.pr-text.hide {
    display: none
}

.currency_wrapper input[type="text"] {
    padding-left: 23px
}

.field_cover,
.fileUp {
    position: relative
}

input[type="text"].calendar--icon {
    padding-right: 60px
}

.calendar--icon~img {
    position: absolute;
    right: 20px;
    top: 12px
}

.addmore {
    float: right;
    font-size: 14px
}

.fileUp input[type="file"] {
    padding-right: 50px
}

.remove-file-field {
    color: red;
    top: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.field_label {
    font-size: .9em
}

.cursor {
    cursor: pointer
}

.more_attachments {
    padding-bottom: 15px
}

.signTick {
    margin: 0 auto 25px
}

.groupFilter select {
    font-size: 14px;
    height: 40px;
    display: block
}

.detail-slider img {
    margin: 0 auto
}

.success-msg {
    color: green;
    border: 1px solid green;
    padding: 10px;
}

.selected .interested--robo .check {
    background: url(images/checkbox.png) no-repeat scroll center bottom;
}

.interested--robo .check {
    background: url(images/checkbox.png) no-repeat scroll center top;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    z-index: 1;
}

.msg_block.hide {
    display: none;
}

.msg_text h5 a {
    color: #000;
    font-size: 14px;
}

.popup__header {
    background-color: #e67e22;
    padding: 10px 20px;
}

.popup__body {
    padding: 30px;
    background-color: #fff;
}

.popup__header h3 {
    color: #fff;
    margin: 0px;
    font-size: 1.6em;
    line-height: inherit;
}

.more_attachments .btn.btn--secondary.ripplelink {
    background-color: red;
}

.file-row td {
    padding-bottom: 15px;
}

.status.online.-modifier {
    background-color: red;
    height: 18px;
    width: 18px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    bottom: -5px;
    right: -5px;
}

.taskTab {
    float: left;
    padding: 5px 20px;
    list-style-type: none;
    margin-right: 0;
    background-color: #f4f5f9;
    border: 1px solid #d5d5d5
}

.taskTab a {
    color: #000;
}

.taskTab.active {
    background-color: #fff;
    border: 1px solid #fff
}




/* 10-jul-2020 [ */
.payment_methods_list {
    /* padding: 10px 0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

@media(min-width:767px) {

    .payment_methods_list {
        height: 100%;
        width: 100%;
    }
}

#listing .dataTable td {
    border-bottom: 1px solid #ddd;
    text-align: left;
}

#listing .dataTable td:last-child {
    /*border:none;*/
}

.payment_methods_list ul {

    width: 100%;
    max-height: 316px;
    /*	flex-wrap: nowrap;
    overflow-y: auto;
    white-space: nowrap;*/
}

.payment_methods_list li {
    margin: 0;
    margin-bottom: 0.5rem;
    width: 100%;
    display: block;
    position: relative;
}

.payment_methods_list li a {

    border: solid 1px var(--border-color);
    border-radius: 4px;
    color: var(--txt-color);

    display: block;
    padding: 10px 25px;
    color: #666;
}

.payment_methods_list li a:hover,
.payment_methods_list li.is-active a {
    color: #333;
    border-color: #21c17a;
}

.payment_methods_list li.is-active:after {
    /* background: url(images/retina/tick-green.svg) no-repeat center;
    content: ""; */
    position: absolute;
    left: 10px;
    top: 10px;
    background-size: 10px;
    width: 22px;
    height: 22px;
    border: solid 1px #21c17a;
    border-radius: 50%;
}

.payment-from .you-pay {
    font-size: 20px;
}

.payment_methods_list li:last-child {
    margin-bottom: 0;
}

.payment_methods_list span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    /* font-size: 0.875rem; */
}

.payment_methods_list .payment-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.payment_methods_list .payment-icn {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    max-width: 40px;
    margin: 0 0.6rem;
}

.payment-from {
    background: #fff;

    border-radius: 4px;

    border: solid 1px #e9e9e9;
    padding: 2rem;
}


.payment-here {}

.payment-here .you-pay strong {
    display: block;
    font-size: 2rem;
}

.posted_msg_container .msg_collapse .msg_credentials {
    width: calc(100% - 91px) !important;
    float: left !important;
}

.posted_msg_container .msg_collapse .msg_trigger {
    float: right !important;
}

body.popup-fixed {
    position: fixed !important;
    top: 0;
    !important;
    left: 0 !important;
    width: 100% !important;
}

#facebox {
    top: 20vh !important;
}

@media screen and (min-width:768px) and (max-width:990px) {
    .connect.fb {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .msg_collapse {
        float: left;
        width: 100%;
    }

    .posted_msg_container .msg_collapse .msg_trigger {
        height: 47px !important;
    }
}

@media screen and (max-width:767px) {
    div.calendar {
        left: 25px !important;
    }

    .posted_msg_container .msg_collapse .msg_credentials {
        width: 100% !important;
    }

    .posted_msg_container .msg_collapse .msg_trigger {
        width: 100% !important;
    }
}


/* ] */

.file-row-1 input {
    width: 100% !important;
}

.file-row-1 .file-upload {
    cursor: pointer;
}

.file-row-1 .file-upload.btn:before {
    content: none;
}

.toggle-password {
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 15px;
    padding-right: 45px;
}


/* 11 oct 2021 [*/
.readonly {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #000 !important
}

/* ] */

/* Cookie policy css changes 14 oct 2021 [*/
.cc-window {
    background-color: rgba(0, 0, 0, 0.75);
    bottom: 0;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 999;
}

.cc-window .box-cookies {
    color: #dbe0df;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    padding: 15px;
    text-align: center;
}

.cc-window .box-cookies a {
    color: #fff;
    text-decoration: underline;
}

.cc-window .cc-close {
    background-color: var(--second-color);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    color: #ffffff;
}

.password_with_icon {
    padding-right: 65px !important;
}

/* ] */